Checkbox

A Checkbox is a form element that enables a binary choice and a Checkbox Group is a collection of Checkboxes.

Version 13.1.1

Github

Storybook

13.1.1

Patch Changes

3b350c741 #3522 Thanks @abereghici! - chore: removed unnecessary type assertions

13.1.0

Minor Changes

b8d79200b #3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.
ACTION NEEDED: None. This should be 100% backwards compatible.

Patch Changes

dc8deca8a #3505 Thanks @nkrantz! - [Checkbox] Improved TsDoc type annotations

13.0.0

Major Changes

733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences

Patch Changes

Updated dependencies [733709127]:
- @twilio-paste/uid-library@2.0.0
- @twilio-paste/color-contrast-utils@5.0.0
- @twilio-paste/base-radio-checkbox@13.0.0
- @twilio-paste/help-text@13.0.0
- @twilio-paste/inline-control-group@13.0.0
- @twilio-paste/label@13.0.0
- @twilio-paste/screen-reader-only@13.0.0
- @twilio-paste/flex@8.0.0
- @twilio-paste/media-object@10.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/sibling-box@9.0.0
- @twilio-paste/text@10.0.0
- @twilio-paste/customization@8.0.0
- @twilio-paste/design-tokens@10.0.0
- @twilio-paste/icons@12.0.0
- @twilio-paste/animation-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0

12.0.1

Patch Changes

360d79922 #3350 Thanks @nkrantz! - [Checkbox, Radio Group] export HiddenRadio, HiddenRadioState, HiddenCheckbox, and CheckboxIcon from package for use in Visual Picker package

4d1f7c65e #3360 Thanks @SiTaggart! - Improved types where Paste extends the base HTML element that a component is based on, so that the existing blocked styling properties are not exposed as valid properties for the component via Typescript. This leads to less confusion around what is supported by a Paste component.
Existing blocked component properties include:
- className
- style
- color

12.0.0

Major Changes

3ab2bb6f4 #3114 Thanks @SiTaggart! - ### Breaking change
We have moved @types/react and @types/react-dom to peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.
Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.
Action needed
Ensure @types/react and @types/react-dom are installed as dependencies of your application.

Patch Changes

3ab2bb6f4 #3114 Thanks @SiTaggart! - [Checkbox, Radio Group, Radio Button Group] improved backwards compat with React 17 types
Updated dependencies [1d75f223e, 50cde4668, bce889344, 3ab2bb6f4, 3ab2bb6f4, 3ab2bb6f4]:
- @twilio-paste/icons@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/sibling-box@8.0.0
- @twilio-paste/text@9.0.0
- @twilio-paste/inline-control-group@12.0.0
- @twilio-paste/base-radio-checkbox@12.0.0
- @twilio-paste/help-text@12.0.0
- @twilio-paste/label@12.0.0
- @twilio-paste/screen-reader-only@12.0.0
- @twilio-paste/flex@7.0.0
- @twilio-paste/media-object@9.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0

11.0.1

Patch Changes

71ce96cdc #3060 Thanks @SiTaggart! - [Checkbox, Radio group] Update to styles for the One Twilio Design Language refresh

11.0.0

Major Changes

3c89fd83d #2965 Thanks @Niznikr! - Add support for React 18

d97098846 #3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.
If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.

Patch Changes

Updated dependencies [dbd9bf992, 3c89fd83d, d97098846, 154b02c06, 0acdf3486, ef094db4a, 0acdf3486]:
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/base-radio-checkbox@11.0.0
- @twilio-paste/help-text@11.0.0
- @twilio-paste/inline-control-group@11.0.0
- @twilio-paste/label@11.0.0
- @twilio-paste/screen-reader-only@11.0.0
- @twilio-paste/flex@6.0.0
- @twilio-paste/media-object@8.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/sibling-box@7.0.0
- @twilio-paste/text@8.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/uid-library@1.0.0
- @twilio-paste/style-props@7.0.0
- @twilio-paste/theme@9.0.0
- @twilio-paste/types@4.0.0
- @twilio-paste/color-contrast-utils@4.0.0

10.0.4

Patch Changes

804fb9316 #2895 Thanks @Niznikr! - Update packages to be ESM-compatible

10.0.3

Patch Changes

c39613422 #2878 Thanks @Niznikr! - Update to TypeScript v4.9

10.0.2

Patch Changes

a4c9e70b0 #2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.

10.0.1

Patch Changes

02725a235 #2667 Thanks @shleewhite! - [Checkbox, RadioGroup] When no id is passed, use a unique id. This fixes an issue where id is not marked as a required prop, but the control won't work unless it is passed.

10.0.0

Patch Changes

Updated dependencies [12c4ba22a, 364083627, 364083627, 364083627, 364083627]:
- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/base-radio-checkbox@10.0.0
- @twilio-paste/help-text@10.0.0
- @twilio-paste/inline-control-group@10.0.0
- @twilio-paste/label@10.0.0
- @twilio-paste/screen-reader-only@10.0.0
- @twilio-paste/media-object@7.0.0
- @twilio-paste/sibling-box@6.0.0
- @twilio-paste/text@7.0.0
- @twilio-paste/icons@9.0.0

9.0.1

Patch Changes

ae9dd50f #2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.

9.0.0

Patch Changes

Updated dependencies [09762f0f, 09762f0f, 09762f0f1, 09762f0f1, 09762f0f1]:
- @twilio-paste/text@6.0.0
- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/sibling-box@5.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/base-radio-checkbox@9.0.0
- @twilio-paste/help-text@9.0.0
- @twilio-paste/inline-control-group@9.0.0
- @twilio-paste/label@9.0.0
- @twilio-paste/screen-reader-only@9.0.0
- @twilio-paste/media-object@6.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0

8.0.1

Patch Changes

13aad7aa7 #2375 Thanks @TheSisb! - [Checkbox] Minor code refactor

8.0.0

Patch Changes

Updated dependencies [10178f39d]:
- @twilio-paste/icons@7.0.0
- @twilio-paste/base-radio-checkbox@8.0.0
- @twilio-paste/help-text@8.0.0
- @twilio-paste/inline-control-group@8.0.0
- @twilio-paste/screen-reader-only@8.0.0
- @twilio-paste/label@8.0.0

7.0.3

Patch Changes

554da970 #2274 Thanks @shleewhite! - [checkbox, inline-control-group, radio-group] add i18nRequiredLabel prop for i18n

7.0.2

Patch Changes

73c596919 #2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.

7.0.1

Patch Changes

c867e3f48 #2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.

563a76ba3 #2249 Thanks @nkrantz! - [checkbox]
- Update the check icon to inherit color from BaseRadioCheckbox
- Update selectAll background color to default to colorBackground, and use colorBackgroundPrimaryWeakest when checked and not disabled or indeterminate and not disabled
- Update default color to colorTextWeakest
- Update hover text color to colorTextWeakest and border color to colorBorderPrimaryStronger
- Update focus text color to colorTextWeakest and border color to colorBorderPrimaryStronger
- Update active text color to colorTextWeakest
- Update checked text color to colorTextInverse
- Update invalid and hover border color to colorBorderErrorStronger
- Update checked and hover text color to colorTextWeakest and background color to colorBackgroundPrimaryStronger
- Update checked and focus text color to colorTextWeakest and background color to colorBackgroundPrimaryStronger
- Update checked and disabled text color to colorTextWeakest
- Update checked and invalid text color to colorTextInverse
- Update checked and invalid and hover background color to colorBackgroundErrorStronger and border color to colorBorderErrorStronger

7.0.0

Minor Changes

02285a8aa #2167 Thanks @shleewhite! - [Checkbox] Hide check icon when not checked, add the defaultChecked prop.

Patch Changes

Updated dependencies [0a52eeee, 39ab32c2, 0a52eeee, 04de0d1d, 04de0d1d, 04de0d1d]:
- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/base-radio-checkbox@7.0.0
- @twilio-paste/help-text@7.0.0
- @twilio-paste/inline-control-group@7.0.0
- @twilio-paste/label@7.0.0
- @twilio-paste/screen-reader-only@7.0.0
- @twilio-paste/media-object@5.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/sibling-box@4.0.0
- @twilio-paste/text@5.0.0

6.1.3

Patch Changes

be59394d2 #2057 Thanks @zahnster! - [Checkbox] Declare relative position on checkbox to fix focus position bug

6.1.2

Patch Changes

b7675915 #1985 Thanks @TheSisb! - For debugging purposes we now ship a filename.debug.js unminified version of each component or library in Paste.

ed5c0a49c #1965 Thanks @shleewhite! - Upgrade Paste to use React 17 by default, but maintain React 16 support for consumers.

6.1.1

Patch Changes

01baddcd #1925 Thanks @shleewhite! - Add displayNames to all components

3f80fef3 #1936 Thanks @gloriliale! - [Checkbox] Ensured PropTypes aligned with customization needs by adding element prop.

6.1.0

Minor Changes

b9658287 #1899 Thanks @gloriliale! - [Checkbox] Enable Component to respect element customizations set on the customization provider. Component now enables setting an element name on the underlying HTML element and checks the emotion theme object to determine whether it should merge in custom styles to the ones set by the component author.

6.0.5

Patch Changes

2086d9a2 #1448 Thanks @SiTaggart! - Fix coloring the checkmark of a checkbox when interacting with it

6.0.4

Patch Changes

4d3fd7df #1398 Thanks @zahnster! - Updated font weights for all form components to make them bolder

25a1f632 #1404 Thanks @SiTaggart! - update internal usage of design tokens to reflect new strong / weak nomenclature

6.0.3

Patch Changes

5e08f10d #974 Thanks @SiTaggart! - [Checkbox] Remove unused value prop.

6.0.2

Patch Changes

0eded1fd #1319 Thanks @SiTaggart! - Change internal dependencies to have minor range matching on version numbers

6.0.1

Patch Changes

Updated dependencies [514bd5aa, 514bd5aa]:
- @twilio-paste/theme@5.0.1
- @twilio-paste/icons@5.1.1
- @twilio-paste/base-radio-checkbox@6.0.1
- @twilio-paste/help-text@6.0.1
- @twilio-paste/inline-control-group@6.0.1
- @twilio-paste/label@6.0.1
- @twilio-paste/screen-reader-only@6.0.1
- @twilio-paste/media-object@4.0.2
- @twilio-paste/box@4.0.2
- @twilio-paste/sibling-box@3.0.2
- @twilio-paste/text@4.0.1
- @twilio-paste/style-props@3.0.1

6.0.0

Patch Changes

Updated dependencies [8b5a8592]:
- @twilio-paste/icons@5.1.0
- @twilio-paste/base-radio-checkbox@6.0.0
- @twilio-paste/help-text@6.0.0
- @twilio-paste/inline-control-group@6.0.0
- @twilio-paste/screen-reader-only@6.0.0
- @twilio-paste/label@6.0.0

5.0.2

Patch Changes

12a669a3 #1251 Thanks @richbachman! - Removed required from the id prop, so Checkbox can be used as an uncontrolled component. This allows Checkbox to be used with libraries like React-Hook-Form.

5.0.1

Patch Changes

Updated dependencies [509eba7a]:
- @twilio-paste/box@4.0.1
- @twilio-paste/base-radio-checkbox@5.0.1
- @twilio-paste/help-text@5.0.1
- @twilio-paste/inline-control-group@5.0.1
- @twilio-paste/label@5.0.1
- @twilio-paste/screen-reader-only@5.0.1
- @twilio-paste/media-object@4.0.1
- @twilio-paste/sibling-box@3.0.1
- @twilio-paste/icons@5.0.1

5.0.0

Patch Changes

083b31d2 #1232 Thanks @richbachman! - Added the required dot to the checkbox label when the checkbox required prop is set to true.
Updated dependencies [b1b4ac39, 4c9ed5ca, 26c828d8]:
- @twilio-paste/label@5.0.0
- @twilio-paste/design-tokens@6.6.0
- @twilio-paste/theme@5.0.0
- @twilio-paste/base-radio-checkbox@5.0.0
- @twilio-paste/inline-control-group@5.0.0
- @twilio-paste/help-text@5.0.0
- @twilio-paste/screen-reader-only@5.0.0
- @twilio-paste/media-object@4.0.0
- @twilio-paste/box@4.0.0
- @twilio-paste/sibling-box@3.0.0
- @twilio-paste/text@4.0.0
- @twilio-paste/icons@5.0.0
- @twilio-paste/style-props@3.0.0

4.0.3

Patch Changes

Updated dependencies [ac38757f]:
- @twilio-paste/help-text@4.0.3
- @twilio-paste/screen-reader-only@4.0.3
- @twilio-paste/flex@1.0.2
- @twilio-paste/base-radio-checkbox@4.0.3
- @twilio-paste/inline-control-group@4.0.3
- @twilio-paste/label@4.0.3

4.0.2

Patch Changes

Updated dependencies [944c3407, af779398]:
- @twilio-paste/design-tokens@6.5.2
- @twilio-paste/icons@4.0.2
- @twilio-paste/base-radio-checkbox@4.0.2
- @twilio-paste/help-text@4.0.2
- @twilio-paste/inline-control-group@4.0.2
- @twilio-paste/label@4.0.2
- @twilio-paste/screen-reader-only@4.0.2
- @twilio-paste/flex@1.0.1
- @twilio-paste/box@3.0.1
- @twilio-paste/sibling-box@2.0.1
- @twilio-paste/text@3.0.1
- @twilio-paste/style-props@2.0.1
- @twilio-paste/theme@4.3.1

4.0.1

Patch Changes

Updated dependencies [7340a6a5]:
- @twilio-paste/icons@4.0.1
- @twilio-paste/base-radio-checkbox@4.0.1
- @twilio-paste/help-text@4.0.1
- @twilio-paste/inline-control-group@4.0.1
- @twilio-paste/screen-reader-only@4.0.1
- @twilio-paste/label@4.0.1

4.0.0

Patch Changes

Updated dependencies [f1675586]:
- @twilio-paste/theme@4.3.0
- @twilio-paste/base-radio-checkbox@4.0.0
- @twilio-paste/help-text@4.0.0
- @twilio-paste/inline-control-group@4.0.0
- @twilio-paste/label@4.0.0
- @twilio-paste/screen-reader-only@4.0.0
- @twilio-paste/flex@1.0.0
- @twilio-paste/box@3.0.0
- @twilio-paste/sibling-box@2.0.0
- @twilio-paste/text@3.0.0
- @twilio-paste/icons@4.0.0
- @twilio-paste/style-props@2.0.0

3.0.1

Patch Changes

a12acb61 #1158 Thanks @richbachman! - Pinned all twilio-paste package versions in order to keep them in sync with core when they are updated by changesets.
Updated dependencies [a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61, a12acb61]:
- @twilio-paste/inline-control-group@3.0.1
- @twilio-paste/base-radio-checkbox@3.0.1
- @twilio-paste/label@3.0.1
- @twilio-paste/theme@4.2.2
- @twilio-paste/sibling-box@1.2.2
- @twilio-paste/flex@0.5.2
- @twilio-paste/style-props@1.9.2
- @twilio-paste/box@2.13.2
- @twilio-paste/screen-reader-only@3.0.1
- @twilio-paste/icons@3.13.1
- @twilio-paste/help-text@3.0.1
- @twilio-paste/text@2.5.2

3.0.0

Patch Changes

Updated dependencies [4114dac2]:
- @twilio-paste/icons@3.13.0
- @twilio-paste/base-radio-checkbox@3.0.0
- @twilio-paste/help-text@3.0.0
- @twilio-paste/inline-control-group@3.0.0
- @twilio-paste/screen-reader-only@3.0.0
- @twilio-paste/label@3.0.0

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