- 5ceb281: Card: remove deprecated size prop
- 1b9c914: Add 'use client' to every Syntax exported JS file
- e746b49: Typography/Heading: add Cambio styles & options
- 888f354: LinkButton / IconButton add missing success-tertiary color option
- Updated dependencies [888f354]
- @cambly/syntax-design-tokens@0.11.1
- 0bbf4b1: Add ThemeProvider & styles for Button / IconButton & LinkButton
- Updated dependencies [0bbf4b1]
- @cambly/syntax-design-tokens@0.11.0
- ad3982c: Adding background color to Card
- 7e21add: TapArea: add onMouseEnter and onMouseLeave events
- f68992a: LinkButton: add color to Icon to fix hover styles
- cdf9e65: Patch: RichSelectList -- selectTextValue arg type:
"all" | string[] | undefined
- 027cc02: RichSelectList + RichSelectBox
- a7a0ed0: Feat: Tooltip + Popover, Feat: Typography forwards ref
- 9bd7c93: Some icons have a no background, adding a white background to this handles this properly
- 9670ccf: patch main + module path resolutions to point to correct cjs / esm build outputs
- 0db2d92: package.json type: "module" for packages that get bundled into apps
- Updated dependencies [0db2d92]
- @cambly/syntax-design-tokens@0.10.1
- b64a5c7: TextArea: add component
- 08ba07c: Fix bug where use client is in AvatarGroup
- b541ee2: AvatarGroup: update AvatarGroup API using Context + update styling to match figma
- 2453733: Add AvatarGroup component Update Avatar with Icon component Introduce LTR storybook package
- dc86dc0: tree-shaking: build individual module files instead of single large index.js bundle
- Updated dependencies [dc86dc0]
- @cambly/syntax-design-tokens@0.10.0
- 7ab86fc: TapArea: fix issue with link nested in TapArea
- dac2560: Blur TapArea event target when clicked
- cf53f87: Add "Inverse" color option to Button and IconButton
- cd22cc3: Adding lineClamp to Heading Component
- 9b01ebf: TapArea: support hover on children with color
- 559f067: Remove 'use client' annotation for now
- 59b08c0: Interactive elements: only enable after hydration
- 271cffa: Checkbox: Fix input overlay rendering bug that forced way too much extra height in overflow containers
- 015a2eb: Divider: add style flex: 0 0 auto; this makes the height inflexible, preventing it from being squashed to height 0px when contained within a scrolling flex container
-
9c37298: MiniActionCard: Remove from Syntax
MiniActionCard was the first component added to Syntax and was meant to be a "test" component. As it isn't used much and we no longer need the basic demonstration, it can be removed.
-
d576caf: ## Card
- update padding from 36px -> 28px on md + lg breakpoints
- update padding from 28px -> 20px on sm breakpoint
- update
xl
rounding from 32px to 24px
-
d2516d6: SelectList: add id prop
- a659747: Box: add Overflow, OverflowX and OverFlowY to Box Props
-
4ecbf7c: WHAT the breaking change is Card's "size" prop is being deprecated.
WHY the change was made Card cannot be used if you want to render it with a width larger than 744px (size="lg"). We should just have the width stretch to its parent's container.
HOW a consumer should update their code Those using a Card with size="sm" should wrap it with a Box of maxWidth={352}, those using a card with size="lg" should wrap it with a Box of maxWidth{744}.
- f6c17f0: Add green/success color to Text and Heading
- 93997f3: Layer: fix document is not defined issue
- ae9a80d: Fix: TapArea - handle keyboard interaction when focused
- 92dd95d: TapArea: add component
- 9da74f1: LinkButton: Add box-sizing: border-box to fix centering issue
- 987cb16: Chip/add-cursor-pointer-on-hover
- b1f668b: Typography: Patch: Add interactive weight to props + update stories
- 8e27ed6: Added more types for the value in radiobutton
- 3851706: Create Chip Component
- 09b4cf2: SelectList: avoid long text overlapping caret
- 8027375: Popover + Elevation: Create Popover component + add elevation to tokens
- Updated dependencies [8027375]
- @cambly/syntax-design-tokens@0.9.0
- 955bd06: typography: add interactive font-weight
- f77f891: LinkButton: allow 'ref' to be set
- fe4dc68: Allow
data-testid
to be set onTypography
andHeading
- 1484f5c: Docs: fix generated docs for forwardRef components
- 9ad4866: Add 1px white border to Avatar
- f8fbccc: IconButton: make accessibilityLabel required
- ee3bd3e: Make className on icons optional
- 97be68e: Modal: Update docs per feedback
- 436b46c: Feat: Badge: can render
icon
prop
- 146fa33: IconButton secondary + destructive-secondary borders + match colors to Figma
- 40b1cf9: LinkButton: Update description for rel tag
- f605998: Add rel tags for linkbutton Add more specific styling to override camblystrap.
- bc17eae: LinkButton: Add component Buttons: Update Buttons with Typography instead of custom css.
- b1ac6a4: Badge: add "gray200" as possible color
- 8be2304: Button/RadioButton/Checkbox/SelectList/IconButton: update disabled opacity
- 2357772: Button / IconButton: make onClick optional
- 29203a7: Change root monorepo package.json to force usage of pnpm at specific ^version
- 2969ba6: TextField: add component
- 39bab26: link to changesets documentation in readme
- ad32c4b: Add individual links to components
- f1f5b2f: Fix tests
- 7352b8d: SelectList: make label required
- 3cfc786: SelectList: pass through onClick
- f13655f: Modal: Add modal to syntax.
- 60892ef: Checkbox/RadioButton: update disabled states
- 4533f54: SelectList: stopPropagation onClick
- a237fd5: fix radio button behavior when z-index is customized such as in a modal
- a9b3b53: SelectList: Handle conditional div so div is centered
- 5954c94: SelectList: Remove label as required prop
- dc1f10c: Add Sizes to cards + tests/stories
- 062b0f9: added prop 'type' to Button and added wrapped TooltipContent w/ Typography with size 100 and color white
- 18374d5: SelectList: render helper text when error text is an empty string
- fd315b0: Add id for radio button
- c1bcc1b: Add data-testid
- d388f47: Box: remove flexShrink property and introduce flex property instead
- 58b2255: badge: add component
- 2e37bbc: radiobutton position scrolling bug and don't use gender as example
- 28689b5: Internal: enable a few more TypeScript ESLint rules
- bf8fc7e: Card: update to use Box + fix border radius
- db98e57: Box: allow refs to be forwarded
- e6c3e09: Update all dependencies to the latest versio
- Updated dependencies [e6c3e09]
- @cambly/syntax-design-tokens@0.8.0
- 6ca7254: Add lineClamp to Typography
- ec4a39c: Box: pass through 'role' prop
- 24af6f8: Add gray60 color
- Updated dependencies [24af6f8]
- @cambly/syntax-design-tokens@0.7.0
- f90bf67: consolidate focus styling, added it to checkbox, select
- 80d6501: box: Add flexShrink
- 37be70c: [BREAKING CHANGE] IconButton / Button / ButtonGroup: Remove React context dependency
- ff956e7: Divider: allow 'key' as a prop
- c02dc1a: Update label color in error state and default to placeholder
-
279e56e: Box: convert rounding 'circle' and 'pill' to 'full'
Codemod:
npx @cambly/syntax-codemods -c box-rounding-to-full -p .
- 8689a7d: Add description to package.json files
- Updated dependencies [8689a7d]
- @cambly/syntax-design-tokens@0.6.1
- da9c2a5: useFocusVisible, add in new required params (value, name) for radioButton
- 446958f: update turbo
- eef42f5: Update border stylings for secondary + destructive-secondary
- 4b350f8: Box: Convert color to backgroundColor. Codemod:
npx . -c box-color-to-backgroundcolor -p ~/code/path
- f1e92cc: update styling for radio button
- 05cd207: Box: add rounding=circle
- 87e4338: Internal: inline design system tokens to avoid unexpected token 'exports' error
- 9d63eb3: Box: add postion sticky
- a317552: Add select list dropdown component
- b51af4b: Fix box mediaquery props
- df7b9c9: Export Box
- 7d14872: Rename LabeledCheckbox => Checkbox
- a7863fc: Introduce Box component
- 969e0cc: add radio button
- ca63ba6: Update figma file and fix checkbox style overwriting
- d1cf2f8: Update Button.module.css
- 17b074d: Adding labeled checkbox component
- Updated dependencies [423400b]
- @cambly/syntax-design-tokens@0.6.0
- 3eaf92a: Colors: add remaining colors
- Updated dependencies [3eaf92a]
- @cambly/syntax-design-tokens@0.5.0
- 3309cdb: Properly export Heading and Typography
- 6c1dd9b: Add Typography and Heading components
- 5086d6d: Add IconButton component
- 284ba0a: Internal: use array constants to show value on hover
- ce63a02: ButtonGroup: make props optional + add test for disabled button
- b341715: Button: fix disabled prop
- 62944f6: Properly export Button and ButtonGroup
- 0ee6d33: Auto approve camblybot pull requests
- 13ae97a: Add Button and ButtonGroup
- Updated dependencies [13ae97a]
- @cambly/syntax-design-tokens@0.4.0
- Updated dependencies [b017a45]
- @cambly/syntax-design-tokens@0.3.0
- 589bad4: Add MiniActionCard component
- e2ccb78: Do not include CSS import in JS
- cc58bf7: Fix exported files for @cambly/syntax-design-tokens
- Updated dependencies [cc58bf7]
- @cambly/syntax-design-tokens@0.2.0
- 5c32953: Add design tokens to Syntax
- Updated dependencies [5c32953]
- @cambly/syntax-design-tokens@0.1.0
- 3236cd2: Add Card component
- c14637d: Update divider color to gray10
- 8bfcca9: Avatar: Add component
- 36d3d67: Internal: setup testing infrastructure & ESLint
- 81cd1b2: Fix release pipeline
- d16a113: Fix release pipeline
- 8e0a7d5: Add correct files when publishing packages
- 044234a: Fix release pipeline
- 630346e: Fix ESLint version change
- 6f54d5f: Initial public release