Select

A Select is an unstyled dropdown form element that allows users to select a value from a list.

Version 12.1.2

Github

Storybook

12.1.2

Patch Changes

b97c0525b #3607 Thanks @SiTaggart! - [Select] Improved TsDoc type annotations

12.1.1

Patch Changes

bc51057db #3545 Thanks @SiTaggart! - [Select] fix the hydration issue which caused the defaultValue prop to not be respected.
Since the React v18 upgrade, we were only rendering the children options after the component and html select wrapper had mounted. The select would mount with a defaultValue of a child that didn't exist, then the children would be added, so it wouldn't know what value to select. To fix the hydration and defaultValue together we now re-render the entire Select on mount.

12.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.

12.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/input-box@10.0.0
- @twilio-paste/box@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

11.0.3

Patch Changes

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

11.0.2

Patch Changes

48e5f1e5c #3225 Thanks @nkrantz! - [Button, Help Text, In Page Navigation, Input, Input Box, Label, Select, Tab, Text Area] Update color text tokens for inverse styles

11.0.1

Patch Changes

ac5a84407 #3110 Thanks @SiTaggart! - [Select] Fixed a bug in dark mode on Windows where the options list was still white and the options were unreadable

11.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

Updated dependencies [1d75f223e, 50cde4668, bce889344, 3ab2bb6f4, 3ab2bb6f4]:
- @twilio-paste/icons@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/input-box@9.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0

10.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

3c89fd83d #2965 Thanks @Niznikr! - [Select] Render options after mounted
Updated dependencies [dbd9bf992, 3c89fd83d, d97098846, 0acdf3486, ef094db4a, 154b02c06, 0acdf3486]:
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/input-box@8.0.0
- @twilio-paste/box@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

9.1.2

Patch Changes

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

9.1.1

Patch Changes

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

9.1.0

Minor Changes

b79d20d2a #2595 Thanks @TheSisb! - [InputBox, Combobox, Select] InputBox's InputChevronWrapper has refreshed styling which will appear in Select and Combobox. InputBox now exports a getInputChevronIconColor() function which returns a textColor to use for styling the icon child to the InputChevronWrapper.

9.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/input-box@7.0.0
- @twilio-paste/icons@9.0.0

8.0.2

Patch Changes

d9c3b850 #2569 Thanks @SiTaggart! - [Select] fixed the disabled select background color

8.0.1

Patch Changes

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

8.0.0

Patch Changes

Updated dependencies [09762f0f, 09762f0f1, 09762f0f1]:
- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/input-box@6.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0

7.0.0

Patch Changes

Updated dependencies [10178f39d]:
- @twilio-paste/icons@7.0.0

6.0.4

Patch Changes

99e9550dc #2309 Thanks @nkrantz! - [Select] set background color on Select to colorBackgroundBody

6.0.3

Patch Changes

8e5dfe1e6 #2298 Thanks @shleewhite! - [Button, FormPillGroup, Menu, Pagination, Select] inherit fontFamily for i18n

6.0.2

Patch Changes

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

6.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.

1f564a931 #2242 Thanks @shleewhite! - [Select] set the background color on the select, option, and optionGroup

6.0.0

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/input-box@5.0.0
- @twilio-paste/box@5.0.0

5.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.

5.1.1

Patch Changes

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

5.1.0

Minor Changes

7d231ec0 #1886 Thanks @andipants12! - [Select]: 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.

5.0.6

Patch Changes

fe4a2383 #1824 Thanks @SiTaggart! - [Combobox], [Select] and [Textarea] all given a default element name to meet their PropTypes validation.

5.0.5

Patch Changes

a5c17a31 #1771 Thanks @richbachman! - [Select] Added the element prop for customization in order to fix a Typescript error after the element prop was added as a required prop for InputBox and InputChevronWrapper. This does not include any default naming, tests, or stories. It only fixes the Typescript error.

5.0.4

Patch Changes

80529764 #1431 Thanks @richbachman! - Added a margin reset (margin: space0) to fix a bug in Safari where a 2px margin is added by the browser.

5.0.3

Patch Changes

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

5.0.2

Patch Changes

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

5.0.1

Patch Changes

Updated dependencies [514bd5aa, 514bd5aa]:
- @twilio-paste/theme@5.0.1
- @twilio-paste/icons@5.1.1
- @twilio-paste/input-box@4.0.2
- @twilio-paste/box@4.0.2
- @twilio-paste/style-props@3.0.1

5.0.0

Patch Changes

Updated dependencies [8b5a8592]:
- @twilio-paste/icons@5.1.0

4.0.2

Patch Changes

7f909087 #1251 Thanks @richbachman! - Removed required from the id, onChange, and value props, so Select can be used as an uncontrolled component. This allows Select to be used with libraries like React-Hook-Form.

4.0.1

Patch Changes

Updated dependencies [509eba7a]:
- @twilio-paste/box@4.0.1
- @twilio-paste/input-box@4.0.1
- @twilio-paste/icons@5.0.1

4.0.0

Patch Changes

Updated dependencies [4c9ed5ca, 26c828d8]:
- @twilio-paste/design-tokens@6.6.0
- @twilio-paste/theme@5.0.0
- @twilio-paste/input-box@4.0.0
- @twilio-paste/box@4.0.0
- @twilio-paste/icons@5.0.0
- @twilio-paste/style-props@3.0.0

3.0.2

Patch Changes

Updated dependencies [944c3407, af779398]:
- @twilio-paste/design-tokens@6.5.2
- @twilio-paste/icons@4.0.2
- @twilio-paste/input-box@3.0.1
- @twilio-paste/box@3.0.1
- @twilio-paste/style-props@2.0.1
- @twilio-paste/theme@4.3.1

3.0.1

Patch Changes

Updated dependencies [7340a6a5]:
- @twilio-paste/icons@4.0.1

3.0.0

Patch Changes

Updated dependencies [f1675586]:
- @twilio-paste/theme@4.3.0
- @twilio-paste/input-box@3.0.0
- @twilio-paste/box@3.0.0
- @twilio-paste/icons@4.0.0
- @twilio-paste/style-props@2.0.0

2.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]:
- @twilio-paste/theme@4.2.2
- @twilio-paste/input-box@2.1.2
- @twilio-paste/style-props@1.9.2
- @twilio-paste/box@2.13.2
- @twilio-paste/icons@3.13.1

2.0.0

Patch Changes

Updated dependencies [4114dac2]:
- @twilio-paste/icons@3.13.0

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