Design system that powers the BigCommerce ecosystem.
OTHER License
Published by deini about 5 years ago
Published by deini about 5 years ago
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: Changed Grid and Grid.Item props to be more verbose (e.g. areas -> gridAreas)
component: GlobalStyle
is now GlobalStyles
Published by deini about 5 years ago
trigger
prop and uses children
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
Published by deini about 5 years ago
Published by deini about 5 years ago