big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.16.0 (2020-02-21)

Bug Fixes

docs: public path (#333) (9db4d26)

Features

component: add Alerts, InlineAlerts, and Message components (#340) (d541276)
component: convert Dropdown/Select to FC and add MultiSelect (#303) (0ab0e50)
component: restrict badges to use label props and style fixes (#339) (a8af2f2)

BREAKING CHANGES

component: Selects and Multiselects have been split into its own component. Props changed for Dropdowns & Selects.

** Dropdown **

Old:

<Dropdown
    maxHeight={250}
    options={[
        { content: 'Edit', onClick: item => item, icon: <EditIcon />, value: 'edit' },
        {
        content: 'Duplicate',
        onClick: item => item,
        value: 'duplicate',
        icon: <FileCopyIcon />,
        },
        {
        content: 'Copy',
        onClick: item => item,
        value: 'copy',
        icon: <AssignmentIcon />,
        disabled: true,
        tooltip: 'You cannot copy this item...',
        },
        {
        content: 'Delete',
        onClick: item => item,
        value: 'delete',
        icon: <DeleteIcon />,
        actionType: 'destructive',
        },
        {
        content: 'Link',
        icon: <OpenInNewIcon />,
        type: 'link',
        url: '#',
        },
    ]}
    placement="bottom-start"
    trigger={<Button>Open Menu</Button>}
/>

New:

<Dropdown
    maxHeight={250}
    items={[
        { content: 'Edit', onItemClick: item => item, hash: 'edit', icon: <EditIcon /> },
        {
        content: 'Duplicate',
        onItemClick: item => item,
        hash: 'duplicate',
        icon: <FileCopyIcon />,
        },
        {
        content: 'Copy',
        onItemClick: item => item,
        hash: 'copy',
        icon: <AssignmentIcon />,
        disabled: true,
        tooltip: 'You cannot copy this item...',
        },
        {
        content: 'Delete',
        onItemClick: item => item,
        hash: 'delete',
        icon: <DeleteIcon />,
        actionType: 'destructive',
        },
        {
        content: 'Link',
        icon: <OpenInNewIcon />,
        type: 'link',
        url: '#',
        },
    ]}
    placement="bottom-start"
    toggle={<Button>Open Menu</Button>}
/>

** Select **

Old:

<Select
    action={{
        actionType: 'destructive',
        content: 'Remove Country',
        icon: <DeleteIcon />,
        onClick: () => null,
    }}
    label="Countries"
    maxHeight={300}
    onChange={handleChange}
    options={[
        { value: 'us', content: 'United States' },
        { value: 'mx', content: 'Mexico' },
        { value: 'ca', content: 'Canada' },
        { value: 'ru', content: 'Russia', disabled: true },
    ]}
    placeholder={'Choose country'}
    placement={'bottom-start'}
    required
    value={value}
/>

New:

<Select
    action={{
        actionType: 'destructive',
        content: 'Remove Country',
        icon: <DeleteIcon />,
        onActionClick: () => null,
    }}
    label="Countries"
    maxHeight={300}
    onOptionChange={handleChange}
    options={[
        { value: 'us', content: 'United States' },
        { value: 'mx', content: 'Mexico' },
        { value: 'ca', content: 'Canada' },
        { value: 'ru', content: 'Russia', disabled: true },
    ]}
    placeholder={'Choose country'}
    placement={'bottom-start'}
    required
    value={value}
/>

** MultiSelect **

Old:

<Select
    action={{
        actionType: 'destructive',
        content: 'Remove Country',
        icon: <DeleteIcon />,
        onClick: () => null,
    }}
    label="Countries"
    maxHeight={300}
    multi={true}
    onChange={handleChange}
    options={[
        { value: 'us', content: 'United States' },
        { value: 'mx', content: 'Mexico' },
        { value: 'ca', content: 'Canada' },
        { value: 'ru', content: 'Russia', disabled: true },
    ]}
    placeholder={'Choose country'}
    placement={'bottom-start'}
    required
    value={value}
/>

New:

<MultiSelect
    action={{
        actionType: 'destructive' as 'destructive',
        content: 'Remove Country',
        icon: <DeleteIcon />,
        onActionClick: () => null,
    }}
    filterable={true}
    label="Countries"
    maxHeight={300}
    onOptionsChange={handleChange}
    options={[
        { value: 'us', content: 'United States' },
        { value: 'mx', content: 'Mexico' },
        { value: 'ca', content: 'Canada' },
        { value: 'ru', content: 'England' },
    ]}
    placeholder={'Choose country'}
    placement={'bottom-start'}
    required
    value={value}
/>

component: Convert <Badge>label</Badge> to <Badge label="label" />.

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.6.0 (2020-02-21)

Features

component: add Alerts, InlineAlerts, and Message components (#340) (d541276)

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.15.0 (2020-02-06)

Bug Fixes

component: add flex-shrink 0 to external link icon (#305) (7b90f96)
add react-hooks eslint and fix missing deps/issues (#330) (da3fbd6)
component: fix links in Dropdown items and scroll bug (#332) (98d8bdd)
component: icon alignment and autofill input fixes (#327) (d83d376)
component: modal crash with no focusable elements (#311) (72f4a33)
component: unmount Modals appropriately by deactivating focus trap (#331) (346331c)

Features

component: add ellipsis prop to Link (#310) (c2f9b78)
component: add forwardRef to box, flex and grid (#329) (b680e73)
component: add hidden headers props to Table and StatefulTable (#297) (d80641a)
component: add label id's to form fields (#304) (0620612)
component: add text-transform props to Text and Small (#307) (5d12784)
component: convert Checkbox to FC and remove static members (#322) (b916d05)
component: convert Flex to FC and export FlexItem (#313) (b2d0f21)
component: convert Form to FC and remove static members (#324) (fbc5eb9)
component: convert Grid to FC and export GridItem (#314) (6e60254)
component: convert Input to FC and remove static members (#320) (f8fcd86)
component: convert Modal to FC (#317) (a525e59)
component: convert ProgressBar to FC (#315) (b6f09c3)
component: convert ProgressCircle to FC (#316) (fbc0e74)
component: convert Radio to FC and remove static members (#323) (b14a6c1)
component: convert Textarea to FC and remove static members (#321) (bd9cc8d)
component: convert Tooltip to FC and remove static members (#326) (9215816)
component: covert Fieldset to FC and remove static members (#319) (f75bd49)
component: rename and expose form controls (#318) (48dea0c)
icons: forwardRef to svg (#312) (0088444)

BREAKING CHANGES

component: Use FormControlError, FormControlLabel, FormGroup, and Fieldset
instead of Form.Error, Form.Label, Form.Group, and Form.Fieldset respectively.
component: Use RadioLabel instead of Radio.Label.
component: Use CheckboxLabel instead of Checkbox.Label.
component: Use FormControlDescription, FormControlError, and FormControlLabel
instead of Textarea.Description, Textarea.Error, and Textarea.Label respectively.
component: Use FormControlDescription, FormControlError, and FormControlLabel
instead of Input.Description, Input.Error, and Input.Label respectively.
component: Form.Fieldset renamed to Fieldset and will now have to
import { Fieldset } from '@bigcommerce/big-design';
component: Grid.Item renamed to GridItem and will now have to
import { GridItem } from '@bigcommerce/big-design';
component: Flex.Item renamed to FlexItem and will now have to
import { FlexItem } from '@bigcommerce/big-design';

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.15.0 (2020-02-06)

Bug Fixes

component: makes label and options props required for dropdowns and groups (#299) (6f3405c)
docs: table actions prop name (30e06b4)
docs: table with sort example (30dc955)
add react-hooks eslint and fix missing deps/issues (#330) (da3fbd6)

Features

component: add ellipsis prop to Link (#310) (c2f9b78)
component: add hidden headers props to Table and StatefulTable (#297) (d80641a)
component: add label id's to form fields (#304) (0620612)
component: add text-transform props to Text and Small (#307) (5d12784)
component: convert Checkbox to FC and remove static members (#322) (b916d05)
component: convert Flex to FC and export FlexItem (#313) (b2d0f21)
component: convert Form to FC and remove static members (#324) (fbc5eb9)
component: convert Grid to FC and export GridItem (#314) (6e60254)
component: convert Input to FC and remove static members (#320) (f8fcd86)
component: convert Modal to FC (#317) (a525e59)
component: convert Radio to FC and remove static members (#323) (b14a6c1)
component: convert Textarea to FC and remove static members (#321) (bd9cc8d)
component: covert Fieldset to FC and remove static members (#319) (f75bd49)
icons: forwardRef to svg (#312) (0088444)

BREAKING CHANGES

component: Use FormControlError, FormControlLabel, FormGroup, and Fieldset
instead of Form.Error, Form.Label, Form.Group, and Form.Fieldset respectively.
component: Use RadioLabel instead of Radio.Label.
component: Use CheckboxLabel instead of Checkbox.Label.
component: Use FormControlDescription, FormControlError, and FormControlLabel
instead of Textarea.Description, Textarea.Error, and Textarea.Label respectively.
component: Use FormControlDescription, FormControlError, and FormControlLabel
instead of Input.Description, Input.Error, and Input.Label respectively.
component: Form.Fieldset renamed to Fieldset and will now have to
import { Fieldset } from '@bigcommerce/big-design';
component: Grid.Item renamed to GridItem and will now have to
import { GridItem } from '@bigcommerce/big-design';
component: Flex.Item renamed to FlexItem and will now have to
import { FlexItem } from '@bigcommerce/big-design';

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.10.0 (2020-02-06)

Bug Fixes

add react-hooks eslint and fix missing deps/issues (#330) (da3fbd6)

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.2.0 (2020-02-06)

Bug Fixes

examples: use destructive actionType for buttons (#302) (1bf028d)

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.7.0 (2020-02-06)

Bug Fixes

add react-hooks eslint and fix missing deps/issues (#330) (da3fbd6)

Features

icons: forwardRef to svg (#312) (0088444)

big-design - @bigcommerce/[email protected]

Published by chanceaclark over 4 years ago

0.5.0 (2020-02-06)

Bug Fixes

add react-hooks eslint and fix missing deps/issues (#330) (da3fbd6)

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.1.0 (2019-12-09)

Bug Fixes

examples: pin to correct version of bd (8486325)

Features

example: setup CodeSandbox example (#281) (7e36d99)

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.4.0 (2019-12-09)

Features

component: add tab trap for modals and dialogs (dcacbf9)

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.14.0 (2019-12-09)

Bug Fixes

docs: fix modal examples (b41ecab)
docs: prevent hashes on links from being overwritten (#277) (c0d0a60)

Features

component: adds list groups w/headers to Dropdown component (#288) (ff031e9)
example: setup CodeSandbox example (#281) (7e36d99)

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.6.0 (2019-12-09)

Bug Fixes

icons: only add title when available (b2cf7f7)

Features

component: add tab trap for modals and dialogs (dcacbf9)
component: ignore theme prop overrides (24b92f9)

BREAKING CHANGES

component: theme prop override is no longer supported.

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.9.0 (2019-12-09)

Features

component: add tab trap for modals and dialogs (dcacbf9)

big-design - @bigcommerce/[email protected]

Published by deini almost 5 years ago

0.14.0 (2019-12-09)

Bug Fixes

component: disabled state styles for radio and checkbox (#296) (72589a6)
component: properly handle Dropdown if all options are disabled (#275) (7834892)
component: use iconOnly buttons and remove 'per page' in Pagination (#279) (d8e8176)

Features

component: add tab trap for modals and dialogs (dcacbf9)
component: add transitions to components (#274) (c94c4df)
component: adds list groups w/headers to Dropdown component (#288) (ff031e9)
component: ignore theme prop overrides (24b92f9)

BREAKING CHANGES

component: theme prop override is no longer supported.

big-design - @bigcommerce/[email protected]

Published by chanceaclark almost 5 years ago

0.13.2 (2019-11-14)

Features

component: add customActions prop to Table and StatefulTable (#263) (ad102d4)
add hiddenLabel prop to Checkbox component (#264) (54f63b9)

big-design - @bigcommerce/[email protected]

Published by chanceaclark almost 5 years ago

0.13.2 (2019-11-14)

Bug Fixes

component: dropdowns inside TableFigure (#262) (2b271ca)
component: flex props handle falsy values (#261) (335fdd4)
component: panel now forwards data attrs (70f30f5)
component: prevent action prop from being passed to List component (#269) (84c3a01)
component: set correct display names (#270) (52edba4)
extra spacing in Select components (#271) (ffdd0bc)
prevent enter on selects from submitting the form (#272) (49a96a4)
pull from master and updated testing snapshot that failed in previous pr (#267) (56cbb15)

Features

component: add customActions prop to Table and StatefulTable (#263) (ad102d4)
component: add exclude padding/margin props helper (0b0e9a4)
add hiddenLabel prop to Checkbox component (#264) (54f63b9)