From 59cf5de66d231d6a4b9235d3243129e566d7fac5 Mon Sep 17 00:00:00 2001 From: Lebaud Antoine Date: Fri, 2 Jun 2023 10:27:17 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(react)=20add=20missing=20design=20?= =?UTF-8?q?tokens=20on=20Select's=20documentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Design tokens documented in the Select docs should match the available tokens. This modification offer an exhaustive and complete list of the design tokens available to customize the select component. --- packages/react/src/components/Forms/Select/index.mdx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react/src/components/Forms/Select/index.mdx b/packages/react/src/components/Forms/Select/index.mdx index eb88f25..709843a 100644 --- a/packages/react/src/components/Forms/Select/index.mdx +++ b/packages/react/src/components/Forms/Select/index.mdx @@ -131,12 +131,15 @@ Here are the custom design tokens defined by the select. | border-radius | Border radius of the select | | border-radius--hover | Border radius of the select on mouse hover | | border-radius--focus | Border radius of the select when focused | +| border-style | Border style of the select | +| border-width | Border width of the select | | color | Value color | | font-size | Value font size | | height | Height of the combo box | | item-background-color--hover | Background color of the item on mouse hover | | item-background-color--selected | Background color of the selected item | | item-color | Color of the item | +| item-color--disabled | Color of the disabled item | | item-font-size | Font size of the item | | menu-background-color | Background color of the menu | | label-color--focus | Label color when focused |