Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
689 lines (402 sloc) 33.8 KB

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

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.

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)

0.13.1 (2019-11-12)

Bug Fixes

  • component: allow 0 as values in selects (#257) (92c6238)
  • component: table header right alignment (#256) (1d91e4f)
  • component: textarea was missing optional text when not required (721891c)

Features

  • all: better tree shaking (c0998a7)

0.13.0 (2019-11-11)

Bug Fixes

  • adds name prop to select (#229) (91a7abe)
  • component: grid and flex forward as prop (fce3c26)
  • component: reduce radio/checkbox label margin (#247) (08caa05)
  • component: table header not aligning properly (#231) (542cb64)

Features

  • all: bump styled-components peerDependency version (fd89fa3)
  • component: add display prop to utility components (c5192b9)
  • component: add external prop to link component (2acee91)
  • component: add fullWidth prop to Form (#246) (b87fc4b)
  • component: add stickiness to table header and actions (17e3c57)
  • component: add text modifiers to typography (#240) (f64c4b4)
  • component: allow Box to render with a different tag (#242) (a933b45)
  • component: rename onChange to onItemChange (#251) (7e609d8)
  • component: stateful table (#230) (1318bfd)
  • component: tooltip for dropdown item (#228) (4e5fc50)
  • CHI-696 select component accepts an inputRef prop (#233) (847e8ef)

BREAKING CHANGES

  • component: onChange is renamed to onItemChange
  • all: bumped peer dependency of styled-components to ^4.3.0
  • component: <Table /> no longer accepts Margin props.

0.12.0 (2019-10-29)

Bug Fixes

  • component: pagination mobile styles (59cbfe3)

Features

  • component: add filterable prop to Select (#227) (f05d343)
  • component: add header and action props to Panel (8a90002)
  • component: add multiselect (#200) (02acf73)
  • component: add optional text to non required inputs (#208) (463e99f)
  • component: add sort functionality to Table component (2d30461)
  • component: allow state override of table select all checkbox (#224) (b64eda1)
  • component: convert Button component to FC (#221) (90759d6)
  • component: restrict actions and header from modals (#209) (bc85d25)
  • component: restrict Select (#218) (66378ed)
  • component: rework Table component (11389b9)
  • component: table multi-page select (#225) (00140ab)
  • component: update Tabs component to be more restrictive (683d768)

BREAKING CHANGES

  • component: Select now accepts an array of Options and an Action object. Will call onChange when option is selected with the chosen value and option as arguments. For more details see the usage examples in our docs.

Old:

<Select
    label="Countries"
    maxHeight={300}
    onActionClick={() => null}
    onItemChange={handleChange}
    placeholder={'Choose country'}
    placement={'bottom-start'}
    required
    value={value}
>
    <Select.Option value="us">United States</Select.Option>
    <Select.Option value="mx">Mexico</Select.Option>
    <Select.Option value="ca">Canada</Select.Option>
    <Select.Option value="ru" disabled>Russia</Select.Option>
    <Select.Action>Action</Select.Action>
</Select>

New:

<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}
/>
  • component: Tabs now accepts an items prop to render tab items and omits children from being rendered.

Old:

<Tabs>
  <Tabs.Tab id="tab1">Tab 1</Tabs.Tab>
  {/* ... */}
</Tabs>

New:

<Tabs activeTab="tab1" items={[{ id: 'tab1', title: 'Tab 1' }]} onTabClick={() => {}} />
  • component: Table component no longer exposes Actions, Head, Row, Body, Cell statics. Check out the updated Table docs for a more detailed usage.
  • Dropdown now accepts an array of DropdownItems & DropdownItemLinks as options.

Old:

<Dropdown onItemClick={onClick} trigger={<Button>Button</Button>}>
  <Dropdown.Item value={0}>Option</Dropdown.Item>
  <Dropdown.Item value={1}>Option</Dropdown.Item>
  <Dropdown.Item value={2}>Option</Dropdown.Item>
</Dropdown>

New:

<Dropdown
  options={[
    { content: 'Option', value: 0, onClick },
    { content: 'Option', value: 1, onClick },
    { content: 'Option', value: 2, onClick, actionType: 'destructive' },
    { content: 'Option', value: 3, onClick, icon: <CheckCircleIcon /> },
  ]}
  trigger={<Button>Button</Button>}/>
  • component: Modal is now restricted and uses a header and actions props instead.

Old:

<Modal isOpen={isOpen}>
  <Modal.Header>Modal Title</Modal.Header>
  <Modal.Body>
    <Text>Body content.</Text>
  </Modal.Body>
  <Modal.Actions>
    <Button variant="subtle" onClick={() => setIsOpen(false)}>
       Cancel
     </Button>
  </Modal.Actions>
</Modal>

New:

<Modal 
  actions={[{text: 'Cancel', variant: 'subtle', onClick: () => setIsOpen(false)}]}
  isOpen={isOpen} 
  header="Modal Title">
  <Text>Body content.</Text>
</Modal>

0.11.1 (2019-09-24)

Bug Fixes

  • component: fix children not rendering via filter (#204) (26dbb78)

0.11.0 (2019-09-23)

Features

0.10.0 (2019-09-23)

Bug Fixes

  • component: mock popper.js globally (8a31391)

Features

  • component: add indeterminate state to checkboxes (#197) (5146fdb)

0.9.0 (2019-09-17)

Bug Fixes

  • updates the input label if a matching children appears (#193) (08b951c)

Features

  • component: create basic pagination component (#188) (d79ede5)

0.8.0 (2019-09-06)

Bug Fixes

Features

  • component: add chip component (#189) (8258f5e)
  • component: add memoization to certain components (#191) (0f84a23)
  • component: add positionFixed prop to Select (b941b64)

0.7.1 (2019-08-30)

Bug Fixes

  • component: textarea rendering two errors (#186) (a649928)
  • component: use font configs for link component (#185) (0a144a6)

0.7.0 (2019-08-29)

Bug Fixes

  • component: allow modal to be open on initial render (#184) (57236e7)

Features

  • component: add ability to pass arrays into input error (#182) (eb4d4a5)

0.6.4 (2019-08-20)

Note: Version bump only for package @bigcommerce/big-design

0.6.3 (2019-08-19)

Bug Fixes

  • component: add missing z-index to components (#176) (800d2fc)
  • export margin and padding mixins/functions (#179) (85ab8d6)
  • component: added scroll prevention on open modals (#177) (56ed4ed)

BREAKING CHANGES

  • component: theme.zIndex no longer has theme.zIndex.dropdown

0.6.2 (2019-08-15)

Bug Fixes

  • component: select will now change input text if value changes (#171) (25facc6)

0.6.1 (2019-08-13)

Bug Fixes

  • component: bug with inputs rendering error icon (#161) (1dc182b)

0.6.0 (2019-08-13)

Bug Fixes

  • use theme font props (#62) (135bf65)
  • component: dropdown will default to position bottom-start (#71) (c0beb96)
  • component: prevent document scrolling when using arrow keys (#124) (0892c7c)
  • component: prevent scroll bug in dropdown components (15fb2dc)
  • component: recenter List when Select is filtered (fa4ac45)
  • component: responsive grid wasn't working properly (#155) (7b65856)
  • component: select will reset text if value returns empty string (#130) (f643436)
  • docs: restyle and rearrange sidenav (#151) (1be86d1)
  • theme: issue with font sizes in createTheme (#135) (313ff46)

Features

  • component: modal withBorder prop (069cb09)
  • component: add border-box to Box components and update tests (#110) (597f71d)
  • component: add button spacing in groups (#117) (a93b1b0)
  • component: add responsive breakpoints for Flex props (#113) (335c640)
  • component: add spacing between buttons when used in groups (#105) (cb89c10)
  • component: color prop for typography components (#107) (918f260)
  • component: decrease bottom margin on Panels (#111) (2fd54e6)
  • component: remove custom spinner prop on buttons (#80) (f4efc55)
  • component: remove dropdown actions (#104) (9e00e61)
  • component: remove Spinner component (1527559)
  • component: rename elevation to shadow (ee215f0)
  • component: rename GlobalStyle to GlobalStyles (#126) (e7a231e)
  • component: rename Lozenge to Badge (#118) (246a898)
  • component: tooltip api change (6c941bf)
  • component: tooltip update styles (733c419)
  • component: update badge padding and custom font size (8da571d)
  • component: update error state handling on form component (#129) (e665479)
  • component: update grid component with responsive props (#131) (1206e60)
  • component: update tab styles to match latest designs (e7a21b4)
  • component: use new icons package (e522f97)
  • component: use new theme package (4da89f0)
  • docs: use next instead of storybook (#122) (986ebd6)
  • icons: initial package setup (#89) (acfe8fe)
  • story: code preview component (#59) (12108bf)
  • add disabled prop to select (#92) (f889722)
  • add prop table component to storybook (#61) (2c9087c)
  • align customValidity with existence of error prop (#158) (6af2b03)
  • remove readme from stories (#65) (f266ebd)
  • transform icon names and update exports (#66) (e1d7d73)

BREAKING CHANGES

  • component: Tooltip now uses a trigger prop and uses children as the content.

Old:

<Tooltip content="Tooltip Content" placement="right">
  <Button>Button</Button>
</Tooltip>

New:

<Tooltip trigger={<Button>Hover</Button>} placement="right">
  Tooltip Content
</Tooltip>
  • component: theme now lives in its own package @bigcommerce/big-design-theme if you are using createTheme, addValues, defaultTheme, remCalc, ThemeInterface you will now need to import it from the new package.

  • component: Changed Grid and Grid.Item props to be more verbose (e.g. areas -> gridAreas)

  • component: rename elevation props to shadow

  • component: GlobalStyle is now GlobalStyles

  • component: Form.Row components are renamed to Form.Group

  • feat: wip input error states

  • feat: improved error handling

  • feat: add inline documentation to Group

  • feat: rebase and fix small issues

  • test: update tests for feature

  • fix: update PR comments

  • component: Flex component flexDirection prop now defaults to responsive object. Flex component props renamed to be more contextual.

If you had direction="row" this will now set your all breakpoints to flex-direction: row instead of column for mobile/row for desktop.

Flex: direction -> flexDirection wrap -> flexWrap

Flex.Item: basis -> flexBasis grow -> flexGrow order -> flexOrder shrink -> flexShrink

  • feat(component): add responsive breakpoints for Flex props

  • refactor(component): change flex prop names

  • refactor: change variable name to be more descriptive

  • refactor: move flexed item props into same file

  • refactor: moved locations of new flex changes

  • refactor: rename variables

  • feat: resolve PR comments

  • fix: remove unused imports

  • fix: remove unused argument

  • component: Buttons now have spacing between each other when used in groups.

If you added margin to add spacing between buttons, you will have to audit those spots in your codebase.

  • feat(component): add back in button spacing

  • feat: refine button spacing, update tests, update stories

  • fix: update component to generate less css

  • component: Spinner component no longer exists, ProgressCircle can be used in some usecases.

  • component: all icons got moved to @bigcommerce/big-design-icons package and some of them were renamed.

  • component: Lozenge has been renamed to Badge. If you were using the Lozenge component, you will need to change all references to 'badge'

  • docs: add base doc files

  • docs(story): finish lozenge documentation

  • feat(component): update lozenge to badge

  • feat(component): remove primary variant

  • test(component): add badge tests

  • fix(component): fix import in Badge spec

  • feat(component): resolve PR comments

  • feat(component): add tests for background color and resolve PR comments

0.5.0 (2019-07-15)

Bug Fixes

  • iconOnly would show iconLeft & iconRight (#55) (80bcd94)
  • updated Modal didUpdate to look at previous props (#42) (8332e3b)
  • use flex to center icon (#47) (2a06e4e)

Features

  • add disabled options to select (#45) (8713a7b)
  • add required attr to Select component (#58) (ed933f0)
  • add textarea component (#48) (2c48269)
  • export additional props to package (#43) (e935774)
  • component: add remCalc helper (#60) (87ab876)
  • component: progressbar & progresscircle components (1c3e006)

0.4.0 (2019-06-17)

Features

  • component: add ellipsis prop to Typography components (2af474a)
  • component: select and dropdown now support an action button (#36) (233f1fc)
  • component: update modals with variants and responsive designs (d83f39c)
  • component: update panels with responsive specs (#40) (494d38f)

0.3.0 (2019-05-14)

Bug Fixes

  • component: select will show unfiltered items when opened (a7d9a75)

Features

  • component: dropdown component (69bb8a1)
  • component: list component (dec5899)
  • component: select component (4e0f6de)

0.2.0 (2019-04-30)

Features

  • component: add individual border props to Box (2559e28)
  • component: return property value on theme border (be11e6a)

BREAKING CHANGES

  • component: theme.border and theme.borderRadius now only return the property value.

If you are using something like ${({ theme }) => theme.border.box} you need to update it to border: ${({ theme }) => theme.border.box}. The same applies to border-radius

0.1.2 (2019-04-23)

Bug Fixes

  • component: CHI-399 update lozenge colors (#28) (e7132d3)
  • component: ignore dist files on lint-staged (c277db6)

0.1.1 (2019-04-11)

Bug Fixes

  • component: include dependency types (79d072d)

0.1.0 (2019-04-11)

Bug Fixes

  • component: mobile breakpoint min-width (73a76a1)

Features

  • component: box component (18d72b8)
  • component: button component (09b3d86)
  • component: checkbox component (86454d7)
  • component: createRGBA helper and expose theme helpers (145ec39)
  • component: default theme (2bc2410)
  • component: flex component (e3cb435)
  • component: flex item component (9062220)
  • component: form component (1f4a8dc)
  • component: global style component (c6c906c)
  • component: grid component (4655611)
  • component: icon components (9bb6a8b)
  • component: input component (0f55ee2)
  • component: link component (825dc2c)
  • component: lozenge component (88c5d0c)
  • component: mixin-like helpers for margin and padding (02ea7c5)
  • component: modal component (6b5f4bf)
  • component: panel component (511c03f)
  • component: radio component (fbfb00e)
  • component: spinner component (b95f31e)
  • component: tabs component (7dd49b7)
  • component: tooltip component (b61b61e)
  • component: typography components (6b98346)
You can’t perform that action at this time.