v0.17.0

What’s Changed

💥 Breaking changes

• Add support for ESM (#529) @gabro

Migration guide

For users of ESM-aware bundlers, you will need to update the CSS imports as follows

-import "@buildo/bento-design-system/lib/index.css";
+import "@buildo/bento-design-system/index.css";

🔧 Dependency updates

• fix(deps): update dependency playroom to v0.29.0 (#525) @renovate-bot
• fix(deps): update dependency react-markdown to v8.0.5 (#538) @renovate-bot
• chore(deps): update dependency postcss to v8.4.21 (#528) @renovate-bot
• chore(deps): update actions/add-to-project action to v0.4.1 (#539) @renovate-bot

v0.16.4

What’s Changed

• DateField - Limit year options (#531) @federico-ercoles
• Select field mode (#530) @federico-ercoles
• Add config to FileUploaderField to customise button and allow external control of loading status (#533) @federico-ercoles
• fix(docs): Fix typos in Quick Start > Project Structure section (#534) @arabello
• Expand ButtonLink and Menu (#520) @federico-ercoles

🔧 Dependency updates

• chore(deps): update react monorepo (#536) @renovate-bot
• chore(deps): update storybook monorepo to v6.5.16 (#537) @renovate-bot

v0.16.3

What’s Changed

• Expand modal and chip config (#519) @federico-ercoles

v0.16.2

What’s Changed

• Expand config and props of List/ListItem (#518) @federico-ercoles
• Fix hard-coded empty cell padding for Table (#515) @federico-ercoles

🔧 Dependency updates

• Update dependency husky to v8.0.3 (#517) @renovate-bot
• Update dependency @types/react to v18.0.27 (#516) @renovate-bot

v0.16.1

What’s Changed

• Allow interactive rows on Table (#512) @gabro
• Allow separate config of paddingX and paddingY for IconButton (#511) @federico-ercoles
• Allow config of cells and headers padding for Table (#508) @federico-ercoles
• Allow configuring icon position in Button (#510) @gabro
• Allow configuring actions size in Modal (#509) @gabro

🐞 Bug fixes

• Fix arrow position when Tooltip is auto-positioned to the left (#514) @gabro

v0.16.0

What’s Changed

• Allow config of background color for Table's even rows (#507) @federico-ercoles
• Allow customizing open indicator icon in SelectField (#505) @gabro
• Add 12 value for borderRadius (#504) @gabro
• Add spacing token 12 (#499) @federico-ercoles
• Input background (#501) @federico-ercoles
• Make checkbox border radius configurable (#498) @federico-ercoles
• Add missing outline to DatePicker (#489) @federico-ercoles

💥 Breaking changes

• Outline icon button (#503) @federico-ercoles
• Allow Body typography for Feedback's medium title (#500) @federico-ercoles
• Allow Body typography for Chip's label (#502) @federico-ercoles

Migration guide

#503 introduces new outline tokens to the theme. This is needed to allow setting the outline of an interactive element (like Button or IconButton) to something different than its content color, which was previously the default. The theme needs to be updated to add these token. A most reasonable default is to use the same values from ...TransparentEnabledForeground for their corresponding outline tokens (e.g. use the same value as primaryTransparentEnabledForeground for outlineInteractivePrimaryEnabled and so on)

#500 and #502 allow Feedback and Chip to configure their typography more flexibly. This is breaking because they now accept configurations object where they were accepting a single string previously. The update requires passing such object instead of the plain value.

🐞 Bug fixes

• Fix vertical Divider (#506) @federico-ercoles

🔧 Dependency updates

• Update dependency @floating-ui/core to v1.1.0 (#492) @renovate-bot
• Update dependency @types/react-table to v7.7.14 (#493) @renovate-bot
• Update dependency css-loader to v6.7.3 (#496) @renovate-bot
• Update dependency docusaurus-plugin-react-docgen-typescript to v1.0.2 (#497) @renovate-bot
• Update dependency @vanilla-extract/dynamic to v2.0.3 (#491) @renovate-bot
• Update dependency @types/react-dom to v18.0.10 (#490) @renovate-bot

v0.15.7

What’s Changed

• Expose Chart resources to allow creating custom charts (#486) @federico-ercoles
• Make charts Tooltip follow Card style (#482) @federico-ercoles
• Add support for units of measurement on BarChart component (#476) @federico-ercoles

🐞 Bug fixes

• ButtonLink Avoid passing "icon" to the link component (#478) @gabro

🔧 Dependency updates

• Update dependency @types/react-dom to v18.0.9 (#481) @renovate-bot
• Update dependency @floating-ui/dom to v1.0.12 (#480) @renovate-bot

v0.15.6

What’s Changed

• Add rightAccessory to NumberField and NumberInput (#475) @gabro

🐞 Bug fixes

• Show rightAccessory in ReadOnlyField (#474) @gabro
• Add missing padding in Table and column cells (#467) @gabro
• Downgrade @react-aria/focus to fix issue with React strict mode (#466) @gabro

🔧 Dependency updates

• Update dependency @floating-ui/core to v1.0.4 (#468) @renovate-bot
• Update dependency @floating-ui/dom to v1.0.9 (#469) @renovate-bot
• Update dependency @types/react to v18.0.26 (#465) @renovate-bot
• Update dependency @floating-ui/react-dom to v1.0.1 (#464) @renovate-bot

v0.15.5

What’s Changed

• Basic charts (#442) @gabro

🐞 Bug fixes

• Remove IsMulti type parameter from SelectField (#462) @gabro

⚠️ This fixes a bug where SelectField required explicit type annotations to work. If you were doing that, the code won't compile anymore since we removed the second type parameter. The easiest fix is to remove the explicit type annotation.

• Allow passing Children to CheckboxField label (#461) @gabro
• Allow deselecting an option when clicking in SelectField (#460) @gabro

🔧 Dependency updates

• Upgrade sprinkles (#459) @gabro

v0.15.4

What’s Changed

• Add onChangeEnd to SliderField (#454) @gabro
• Add FileUploaderField component (#453) @gabro
• Make FieldProp name and onBlur optional (#456) @gabro

🐞 Bug fixes

• Honor bento config for MultiValue message in SelectField (#455) @gabro

🔧 Dependency updates

• Update dependency @floating-ui/dom to v1.0.7 (#458) @renovate-bot
• Update dependency @floating-ui/core to v1.0.2 (#457) @renovate-bot