@tidbcloud/uikit 2.4.9 → 2.4.11

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.4.11
+
+### Patch Changes
+
+- fix(theme): move Pill styles to separate section in theme configuration ([#563](https://github.com/tidbcloud/tidbcloud-uikit/pull/563))
+
+## 2.4.10
+
+### Patch Changes
+
+- feat(ProMultiSelect): support `sx` and `size` props ([#561](https://github.com/tidbcloud/tidbcloud-uikit/pull/561))
+
 ## 2.4.9
 
 ### Patch Changes

package/dist/biz/ProMultiSelect/index.cjs

@@ -201,6 +201,7 @@ const ProMultiSelect = (_props) => {
     error,
     allowSelectAll,
     selectAllText,
+    sx,
     onOptionSubmit,
     renderOption,
     filter,
@@ -375,6 +376,8 @@ const ProMultiSelect = (_props) => {
           {
             error,
             w: width,
+            sx,
+            size,
             component: "button",
             type: "button",
             pointer: true,

package/dist/biz/ProMultiSelect/index.d.cts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { MultiSelectProps } from '../../primitive/index.cjs';
-export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear'> {
+export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear' | 'sx'> {
     loading?: boolean;
     allowSelectAll?: boolean;
     selectAllText?: string;

package/dist/biz/ProMultiSelect/index.d.mts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { MultiSelectProps } from '../../primitive/index.mjs';
-export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear'> {
+export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear' | 'sx'> {
     loading?: boolean;
     allowSelectAll?: boolean;
     selectAllText?: string;

package/dist/biz/ProMultiSelect/index.mjs

@@ -199,6 +199,7 @@ const ProMultiSelect = (_props) => {
     error,
     allowSelectAll,
     selectAllText,
+    sx,
     onOptionSubmit,
     renderOption,
     filter,
@@ -373,6 +374,8 @@ const ProMultiSelect = (_props) => {
           {
             error,
             w: width,
+            sx,
+            size,
             component: "button",
             type: "button",
             pointer: true,

package/dist/theme/theme.cjs

@@ -649,8 +649,6 @@ const theme = createTheme.createTheme({
             }
           },
           pill: {
-            backgroundColor: themeColor(theme2, "carbon", 3),
-            color: themeColor(theme2, "carbon", 8),
             borderRadius: theme2.radius.sm
           },
           section: {
@@ -1255,6 +1253,16 @@ const theme = createTheme.createTheme({
           }
         };
       }
+    },
+    Pill: {
+      styles: (theme2) => {
+        return {
+          root: {
+            backgroundColor: themeColor(theme2, "carbon", 3),
+            color: themeColor(theme2, "carbon", 8)
+          }
+        };
+      }
     }
   }
 });

package/dist/theme/theme.mjs

@@ -647,8 +647,6 @@ const theme = createTheme({
             }
           },
           pill: {
-            backgroundColor: themeColor(theme2, "carbon", 3),
-            color: themeColor(theme2, "carbon", 8),
             borderRadius: theme2.radius.sm
           },
           section: {
@@ -1253,6 +1251,16 @@ const theme = createTheme({
           }
         };
       }
+    },
+    Pill: {
+      styles: (theme2) => {
+        return {
+          root: {
+            backgroundColor: themeColor(theme2, "carbon", 3),
+            color: themeColor(theme2, "carbon", 8)
+          }
+        };
+      }
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.4.9",
+  "version": "2.4.11",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",