@salutejs/plasma-new-hope 0.236.0-canary.1685.12513878250.0 → 0.236.1-canary.1675.12514887207.0

package/es/components/Select/Select.styles.js

@@ -24,7 +24,7 @@ var _exp8 = function _exp8() {
 var _exp9 = function _exp9() {
   return function (_ref4) {
     var isInnerUl = _ref4.isInnerUl;
-    return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
+    return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : "var(".concat(tokens.margin, ") 0 0 0");
   };
 };
 var Ul = /*#__PURE__*/styled('ul')({

package/es/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    max-height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n    padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem)) 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp6","_ref","listWidth","_exp7","_ref2","listHeight","getCorrectHeight","_exp8","_ref3","listOverflow","_exp9","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","base"],"mappings":";;;;AAKoD,IAAAA,KAAA,GAJlCA,SAIkCA,KAAAA,GAAA;AAAA,EAAA,OAevC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnBjCA,SAmBiCA,KAAAA,GAAA;AAAA,EAAA,OACjC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GApBxEA,SAoBwEA,KAAAA,GAAA;AAAA,EAAA,OAC1E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArB7CA,SAqB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAjBrF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAaXrB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjCG,KAAwE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC1EI,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE3F,EAAA;AAEM,IAAMY,IAAI,GAAQ;;;;"}
+{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    max-height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) =>\n        isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : `var(${tokens.margin}) 0 0 0`};\n    padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem)) 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp6","_ref","listWidth","_exp7","_ref2","listHeight","getCorrectHeight","_exp8","_ref3","listOverflow","_exp9","_ref4","isInnerUl","concat","tokens","padding","margin","Ul","styled","name","class","propsAsIs","vars","base"],"mappings":";;;;AAKoD,IAAAA,KAAA,GAJlCA,SAIkCA,KAAAA,GAAA;AAAA,EAAA,OAevC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnBjCA,SAmBiCA,KAAAA,GAAA;AAAA,EAAA,OACjC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GApBxEA,SAoBwEA,KAAAA,GAAA;AAAA,EAAA,OAC1E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArB7CA,SAqB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OACTA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,EAAA,eAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAwBC,MAAM,CAACE,MAAO,EAAQ,SAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlBtF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAaXtB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjCG,KAAwE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC1EI,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE5F,EAAA;AAEM,IAAMa,IAAI,GAAQ;;;;"}

package/es/components/Select/Select.tokens.js

@@ -11,6 +11,7 @@ var classes = {
 };
 var tokens = {
   borderRadius: '--plasma-select-border-radius',
+  margin: '--plasma-select-margin',
   padding: '--plasma-select-padding',
   fontFamily: '--plasma-select-font-family',
   fontSize: '--plasma-select-font-size',
@@ -163,8 +164,10 @@ var tokens = {
   textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',
   textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',
   textFieldFocusColor: '--plasma-select-textfield-focus-color',
+  textFieldBoxShadow: '--plasma-select-textfield-box-shadow',
   disclosureIconColor: '--plasma-select-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
+  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',
+  disclosureIconSize: '--plasma-select-disclosure-icon-size'
 };
 
 export { classes, tokens };

package/es/components/Select/Select.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n    dropdownItemIsFocused: 'dropdown-item-is-focused',\n    dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n    dropdownItemIsActive: 'dropdown-item-is-active',\n    selectTargetArrow: 'select-target-arrow',\n    arrowInverse: 'arrow-inverse',\n    textfieldTarget: 'select-textfield-target',\n    selectChipIsFocused: 'select-chip-is-focused',\n    selectWithoutBoxShadow: 'select-without-box-shadow',\n    selectSpinner: 'select-spinner',\n};\n\nexport const tokens = {\n    borderRadius: '--plasma-select-border-radius',\n    padding: '--plasma-select-padding',\n\n    fontFamily: '--plasma-select-font-family',\n    fontSize: '--plasma-select-font-size',\n    fontStyle: '--plasma-select-font-style',\n    fontWeight: '--plasma-select-font-weight',\n    fontLetterSpacing: '--plasma-select-font-letter-spacing',\n    fontLineHeight: '--plasma-select-font-line-height',\n\n    dropdownBorderColor: '--plasma-select-dropdown-border-color',\n    dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n    itemHeight: '--plasma-select-item-height',\n    itemBorderRadius: '--plasma-select-item-border-radius',\n    itemPadding: '--plasma-select-item-padding',\n    itemPaddingTight: '--plasma-select-item-padding-tight',\n    itemIconSize: '--plasma-select-item-icon-size',\n    itemIconSizeTight: '--plasma-select-item-icon-size-tight',\n    itemIconMargin: '--plasma-select-item-icon-margin',\n    itemBackgroundHover: '--plasma-select-item-background-hover',\n\n    cellPadding: '--plasma-select-cell-padding',\n    cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',\n    cellPaddingContent: '--plasma-select-cell-padding-content',\n    cellPaddingRightContent: '--plasma-select-cell-padding-right-content',\n    cellTextboxGap: '--plasma-select-cell-textbox-gap',\n    cellGap: '--plasma-select-cell-gap',\n    cellTitleFontFamily: '--plasma-select-cell-title-font-family',\n    cellTitleFontSize: '--plasma-select-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-select-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-select-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-select-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-select-cell-title-line-height',\n\n    checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',\n    checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',\n    checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',\n    checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',\n    checkboxFillColor: '--plasma-select-checkbox-fill-color',\n    checkboxIconColor: '--plasma-select-checkbox-icon-color',\n    checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',\n\n    indicatorSize: '--plasma-select-indicator-size',\n\n    targetHeight: '--plasma-select-target-height',\n\n    // Токены для Button\n    buttonColor: '--plasma-select-button-color',\n    buttonColorHover: '--plasma-select-button-color-hover',\n    buttonColorActive: '--plasma-select-button-color-active',\n    buttonArrowColor: '--plasma-select-button-arrow-color',\n    buttonArrowColorHover: '--plasma-select-button-arrow-color-hover',\n    buttonArrowColorActive: '--plasma-select-button-arrow-color-active',\n    buttonArrowMargin: '--plasma-select-button-arrow-margin',\n    buttonBackgroundColor: '--plasma-select-button-background-color',\n    buttonBackgroundColorHover: '--plasma-select-button-background-color-hover',\n    buttonBackgroundColorActive: '--plasma-select-button-background-color-active',\n    buttonPadding: '--plasma-select-button-padding',\n\n    // Токены для TextField\n    textFieldColor: '--plasma-select-textfield-color',\n\n    textFieldBackgroundColor: '--plasma-select-textfield-background-color',\n    textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',\n    textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',\n\n    textFieldBorderColor: '--plasma-select-textfield-border-color',\n    textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',\n    textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',\n\n    textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',\n    textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',\n\n    textFieldHeight: '--plasma-select-textfield-height',\n    textFieldBorderWidth: '--plasma-select-textfield-border-width',\n    textFieldBorderRadius: '--plasma-select-textfield-border-radius',\n\n    textFieldPadding: '--plasma-select-textfield-padding',\n    textFieldPaddingWithChips: '--plasma-select-textfield-padding-with-chips',\n\n    textFieldLeftContentMargin: '--plasma-select-textfield-left-content-margin',\n    textFieldRightContentMargin: '--plasma-select-textfield-right-content-margin',\n\n    textFieldFontFamily: '--plasma-select-textfield-font-family',\n    textFieldFontStyle: '--plasma-select-textfield-font-style',\n    textFieldFontSize: '--plasma-select-textfield-font-size',\n    textFieldFontWeight: '--plasma-select-textfield-font-weight',\n    textFieldLetterSpacing: '--plasma-select-textfield-letter-spacing',\n    textFieldLineHeight: '--plasma-select-textfield-line-height',\n\n    textFieldContentSlotColor: '--plasma-select-textfield-content-slot-color',\n    textFieldContentSlotColorHover: '--plasma-select-textfield-content-slot-color-hover',\n    textFieldContentSlotColorActive: '--plasma-select-textfield-content-slot-color-active',\n\n    textFieldContentSlotRightColor: '--plasma-select-textfield-content-right-slot-color',\n    textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',\n    textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',\n\n    textFieldLabelColor: '--plasma-select-textfield-label-color',\n    textFieldLabelOffset: '--plasma-select-textfield-label-offset',\n\n    textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',\n    textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',\n    textFieldLabelFontSize: '--plasma-select-textfield-label-font-size',\n    textFieldLabelFontWeight: '--plasma-select-textfield-label-font-weight',\n    textFieldLabelLetterSpacing: '--plasma-select-textfield-label-letter-spacing',\n    textFieldLabelLineHeight: '--plasma-select-textfield-label-line-height',\n\n    textFieldLabelInnerFontFamily: '--plasma-select-textfield-placement-inner-label-font-family',\n    textFieldLabelInnerFontStyle: '--plasma-select-textfield-placement-inner-label-font-style',\n    textFieldLabelInnerFontSize: '--plasma-select-textfield-placement-inner-label-font-size',\n    textFieldLabelInnerFontWeight: '--plasma-select-textfield-placement-inner-label-font-weight',\n    textFieldLabelInnerLetterSpacing: '--plasma-select-textfield-placement-inner-label-letter-spacing',\n    textFieldLabelInnerLineHeight: '--plasma-select-textfield-placement-inner-label-line-height',\n\n    textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',\n    textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',\n\n    textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',\n    textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',\n\n    textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',\n    textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',\n    textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',\n    textFieldTitleCaptionFontWeight: '--plasma-select-textfield-title-caption-font-weight',\n    textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',\n    textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',\n\n    textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',\n    textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',\n\n    textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',\n    textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',\n    textFieldLeftHelperFontSize: '--plasma-select-textfield-left-helper-font-size',\n    textFieldLeftHelperFontWeight: '--plasma-select-textfield-left-helper-font-weight',\n    textFieldLeftHelperLetterSpacing: '--plasma-select-textfield-left-helper-letter-spacing',\n    textFieldLeftHelperLineHeight: '--plasma-select-textfield-left-helper-line-height',\n\n    textFieldTextBeforeColor: '--plasma-select-textfield-before-text-color',\n    textFieldTextAfterColor: '--plasma-select-textfield-after-text-color',\n    textFieldTextBeforeMargin: '--plasma-select-textfield-before-text-margin',\n    textFieldTextAfterMargin: '--plasma-select-textfield-after-text-margin',\n\n    textFieldDisabledOpacity: '--plasma-select-textfield-disabled-opacity',\n\n    textFieldChipHeight: '--plasma-select-textfield-chip-height',\n    textFieldChipBorderRadius: '--plasma-select-textfield-chip-border-radius',\n    textFieldChipGap: '--plasma-select-textfield-chip-gap',\n    textFieldChipBackground: '--plasma-select-textfield--chip-background',\n    textFieldChipColor: '--plasma-select-textfield-chip-color',\n    textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',\n    textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',\n    textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',\n    textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',\n    textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',\n    textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',\n    textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',\n    textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',\n    textFieldChipWidth: '--plasma-select-textfield-chip-width',\n    textFieldChipPadding: '--plasma-select-textfield-chip-padding',\n    textFieldChipCloseIconSize: '--plasma-select-textfield-chip-close-icon-size',\n    textFieldChipFontFamily: '--plasma-select-textfield-chip-font-family',\n    textFieldChipFontSize: '--plasma-select-textfield-chip-font-size',\n    textFieldChipFontStyle: '--plasma-select-textfield-chip-font-style',\n    textFieldChipFontWeight: '--plasma-select-textfield-chip-font-weight',\n    textFieldChipLetterSpacing: '--plasma-select-textfield-chip-letter-spacing',\n    textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',\n    textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',\n    textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',\n\n    textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',\n    textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',\n    textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',\n    textFieldIndicatorLabelPlacementInner: '--plasma-select-new-textfield-indicator-placement-inner',\n    textFieldIndicatorLabelPlacementOuter: '--plasma-select-new-textfield-indicator-placement-outer',\n    textFieldIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-indicator-placement-inner-right',\n    textFieldIndicatorLabelPlacementOuterRight: '--plasma-select-new-textfield-indicator-placement-outer-right',\n    textFieldClearIndicatorLabelPlacementInner: '--plasma-select-new-textfield-clear-indicator-placement-inner',\n    textFieldClearIndicatorLabelPlacementInnerRight:\n        '--plasma-select-new-textfield-clear-indicator-placement-inner-right',\n    textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',\n    textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',\n\n    textFieldFocusColor: '--plasma-select-textfield-focus-color',\n\n    disclosureIconColor: '--plasma-select-disclosure-icon-color',\n    disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n    focusColor: '--surface-accent',\n    focusSize: '0.0625rem',\n    background: '--surface-solid-card',\n    boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n    itemBackground: '--plasma-colors-transparent',\n    textfieldTargetColor: '--text-primary',\n    textfieldOuterLabelColor: '--text-primary',\n    textfieldInnerLabelColor: '--text-secondary',\n    textfieldPlaceholderColor: '--text-secondary',\n    opacity: '0.4',\n    fontFamily: '--plasma-typo-body-xs-font-family',\n    fontSize: '--plasma-typo-body-xs-font-size',\n    fontStyle: '--plasma-typo-body-xs-font-style',\n    fontWeight: '--plasma-typo-body-xs-font-weight',\n    fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n    fontLineHeight: '--plasma-typo-body-xs-line-height',\n    cellTitleColor: '--text-primary',\n    cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectSpinner","tokens","borderRadius","padding","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","buttonColor","buttonColorHover","buttonColorActive","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonPadding","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPadding","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","textFieldOptionalColor","textFieldFocusColor","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
+{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n    dropdownItemIsFocused: 'dropdown-item-is-focused',\n    dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n    dropdownItemIsActive: 'dropdown-item-is-active',\n    selectTargetArrow: 'select-target-arrow',\n    arrowInverse: 'arrow-inverse',\n    textfieldTarget: 'select-textfield-target',\n    selectChipIsFocused: 'select-chip-is-focused',\n    selectWithoutBoxShadow: 'select-without-box-shadow',\n    selectSpinner: 'select-spinner',\n};\n\nexport const tokens = {\n    borderRadius: '--plasma-select-border-radius',\n    margin: '--plasma-select-margin',\n    padding: '--plasma-select-padding',\n\n    fontFamily: '--plasma-select-font-family',\n    fontSize: '--plasma-select-font-size',\n    fontStyle: '--plasma-select-font-style',\n    fontWeight: '--plasma-select-font-weight',\n    fontLetterSpacing: '--plasma-select-font-letter-spacing',\n    fontLineHeight: '--plasma-select-font-line-height',\n\n    dropdownBorderColor: '--plasma-select-dropdown-border-color',\n    dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n    itemHeight: '--plasma-select-item-height',\n    itemBorderRadius: '--plasma-select-item-border-radius',\n    itemPadding: '--plasma-select-item-padding',\n    itemPaddingTight: '--plasma-select-item-padding-tight',\n    itemIconSize: '--plasma-select-item-icon-size',\n    itemIconSizeTight: '--plasma-select-item-icon-size-tight',\n    itemIconMargin: '--plasma-select-item-icon-margin',\n    itemBackgroundHover: '--plasma-select-item-background-hover',\n\n    cellPadding: '--plasma-select-cell-padding',\n    cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',\n    cellPaddingContent: '--plasma-select-cell-padding-content',\n    cellPaddingRightContent: '--plasma-select-cell-padding-right-content',\n    cellTextboxGap: '--plasma-select-cell-textbox-gap',\n    cellGap: '--plasma-select-cell-gap',\n    cellTitleFontFamily: '--plasma-select-cell-title-font-family',\n    cellTitleFontSize: '--plasma-select-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-select-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-select-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-select-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-select-cell-title-line-height',\n\n    checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',\n    checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',\n    checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',\n    checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',\n    checkboxFillColor: '--plasma-select-checkbox-fill-color',\n    checkboxIconColor: '--plasma-select-checkbox-icon-color',\n    checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',\n\n    indicatorSize: '--plasma-select-indicator-size',\n\n    targetHeight: '--plasma-select-target-height',\n\n    // Токены для Button\n    buttonColor: '--plasma-select-button-color',\n    buttonColorHover: '--plasma-select-button-color-hover',\n    buttonColorActive: '--plasma-select-button-color-active',\n    buttonArrowColor: '--plasma-select-button-arrow-color',\n    buttonArrowColorHover: '--plasma-select-button-arrow-color-hover',\n    buttonArrowColorActive: '--plasma-select-button-arrow-color-active',\n    buttonArrowMargin: '--plasma-select-button-arrow-margin',\n    buttonBackgroundColor: '--plasma-select-button-background-color',\n    buttonBackgroundColorHover: '--plasma-select-button-background-color-hover',\n    buttonBackgroundColorActive: '--plasma-select-button-background-color-active',\n    buttonPadding: '--plasma-select-button-padding',\n\n    // Токены для TextField\n    textFieldColor: '--plasma-select-textfield-color',\n\n    textFieldBackgroundColor: '--plasma-select-textfield-background-color',\n    textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',\n    textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',\n\n    textFieldBorderColor: '--plasma-select-textfield-border-color',\n    textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',\n    textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',\n\n    textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',\n    textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',\n\n    textFieldHeight: '--plasma-select-textfield-height',\n    textFieldBorderWidth: '--plasma-select-textfield-border-width',\n    textFieldBorderRadius: '--plasma-select-textfield-border-radius',\n\n    textFieldPadding: '--plasma-select-textfield-padding',\n    textFieldPaddingWithChips: '--plasma-select-textfield-padding-with-chips',\n\n    textFieldLeftContentMargin: '--plasma-select-textfield-left-content-margin',\n    textFieldRightContentMargin: '--plasma-select-textfield-right-content-margin',\n\n    textFieldFontFamily: '--plasma-select-textfield-font-family',\n    textFieldFontStyle: '--plasma-select-textfield-font-style',\n    textFieldFontSize: '--plasma-select-textfield-font-size',\n    textFieldFontWeight: '--plasma-select-textfield-font-weight',\n    textFieldLetterSpacing: '--plasma-select-textfield-letter-spacing',\n    textFieldLineHeight: '--plasma-select-textfield-line-height',\n\n    textFieldContentSlotColor: '--plasma-select-textfield-content-slot-color',\n    textFieldContentSlotColorHover: '--plasma-select-textfield-content-slot-color-hover',\n    textFieldContentSlotColorActive: '--plasma-select-textfield-content-slot-color-active',\n\n    textFieldContentSlotRightColor: '--plasma-select-textfield-content-right-slot-color',\n    textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',\n    textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',\n\n    textFieldLabelColor: '--plasma-select-textfield-label-color',\n    textFieldLabelOffset: '--plasma-select-textfield-label-offset',\n\n    textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',\n    textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',\n    textFieldLabelFontSize: '--plasma-select-textfield-label-font-size',\n    textFieldLabelFontWeight: '--plasma-select-textfield-label-font-weight',\n    textFieldLabelLetterSpacing: '--plasma-select-textfield-label-letter-spacing',\n    textFieldLabelLineHeight: '--plasma-select-textfield-label-line-height',\n\n    textFieldLabelInnerFontFamily: '--plasma-select-textfield-placement-inner-label-font-family',\n    textFieldLabelInnerFontStyle: '--plasma-select-textfield-placement-inner-label-font-style',\n    textFieldLabelInnerFontSize: '--plasma-select-textfield-placement-inner-label-font-size',\n    textFieldLabelInnerFontWeight: '--plasma-select-textfield-placement-inner-label-font-weight',\n    textFieldLabelInnerLetterSpacing: '--plasma-select-textfield-placement-inner-label-letter-spacing',\n    textFieldLabelInnerLineHeight: '--plasma-select-textfield-placement-inner-label-line-height',\n\n    textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',\n    textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',\n\n    textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',\n    textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',\n\n    textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',\n    textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',\n    textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',\n    textFieldTitleCaptionFontWeight: '--plasma-select-textfield-title-caption-font-weight',\n    textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',\n    textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',\n\n    textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',\n    textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',\n\n    textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',\n    textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',\n    textFieldLeftHelperFontSize: '--plasma-select-textfield-left-helper-font-size',\n    textFieldLeftHelperFontWeight: '--plasma-select-textfield-left-helper-font-weight',\n    textFieldLeftHelperLetterSpacing: '--plasma-select-textfield-left-helper-letter-spacing',\n    textFieldLeftHelperLineHeight: '--plasma-select-textfield-left-helper-line-height',\n\n    textFieldTextBeforeColor: '--plasma-select-textfield-before-text-color',\n    textFieldTextAfterColor: '--plasma-select-textfield-after-text-color',\n    textFieldTextBeforeMargin: '--plasma-select-textfield-before-text-margin',\n    textFieldTextAfterMargin: '--plasma-select-textfield-after-text-margin',\n\n    textFieldDisabledOpacity: '--plasma-select-textfield-disabled-opacity',\n\n    textFieldChipHeight: '--plasma-select-textfield-chip-height',\n    textFieldChipBorderRadius: '--plasma-select-textfield-chip-border-radius',\n    textFieldChipGap: '--plasma-select-textfield-chip-gap',\n    textFieldChipBackground: '--plasma-select-textfield--chip-background',\n    textFieldChipColor: '--plasma-select-textfield-chip-color',\n    textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',\n    textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',\n    textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',\n    textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',\n    textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',\n    textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',\n    textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',\n    textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',\n    textFieldChipWidth: '--plasma-select-textfield-chip-width',\n    textFieldChipPadding: '--plasma-select-textfield-chip-padding',\n    textFieldChipCloseIconSize: '--plasma-select-textfield-chip-close-icon-size',\n    textFieldChipFontFamily: '--plasma-select-textfield-chip-font-family',\n    textFieldChipFontSize: '--plasma-select-textfield-chip-font-size',\n    textFieldChipFontStyle: '--plasma-select-textfield-chip-font-style',\n    textFieldChipFontWeight: '--plasma-select-textfield-chip-font-weight',\n    textFieldChipLetterSpacing: '--plasma-select-textfield-chip-letter-spacing',\n    textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',\n    textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',\n    textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',\n\n    textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',\n    textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',\n    textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',\n    textFieldIndicatorLabelPlacementInner: '--plasma-select-new-textfield-indicator-placement-inner',\n    textFieldIndicatorLabelPlacementOuter: '--plasma-select-new-textfield-indicator-placement-outer',\n    textFieldIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-indicator-placement-inner-right',\n    textFieldIndicatorLabelPlacementOuterRight: '--plasma-select-new-textfield-indicator-placement-outer-right',\n    textFieldClearIndicatorLabelPlacementInner: '--plasma-select-new-textfield-clear-indicator-placement-inner',\n    textFieldClearIndicatorLabelPlacementInnerRight:\n        '--plasma-select-new-textfield-clear-indicator-placement-inner-right',\n    textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',\n    textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',\n\n    textFieldFocusColor: '--plasma-select-textfield-focus-color',\n\n    textFieldBoxShadow: '--plasma-select-textfield-box-shadow',\n\n    disclosureIconColor: '--plasma-select-disclosure-icon-color',\n    disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',\n    disclosureIconSize: '--plasma-select-disclosure-icon-size',\n};\n\nexport const constants = {\n    focusColor: '--surface-accent',\n    focusSize: '0.0625rem',\n    background: '--surface-solid-card',\n    boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n    itemBackground: '--plasma-colors-transparent',\n    textfieldTargetColor: '--text-primary',\n    textfieldOuterLabelColor: '--text-primary',\n    textfieldInnerLabelColor: '--text-secondary',\n    textfieldPlaceholderColor: '--text-secondary',\n    opacity: '0.4',\n    fontFamily: '--plasma-typo-body-xs-font-family',\n    fontSize: '--plasma-typo-body-xs-font-size',\n    fontStyle: '--plasma-typo-body-xs-font-style',\n    fontWeight: '--plasma-typo-body-xs-font-weight',\n    fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n    fontLineHeight: '--plasma-typo-body-xs-line-height',\n    cellTitleColor: '--text-primary',\n    cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectSpinner","tokens","borderRadius","margin","padding","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","buttonColor","buttonColorHover","buttonColorActive","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonPadding","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPadding","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","textFieldOptionalColor","textFieldFocusColor","textFieldBoxShadow","disclosureIconColor","disclosureIconColorHover","disclosureIconSize"],"mappings":"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"}

package/es/components/Select/ui/Inner/Inner.css

@@ -1,8 +1,6 @@
 .Select_styles_1mmlpo3_upxbau6__d1d42807{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
 
 
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
 .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
@@ -39,12 +37,16 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.Item_styles_1x4bzlm_s1vls8ri__996bb50d{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellContent__996bb50d,.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextbox__996bb50d{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d{position:relative;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d:before{content:' ';visibility:hidden;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Item_styles_l7hqc1_s1vls8ri__eae9d96f{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellContent__eae9d96f,.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextbox__eae9d96f{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f{position:relative;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f:before{content:' ';visibility:hidden;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 
-.Item_styles_1x4bzlm_s17z4dei__996bb50d{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_1x4bzlm_s1nd9idj__996bb50d{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_1x4bzlm_dnb2nsj__996bb50d{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1x4bzlm_dnb2nsj__996bb50d:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
-.Item_styles_1x4bzlm_i581hb1__996bb50d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_1x4bzlm_scgpql7__996bb50d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_1x4bzlm_wzzpzvq__996bb50d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d:hover:not(.Item_styles_1x4bzlm_dropdownItemIsDisabled__996bb50d){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsActive__996bb50d{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsDisabled__996bb50d{opacity:0.4;cursor:not-allowed;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d:focus{outline:none;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsFocused__996bb50d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_l7hqc1_s17z4dei__eae9d96f{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_l7hqc1_s1nd9idj__eae9d96f{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_l7hqc1_snb2nsj__eae9d96f{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.Item_styles_l7hqc1_s581hb1__eae9d96f{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.Item_styles_l7hqc1_dcgpql7__eae9d96f{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_l7hqc1_dcgpql7__eae9d96f:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_l7hqc1_izzpzvq__eae9d96f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_l7hqc1_stxu93x__eae9d96f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_l7hqc1_w1hgpj20__eae9d96f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f:hover:not(.Item_styles_l7hqc1_dropdownItemIsDisabled__eae9d96f){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsActive__eae9d96f{background-color:var(--plasma-select-item-background-hover);}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsDisabled__eae9d96f{opacity:0.4;cursor:not-allowed;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f:focus{outline:none;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsFocused__eae9d96f:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Select/ui/Inner/ui/Item/Item.css

@@ -1,5 +1,3 @@
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
 .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
@@ -36,12 +34,16 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.Item_styles_1x4bzlm_s1vls8ri__996bb50d{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellContent__996bb50d,.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextbox__996bb50d{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d{position:relative;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d:before{content:' ';visibility:hidden;}.Item_styles_1x4bzlm_s1vls8ri__996bb50d div.Item_styles_1x4bzlm_cellTextboxTitle__996bb50d span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Item_styles_l7hqc1_s1vls8ri__eae9d96f{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellContent__eae9d96f,.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextbox__eae9d96f{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f{position:relative;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f:before{content:' ';visibility:hidden;}.Item_styles_l7hqc1_s1vls8ri__eae9d96f div.Item_styles_l7hqc1_cellTextboxTitle__eae9d96f span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 
-.Item_styles_1x4bzlm_s17z4dei__996bb50d{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_1x4bzlm_s1nd9idj__996bb50d{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_1x4bzlm_dnb2nsj__996bb50d{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1x4bzlm_dnb2nsj__996bb50d:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
-.Item_styles_1x4bzlm_i581hb1__996bb50d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_1x4bzlm_scgpql7__996bb50d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_1x4bzlm_wzzpzvq__996bb50d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d:hover:not(.Item_styles_1x4bzlm_dropdownItemIsDisabled__996bb50d){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsActive__996bb50d{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsDisabled__996bb50d{opacity:0.4;cursor:not-allowed;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d:focus{outline:none;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1x4bzlm_wzzpzvq__996bb50d.Item_styles_1x4bzlm_dropdownItemIsFocused__996bb50d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_l7hqc1_s17z4dei__eae9d96f{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_l7hqc1_s1nd9idj__eae9d96f{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_l7hqc1_snb2nsj__eae9d96f{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.Item_styles_l7hqc1_s581hb1__eae9d96f{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.Item_styles_l7hqc1_dcgpql7__eae9d96f{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_l7hqc1_dcgpql7__eae9d96f:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_l7hqc1_izzpzvq__eae9d96f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_l7hqc1_stxu93x__eae9d96f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_l7hqc1_w1hgpj20__eae9d96f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f:hover:not(.Item_styles_l7hqc1_dropdownItemIsDisabled__eae9d96f){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsActive__eae9d96f{background-color:var(--plasma-select-item-background-hover);}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsDisabled__eae9d96f{opacity:0.4;cursor:not-allowed;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f:focus{outline:none;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_l7hqc1_w1hgpj20__eae9d96f.Item_styles_l7hqc1_dropdownItemIsFocused__eae9d96f:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -3,13 +3,11 @@ import React, { useRef, useContext } from 'react';
 import { classes } from '../../../../Select.tokens.js';
 import { cx } from '../../../../../../utils/index.js';
 import { Context } from '../../../../Select.context.js';
-import { Wrapper, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper } from './Item.styles.js';
+import { Wrapper, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper, StyledArrow } from './Item.styles.js';
 import { useDidMountEffect } from '../../../../../../hooks/useDidMountEffect.js';
 import { getItemId } from '../../../../utils/getItemId.js';
-import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
 import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
 import { isEmpty } from '../../../../../../utils/isEmpty.js';
-import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
 
 var _StyledIndicator;
 var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "className"];
@@ -91,7 +89,7 @@ var Item = function Item(_ref) {
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
     size: "s",
     view: "default"
-  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
+  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
@@ -102,7 +100,7 @@ var Item = function Item(_ref) {
     // @ts-ignore
     ,
     title: /*#__PURE__*/React.createElement("span", null, label)
-  })), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
+  })), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
   })));

package/es/components/Select/ui/Inner/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select.context';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { Context } from '../../../../Select.context';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n    StyledArrow,\n    StyledIconDone,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <StyledArrow size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","StyledArrow"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -1,6 +1,8 @@
-import './Item.styles_1x4bzlm.css';
+import './Item.styles_l7hqc1.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../../../Select.tokens.js';
+import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
+import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
 import { component, mergeConfig } from '../../../../../../engines/common.js';
 import { checkboxConfig } from '../../../../../Checkbox/Checkbox.js';
 import { cellConfig } from '../../../../../Cell/Cell.js';
@@ -41,49 +43,91 @@ var StyledIndicator = /*#__PURE__*/styled(_exp41())({
   "class": "s1nd9idj",
   propsAsIs: true
 });
+var _exp46 = function _exp46() {
+  return IconDisclosureDownCentered;
+};
+var _exp48 = function _exp48() {
+  return function (_ref) {
+    var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xs' : _ref$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledArrow = /*#__PURE__*/styled(_exp46())({
+  name: "StyledArrow",
+  "class": "snb2nsj",
+  propsAsIs: true,
+  vars: {
+    "snb2nsj-0": [/*#__PURE__*/_exp48()]
+  }
+});
+var _exp49 = function _exp49() {
+  return IconDone;
+};
+var _exp51 = function _exp51() {
+  return function (_ref2) {
+    var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledIconDone = /*#__PURE__*/styled(_exp49())({
+  name: "StyledIconDone",
+  "class": "s581hb1",
+  propsAsIs: true,
+  vars: {
+    "s581hb1-0": [/*#__PURE__*/_exp51()]
+  }
+});
 var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
   name: "DisclosureIconWrapper",
-  "class": "dnb2nsj",
+  "class": "dcgpql7",
   propsAsIs: false
 });
-var _exp49 = function _exp49() {
-  return function (_ref) {
-    var variant = _ref.variant;
+var _exp55 = function _exp55() {
+  return function (_ref3) {
+    var variant = _ref3.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
   };
 };
 var IconWrapper = /*#__PURE__*/styled('div')({
   name: "IconWrapper",
-  "class": "i581hb1",
+  "class": "izzpzvq",
   propsAsIs: false,
   vars: {
-    "i581hb1-0": [/*#__PURE__*/_exp49()]
+    "izzpzvq-0": [/*#__PURE__*/_exp55()]
   }
 });
 var StyledText = /*#__PURE__*/styled('div')({
   name: "StyledText",
-  "class": "scgpql7",
+  "class": "stxu93x",
   propsAsIs: false
 });
-var _exp55 = function _exp55() {
-  return function (_ref2) {
-    var variant = _ref2.variant;
+var _exp61 = function _exp61() {
+  return function (_ref4) {
+    var variant = _ref4.variant;
     return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
   };
 };
 var Wrapper = /*#__PURE__*/styled('li')({
   name: "Wrapper",
-  "class": "wzzpzvq",
+  "class": "w1hgpj20",
   propsAsIs: false,
   vars: {
-    "wzzpzvq-0": [/*#__PURE__*/_exp55()]
+    "w1hgpj20-0": [/*#__PURE__*/_exp61()]
   }
 });
 var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({
   name: "StyledCheckboxWrapper",
-  "class": "stxu93x",
+  "class": "sdrnjg5",
   propsAsIs: false
 });
 
-export { DisclosureIconWrapper, IconWrapper, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIndicator, StyledText, StyledWrapper, Wrapper };
+export { DisclosureIconWrapper, IconWrapper, StyledArrow, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, StyledWrapper, Wrapper };
 //# sourceMappingURL=Item.styles.js.map

package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n\n    // TODO: #1548\n    & div.cell-content, & div.cell-textbox {\n        flex: 1;\n    }\n    & div.cell-textbox-title {\n        position: relative;\n    }\n    & div.cell-textbox-title:before {\n        content: '&nbsp;';\n        visibility: hidden;\n    }\n    & div.cell-textbox-title span {\n        position: absolute;\n        left: 0;\n        right: 0;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","IconWrapper","vars","StyledText","_exp55","_ref2","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\nimport { IconDisclosureDownCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n\n    // TODO: #1548\n    & div.cell-content, & div.cell-textbox {\n        flex: 1;\n    }\n    & div.cell-textbox-title {\n        position: relative;\n    }\n    & div.cell-textbox-title:before {\n        content: '&nbsp;';\n        visibility: hidden;\n    }\n    & div.cell-textbox-title span {\n        position: absolute;\n        left: 0;\n        right: 0;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","_exp41","StyledIndicator","_exp46","IconDisclosureDownCentered","_exp48","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp49","IconDone","_exp51","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp55","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp61","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.styles_l7hqc1.css

@@ -0,0 +1,11 @@
+.s1vls8ri{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:' ';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.snb2nsj{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
+.s581hb1{width:var(--s581hb1-0);height:var(--s581hb1-0);}
+.dcgpql7{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dcgpql7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.izzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
+.stxu93x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.w1hgpj20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1hgpj20:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1hgpj20:focus{outline:none;}.w1hgpj20::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1hgpj20.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+