@rescui/select 0.12.4 → 0.13.0

package/lib/parts/common-select.p.module.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "sizeS": "_sizeS_14nds1w_3",
-  "sizeM": "_sizeM_14nds1w_6",
-  "sizeL": "_sizeL_14nds1w_9",
-  "menu": "_menu_14nds1w_13",
-  "menuSizeS": "_menuSizeS_14nds1w_26",
-  "menuSizeM": "_menuSizeM_14nds1w_30",
-  "menuSizeL": "_menuSizeL_14nds1w_34",
-  "withGroupsLabel": "_withGroupsLabel_14nds1w_40",
-  "lastOption": "_lastOption_14nds1w_39",
-  "divider": "_divider_14nds1w_45",
-  "checkIcon": "_checkIcon_14nds1w_51",
-  "observable": "_observable_14nds1w_56"
+  "sizeS": "_sizeS_1bcjdbr_3",
+  "sizeM": "_sizeM_1bcjdbr_6",
+  "sizeL": "_sizeL_1bcjdbr_9",
+  "menu": "_menu_1bcjdbr_13",
+  "menuSizeS": "_menuSizeS_1bcjdbr_26",
+  "menuSizeM": "_menuSizeM_1bcjdbr_30",
+  "menuSizeL": "_menuSizeL_1bcjdbr_34",
+  "withGroupsLabel": "_withGroupsLabel_1bcjdbr_40",
+  "lastOption": "_lastOption_1bcjdbr_39",
+  "divider": "_divider_1bcjdbr_45",
+  "checkIcon": "_checkIcon_1bcjdbr_51",
+  "observable": "_observable_1bcjdbr_56"
 };
 export { styles as default };

package/lib/parts/form-trigger.p.module.css.js

@@ -1,13 +1,13 @@
 var styles = {
-  "themeLight": "_themeLight_1pcwfz5_7",
-  "themeDark": "_themeDark_1pcwfz5_10",
-  "sizeS": "_sizeS_1pcwfz5_14",
-  "sizeM": "_sizeM_1pcwfz5_17",
-  "sizeL": "_sizeL_1pcwfz5_20",
-  "main": "_main_1pcwfz5_24",
-  "label": "_label_1pcwfz5_28",
-  "errorMessage": "_errorMessage_1pcwfz5_34",
-  "errorIcon": "_errorIcon_1pcwfz5_45",
-  "note": "_note_1pcwfz5_50"
+  "themeLight": "_themeLight_1ewks2a_7",
+  "themeDark": "_themeDark_1ewks2a_10",
+  "sizeS": "_sizeS_1ewks2a_14",
+  "sizeM": "_sizeM_1ewks2a_17",
+  "sizeL": "_sizeL_1ewks2a_20",
+  "main": "_main_1ewks2a_24",
+  "label": "_label_1ewks2a_28",
+  "errorMessage": "_errorMessage_1ewks2a_34",
+  "errorIcon": "_errorIcon_1ewks2a_45",
+  "note": "_note_1ewks2a_50"
 };
 export { styles as default };

package/lib/parts/native-select.p.module.css.js

@@ -1,9 +1,9 @@
 var styles = {
-  "sizeS": "_sizeS_14ufk4j_6",
-  "sizeM": "_sizeM_14ufk4j_9",
-  "sizeL": "_sizeL_14ufk4j_12",
-  "main": "_main_14ufk4j_16",
-  "wrapper": "_wrapper_14ufk4j_20",
-  "select": "_select_14ufk4j_24"
+  "sizeS": "_sizeS_8r62c0_6",
+  "sizeM": "_sizeM_8r62c0_9",
+  "sizeL": "_sizeL_8r62c0_12",
+  "main": "_main_8r62c0_16",
+  "wrapper": "_wrapper_8r62c0_20",
+  "select": "_select_8r62c0_24"
 };
 export { styles as default };

package/lib/parts/trigger.d.ts

@@ -22,7 +22,6 @@ declare type SelectTriggerPropsOwn = {
     error?: boolean;
 };
 export declare type SelectTriggerProps = SelectTriggerPropsOwn & Omit<HTMLAttributes<HTMLDivElement>, keyof SelectTriggerPropsOwn>;
-declare const SelectTrigger: React.FC<SelectTriggerProps>;
 export declare type SelectedOptionProps = {
     selected: SelectOption;
     searchInput?: string;
@@ -34,4 +33,5 @@ export declare type SelectedOptionProps = {
     handleFocus: React.FocusEventHandler<HTMLInputElement>;
     handleChange: React.ChangeEventHandler<HTMLInputElement>;
 };
+declare const SelectTrigger: React.FC<SelectTriggerProps>;
 export default SelectTrigger;

package/lib/parts/trigger.js

@@ -2,13 +2,12 @@
 import React, { useRef, useState } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import { RemovableTag, Tag, presets } from '@rescui/tag';
+import { RemovableTag, Tag } from '@rescui/tag';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import DownIcon from '../_virtual/down.js';
 import CloseIcon from '../_virtual/close.js';
 import LoadingIcon from '../_virtual/loading.js';
 import { optionType } from '../common-prop-types.js';
-import { reverseTheme } from '../utils.js';
 import Foldable from './foldable.js';
 import styles from './trigger.p.module.css.js';
 const THEME_STYLES = {
@@ -23,111 +22,14 @@ const SIZE_STYLES = {
 const MODE_STYLES = {
   classic: styles.classic,
   rock: styles.rock
-}; // eslint-disable-next-line complexity
-
-const SelectTrigger = /*#__PURE__*/React.memo(props => {
-  const {
-    size,
-    mode,
-    theme: themeFromProps,
-    className,
-    triggerRef,
-    isOpen,
-    selected = null,
-    placeholder,
-    isClearable,
-    isLoading,
-    isDisabled,
-    isSingleLine,
-    searchInput,
-    isSearchable,
-    onClearClick,
-    onItemClearClick,
-    onSearchChange,
-    error,
-    ...restProps
-  } = props;
-  const theme = useThemeWithUndefined(themeFromProps);
-  const inputRef = useRef(null);
-  const [isSearchFocused, setIsSearchFocused] = useState(false);
-  const [isFocused, setIsFocused] = useState(false);
-  const [isSearchKeyFocused, setIsSearchKeyFocused] = useState(false);
-  const isMulti = selected ? Boolean(selected.length) : false;
-
-  const handleChange = event => {
-    const newValue = event.target.value;
-    onSearchChange(newValue);
-  };
-
-  const handleBlur = () => {
-    if (isSearchable && inputRef.current) {
-      setIsSearchFocused(false);
-      setIsSearchKeyFocused(false);
-    }
-  };
-
-  const handleFocus = e => {
-    if (isSearchable && inputRef.current) {
-      setIsSearchFocused(true);
-      const target = e.target;
-      setIsSearchKeyFocused(target.getAttribute('data-focus-method') === 'key');
-    }
-  };
-
-  const isThemeReversed = mode === 'rock' && (isSearchFocused || isFocused || isOpen);
-  return /*#__PURE__*/React.createElement("div", {
-    tabIndex: isSearchable || isDisabled ? -1 : 0,
-    className: cn(styles.main, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], isMulti && styles.isMulti, isSearchFocused && styles.searchFocused, isSearchKeyFocused && styles.searchKeyFocused, isOpen && styles.open, isDisabled ? styles.disabled : styles.enabled, Boolean(error) && styles.error, isFocused && styles.focused, className),
-    onFocus: e => {
-      const target = e.target;
-      setIsFocused(target.getAttribute('data-focus-method') === 'key');
-    },
-    onBlur: () => setIsFocused(false),
-    ref: triggerRef,
-    "data-test": "select",
-    "data-rs-internal": 'select-trigger',
-    ...restProps
-  }, isMulti ? /*#__PURE__*/React.createElement(MultiselectOptions, {
-    selected: selected,
-    isDisabled: isDisabled,
-    isSingleLine: isSingleLine,
-    onItemClearClick: onItemClearClick,
-    theme: theme,
-    isThemeReversed: isThemeReversed
-  }) : /*#__PURE__*/React.createElement(SelectedOption, {
-    selected: selected,
-    placeholder: placeholder,
-    searchInput: searchInput,
-    isSearchable: isSearchable,
-    isDisabled: isDisabled,
-    inputRef: inputRef,
-    handleBlur: handleBlur,
-    handleFocus: handleFocus,
-    handleChange: handleChange
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.iconsWrapper
-  }, /*#__PURE__*/React.createElement(ClearOrLoading, {
-    isLoading: isLoading,
-    isDisabled: isDisabled,
-    isClearable: isClearable,
-    onClearClick: onClearClick,
-    selected: selected
-  }), /*#__PURE__*/React.createElement(DownIcon, {
-    className: styles.toggle,
-    "data-test": "down-icon",
-    "data-render-all-sizes": true
-  })));
-});
-SelectTrigger.displayName = 'SelectTrigger';
+};
 
 const MultiselectOptions = _ref => {
   let {
     isSingleLine,
     selected,
-    isThemeReversed,
     isDisabled,
-    onItemClearClick,
-    theme
+    onItemClearClick
   } = _ref;
   const selectedOptions = selected.map(s => {
     const key = s.value ? s.value : s.label;
@@ -138,22 +40,19 @@ const MultiselectOptions = _ref => {
       disabled: isDisabled,
       onRemoveClick: () => onItemClearClick(s),
       "data-rs-internal": 'select-trigger__removable-tag',
-      wrap: !isSingleLine,
-      theme: isThemeReversed ? reverseTheme(theme) : theme
+      wrap: !isSingleLine
     }, s.label);
   });
-  const tagTheme = isThemeReversed ? reverseTheme(theme) : theme;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.multi,
     "data-test": "multi"
   }, isSingleLine ? /*#__PURE__*/React.createElement(Foldable, {
     className: styles.tagsContainer,
     renderHiddenCounter: (n, ref) => /*#__PURE__*/React.createElement(Tag, {
-      className: styles.tag,
+      className: cn(styles.tag, styles.filledTag),
       key: "+",
       ref: ref,
-      "data-rs-internal": 'select-trigger__tag',
-      ...presets[`filled-${tagTheme}`]
+      "data-rs-internal": 'select-trigger__tag'
     }, `+${n}`)
   }, selectedOptions) : /*#__PURE__*/React.createElement("div", {
     className: styles.tagsContainer
@@ -236,8 +135,100 @@ const ClearOrLoading = _ref3 => {
   } else {
     return null;
   }
-};
+}; // eslint-disable-next-line complexity
+
+
+const SelectTrigger = /*#__PURE__*/React.memo(props => {
+  const {
+    size,
+    mode,
+    theme: themeFromProps,
+    className,
+    triggerRef,
+    isOpen,
+    selected = null,
+    placeholder,
+    isClearable,
+    isLoading,
+    isDisabled,
+    isSingleLine,
+    searchInput,
+    isSearchable,
+    onClearClick,
+    onItemClearClick,
+    onSearchChange,
+    error,
+    ...restProps
+  } = props;
+  const theme = useThemeWithUndefined(themeFromProps);
+  const inputRef = useRef(null);
+  const [isSearchFocused, setIsSearchFocused] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isSearchKeyFocused, setIsSearchKeyFocused] = useState(false);
+  const isMulti = selected ? Boolean(selected.length) : false;
+
+  const handleChange = event => {
+    const newValue = event.target.value;
+    onSearchChange(newValue);
+  };
+
+  const handleBlur = () => {
+    if (isSearchable && inputRef.current) {
+      setIsSearchFocused(false);
+      setIsSearchKeyFocused(false);
+    }
+  };
+
+  const handleFocus = e => {
+    if (isSearchable && inputRef.current) {
+      setIsSearchFocused(true);
+      const target = e.target;
+      setIsSearchKeyFocused(target.getAttribute('data-focus-method') === 'key');
+    }
+  };
 
+  return /*#__PURE__*/React.createElement("div", {
+    tabIndex: isSearchable || isDisabled ? -1 : 0,
+    className: cn(styles.main, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], isMulti && styles.isMulti, isSearchFocused && styles.searchFocused, isSearchKeyFocused && styles.searchKeyFocused, isOpen && styles.open, isDisabled ? styles.disabled : styles.enabled, Boolean(error) && styles.error, isFocused && styles.focused, className),
+    onFocus: e => {
+      const target = e.target;
+      setIsFocused(target.getAttribute('data-focus-method') === 'key');
+    },
+    onBlur: () => setIsFocused(false),
+    ref: triggerRef,
+    "data-test": "select",
+    "data-rs-internal": 'select-trigger',
+    ...restProps
+  }, isMulti ? /*#__PURE__*/React.createElement(MultiselectOptions, {
+    selected: selected,
+    isDisabled: isDisabled,
+    isSingleLine: isSingleLine,
+    onItemClearClick: onItemClearClick
+  }) : /*#__PURE__*/React.createElement(SelectedOption, {
+    selected: selected,
+    placeholder: placeholder,
+    searchInput: searchInput,
+    isSearchable: isSearchable,
+    isDisabled: isDisabled,
+    inputRef: inputRef,
+    handleBlur: handleBlur,
+    handleFocus: handleFocus,
+    handleChange: handleChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.iconsWrapper
+  }, /*#__PURE__*/React.createElement(ClearOrLoading, {
+    isLoading: isLoading,
+    isDisabled: isDisabled,
+    isClearable: isClearable,
+    onClearClick: onClearClick,
+    selected: selected
+  }), /*#__PURE__*/React.createElement(DownIcon, {
+    className: styles.toggle,
+    "data-test": "down-icon",
+    "data-render-all-sizes": true
+  })));
+});
+SelectTrigger.displayName = 'SelectTrigger';
 SelectTrigger.propTypes = {
   size: PropTypes.oneOf(['m', 's', 'l']),
   mode: PropTypes.oneOf(['classic', 'rock']),

package/lib/parts/trigger.p.module.css.js

@@ -1,30 +1,31 @@
 var styles = {
-  "themeLight": "_themeLight_yfdhfv_27",
-  "themeDark": "_themeDark_yfdhfv_30",
-  "sizeS": "_sizeS_yfdhfv_34",
-  "sizeM": "_sizeM_yfdhfv_37",
-  "sizeL": "_sizeL_yfdhfv_40",
-  "classic": "_classic_yfdhfv_44",
-  "rock": "_rock_yfdhfv_47",
-  "main": "_main_yfdhfv_51",
-  "open": "_open_yfdhfv_73",
-  "focused": "_focused_yfdhfv_77",
-  "searchFocused": "_searchFocused_yfdhfv_78",
-  "error": "_error_yfdhfv_80",
-  "searchKeyFocused": "_searchKeyFocused_yfdhfv_85",
-  "enabled": "_enabled_yfdhfv_89",
-  "disabled": "_disabled_yfdhfv_95",
-  "isMulti": "_isMulti_yfdhfv_125",
-  "iconsWrapper": "_iconsWrapper_yfdhfv_143",
-  "labelWrapper": "_labelWrapper_yfdhfv_168",
-  "label": "_label_yfdhfv_168",
-  "labelNotSelected": "_labelNotSelected_yfdhfv_218",
-  "searchInput": "_searchInput_yfdhfv_231",
-  "multi": "_multi_yfdhfv_271",
-  "tagsContainer": "_tagsContainer_yfdhfv_291",
-  "tag": "_tag_yfdhfv_291",
-  "toggle": "_toggle_yfdhfv_313",
-  "icon": "_icon_yfdhfv_143",
-  "clearIcon": "_clearIcon_yfdhfv_380"
+  "themeLight": "_themeLight_xqlygf_27",
+  "themeDark": "_themeDark_xqlygf_30",
+  "sizeS": "_sizeS_xqlygf_34",
+  "sizeM": "_sizeM_xqlygf_37",
+  "sizeL": "_sizeL_xqlygf_40",
+  "classic": "_classic_xqlygf_44",
+  "rock": "_rock_xqlygf_47",
+  "main": "_main_xqlygf_51",
+  "open": "_open_xqlygf_80",
+  "searchKeyFocused": "_searchKeyFocused_xqlygf_85",
+  "error": "_error_xqlygf_89",
+  "disabled": "_disabled_xqlygf_95",
+  "enabled": "_enabled_xqlygf_103",
+  "searchFocused": "_searchFocused_xqlygf_104",
+  "focused": "_focused_xqlygf_105",
+  "isMulti": "_isMulti_xqlygf_138",
+  "iconsWrapper": "_iconsWrapper_xqlygf_142",
+  "labelWrapper": "_labelWrapper_xqlygf_157",
+  "label": "_label_xqlygf_157",
+  "labelNotSelected": "_labelNotSelected_xqlygf_197",
+  "searchInput": "_searchInput_xqlygf_210",
+  "multi": "_multi_xqlygf_240",
+  "tagsContainer": "_tagsContainer_xqlygf_256",
+  "tag": "_tag_xqlygf_256",
+  "filledTag": "_filledTag_xqlygf_279",
+  "toggle": "_toggle_xqlygf_286",
+  "icon": "_icon_xqlygf_142",
+  "clearIcon": "_clearIcon_xqlygf_353"
 };
 export { styles as default };

package/lib/public-api.p.css

@@ -187,7 +187,7 @@
     --_rs-tag-uppercase-horizontal-padding:var(
     --_rs-tag-base-horizontal-padding
   );
-    --_rs-tag-icon-size:20px;
+    --_rs-tag-icon-size:16px;
     --_rs-tag-border-radius:4px;
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
@@ -225,13 +225,12 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:2px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
-    --_rs-tag-removable-custom-icon-size:20px;
+    --_rs-tag-removable-close-part-size:24px;
+    --_rs-tag-removable-custom-icon-size:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
-    --_rs-icons-height:20px;
+    --_rs-icons-height:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -509,9 +508,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:4px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
+    --_rs-tag-removable-close-part-size:28px;
     --_rs-tag-removable-custom-icon-size:20px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -811,9 +809,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:6px;
     --_rs-tag-removable-left-padding:12px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:6px;
-    --_rs-tag-removable-close-icon-size:36px;
+    --_rs-tag-removable-close-part-size:36px;
     --_rs-tag-removable-custom-icon-size:24px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -1051,7 +1048,7 @@
     --_rs-tag-uppercase-horizontal-padding:var(
     --_rs-tag-base-horizontal-padding
   );
-    --_rs-tag-icon-size:20px;
+    --_rs-tag-icon-size:16px;
     --_rs-tag-border-radius:4px;
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
@@ -1089,13 +1086,12 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:2px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
-    --_rs-tag-removable-custom-icon-size:20px;
+    --_rs-tag-removable-close-part-size:24px;
+    --_rs-tag-removable-custom-icon-size:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
-    --_rs-icons-height:20px;
+    --_rs-icons-height:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -1373,9 +1369,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:4px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
+    --_rs-tag-removable-close-part-size:28px;
     --_rs-tag-removable-custom-icon-size:20px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -1675,9 +1670,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:6px;
     --_rs-tag-removable-left-padding:12px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:6px;
-    --_rs-tag-removable-close-icon-size:36px;
+    --_rs-tag-removable-close-part-size:36px;
     --_rs-tag-removable-custom-icon-size:24px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -1945,7 +1939,7 @@
     --_rs-tag-uppercase-horizontal-padding:var(
     --_rs-tag-base-horizontal-padding
   );
-    --_rs-tag-icon-size:20px;
+    --_rs-tag-icon-size:16px;
     --_rs-tag-border-radius:4px;
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
@@ -1983,13 +1977,12 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:2px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
-    --_rs-tag-removable-custom-icon-size:20px;
+    --_rs-tag-removable-close-part-size:24px;
+    --_rs-tag-removable-custom-icon-size:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
-    --_rs-icons-height:20px;
+    --_rs-icons-height:16px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -2305,9 +2298,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:4px;
     --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-icon-size:28px;
+    --_rs-tag-removable-close-part-size:28px;
     --_rs-tag-removable-custom-icon-size:20px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -2645,9 +2637,8 @@
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:6px;
     --_rs-tag-removable-left-padding:12px;
-    --_rs-tag-removable-right-padding:2px;
     --_rs-tag-removable-border-radius:6px;
-    --_rs-tag-removable-close-icon-size:36px;
+    --_rs-tag-removable-close-part-size:36px;
     --_rs-tag-removable-custom-icon-size:24px;
   }
     & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){