@salutejs/plasma-new-hope 0.326.0-canary.2002.15300192913.0 → 0.326.0-canary.2006.15549711826.0

package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.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: 'combobox-target-arrow',\n    arrowInverse: 'arrow-inverse',\n    textfieldTarget: 'combobox-textfield-target',\n    selectChipIsFocused: 'combobox-chip-is-focused',\n    selectWithoutBoxShadow: 'combobox-without-box-shadow',\n    selectItemCheckbox: 'combobox-item-checkbox',\n    selectSpinner: 'combobox-spinner',\n    emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n    borderRadius: '--plasma-combobox-border-radius',\n    padding: '--plasma-combobox-padding',\n    margin: '--plasma-combobox-margin',\n    focusOffset: '--plasma-combobox-focus-offset',\n\n    fontFamily: '--plasma-combobox-font-family',\n    fontSize: '--plasma-combobox-font-size',\n    fontStyle: '--plasma-combobox-font-style',\n    fontWeight: '--plasma-combobox-font-weight',\n    fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n    fontLineHeight: '--plasma-combobox-font-line-height',\n\n    dropdownBorderColor: '--plasma-select-dropdown-border-color',\n    dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n    itemHeight: '--plasma-combobox-item-height',\n    itemBorderRadius: '--plasma-combobox-item-border-radius',\n    itemPadding: '--plasma-combobox-item-padding',\n    itemPaddingTight: '--plasma-combobox-item-padding-tight',\n    itemIconSize: '--plasma-combobox-item-icon-size',\n    itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n    itemIconMargin: '--plasma-combobox-item-icon-margin',\n    itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n    cellPadding: '--plasma-combobox-cell-padding',\n    cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n    cellPaddingContent: '--plasma-combobox-cell-padding-content',\n    cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n    cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n    cellGap: '--plasma-combobox-cell-gap',\n    cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n    cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n    checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n    checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n    checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n    checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n    checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n    checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n    checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n    checkboxTriggerBorderCheckedColor: '--plasma-combobox-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderWidth: '--plasma-combobox-checkbox-trigger-border-width',\n\n    indicatorSize: '--plasma-combobox-indicator-size',\n\n    // Токены для TextField\n    textFieldColor: '--plasma-combobox-new-textfield-color',\n    textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n    textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n    textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n    textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n    textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n    textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n    textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n    textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n    textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n    textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n    textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n    textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n    textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n    textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n    textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n    textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n    textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n    textFieldHeight: '--plasma-combobox-new-textfield-height',\n    textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n    textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n    textFieldPadding: '--plasma-combobox-new-textfield-padding',\n    textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n    textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n    textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n    textFieldRightContentWithHintMargin: '--plasma-combobox-textfield-right-content-with-hint-margin',\n\n    textFieldContentRightWrapperGap: '--plasma-combobox-textfield-content-right-wrapper-gap',\n    textFieldContentRightWrapperMargin: '--plasma-combobox-textfield-content-right-wrapper-margin',\n\n    textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n    textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n    textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n    textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n    textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n    textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n    textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n    textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n    textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n    textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n    textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n    textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n    textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n    textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n    textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n    textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n    textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n    textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n    textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n    textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n    textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n    textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n    textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n    textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n    textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n    textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n    textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n    textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n    textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n    textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n    textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n    textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n    textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n    textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n    textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n    textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n    textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n    textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n    textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n    textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n    textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n    textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n    textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n    textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n    textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n    textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n    textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n    textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n    textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n    textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n    textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n    textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n    textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n    /** Токены для tooltip */\n    textFieldHintCustomIconTargetSize: '--plasma-combobox-textfield__hint-custom-icon-target-size',\n    textFieldHintMargin: '--plasma-combobox-textfield__hint-margin',\n    textFieldHintTargetSize: '--plasma-combobox-textfield__hint-target-size',\n    textFieldHintIconColor: '--plasma-combobox-textfield__hint-icon-color',\n    textFieldHintInnerLabelPlacementOffset: '--plasma-combobox-textfield__hint-inner-label-placement-offset',\n    textFieldClearHintInnerLabelPlacementOffset: '--plasma-combobox-textfield__clear-hint-inner-label-placement-offset',\n\n    textFieldTooltipBackgroundColor: '--plasma-combobox-textfield__tooltip-background-color',\n    textFieldTooltipBoxShadow: '--plasma-combobox-textfield__tooltip-box-shadow',\n    textFieldTooltipColor: '--plasma-combobox-textfield__tooltip-color',\n\n    textFieldTooltipPaddingTop: '--plasma-combobox-textfield__tooltip-padding-top',\n    textFieldTooltipPaddingRight: '--plasma-combobox-textfield__tooltip-padding-right',\n    textFieldTooltipPaddingBottom: '--plasma-combobox-textfield__tooltip-padding-bottom',\n    textFieldTooltipPaddingLeft: '--plasma-combobox-textfield__tooltip-padding-left',\n    textFieldTooltipMinHeight: '--plasma-combobox-textfield__tooltip-min-height',\n    textFieldTooltipBorderRadius: '--plasma-combobox-textfield__tooltip-border-radius',\n    textFieldTooltipTextFontFamily: '--plasma-combobox-textfield__tooltip-text-font-family',\n    textFieldTooltipTextFontSize: '--plasma-combobox-textfield__tooltip-text-font-size',\n    textFieldTooltipTextFontStyle: '--plasma-combobox-textfield__tooltip-text-font-style',\n    textFieldTooltipTextFontWeight: '--plasma-combobox-textfield__tooltip-text-font-weight',\n    textFieldTooltipTextFontLetterSpacing: '--plasma-combobox-textfield__tooltip-text-font-letter-spacing',\n    textFieldTooltipTextFontLineHeight: '--plasma-combobox-textfield__tooltip-text-font-line-height',\n    textFieldTooltipContentLeftMargin: '--plasma-combobox-textfield__tooltip-content-left-margin',\n    textFieldTooltipArrowMaskWidth: '--plasma-combobox-textfield__tooltip-arrow-mask-width',\n    textFieldTooltipArrowMaskHeight: '--plasma-combobox-textfield__tooltip-arrow-mask-height',\n    textFieldTooltipArrowMaskImage: '--plasma-combobox-textfield__tooltip-arrow-mask-image',\n    textFieldTooltipArrowHeight: '--plasma-combobox-textfield__tooltip-arrow-height',\n    textFieldTooltipArrowEdgeMargin: '--plasma-combobox-textfield__tooltip-arrow-edge-margin',\n    textFieldTooltipArrowBackground: '--plasma-combobox-textfield__tooltip-arrow-background',\n\n    textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n    textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n    textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n    textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n    textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n    textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n    textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n    textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n    textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n    textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n    textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n    textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n    textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n    textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n    textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n    textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n    textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n    textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n    textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',\n    textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n    textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n    textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n    textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n    textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n    textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n    textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n    textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n    textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n    textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n    textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n    textFieldBoxShadow: '--plasma-select-textfield-box-shadow',\n\n    textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n    textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n    textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n    textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n    textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n    textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n    textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n    textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n    textFieldClearIndicatorLabelPlacementInnerRight:\n        '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n    textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n    // Токены для EmptyState\n    emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n    labelOffset: '--plasma-combobox-label-offset',\n\n    innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n    helperTextColor: '--plasma-combobox-helper-text-color',\n    helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n    spinnerSize: '--plasma-combobox-spinner-size',\n    spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n    disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n    disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n    disclosureIconSize: '--plasma-select-disclosure-icon-size',\n    disclosureIconMargin: '--plasma-select-disclosure-icon-margin',\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    textfieldBorderSize: '0.0625rem',\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","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","margin","focusOffset","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","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderWidth","indicatorSize","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldRightContentWithHintMargin","textFieldContentRightWrapperGap","textFieldContentRightWrapperMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldHintCustomIconTargetSize","textFieldHintMargin","textFieldHintTargetSize","textFieldHintIconColor","textFieldHintInnerLabelPlacementOffset","textFieldClearHintInnerLabelPlacementOffset","textFieldTooltipBackgroundColor","textFieldTooltipBoxShadow","textFieldTooltipColor","textFieldTooltipPaddingTop","textFieldTooltipPaddingRight","textFieldTooltipPaddingBottom","textFieldTooltipPaddingLeft","textFieldTooltipMinHeight","textFieldTooltipBorderRadius","textFieldTooltipTextFontFamily","textFieldTooltipTextFontSize","textFieldTooltipTextFontStyle","textFieldTooltipTextFontWeight","textFieldTooltipTextFontLetterSpacing","textFieldTooltipTextFontLineHeight","textFieldTooltipContentLeftMargin","textFieldTooltipArrowMaskWidth","textFieldTooltipArrowMaskHeight","textFieldTooltipArrowMaskImage","textFieldTooltipArrowHeight","textFieldTooltipArrowEdgeMargin","textFieldTooltipArrowBackground","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPadding","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldBoxShadow","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover","disclosureIconSize","disclosureIconMargin"],"mappings":"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"}
+{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.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: 'combobox-target-arrow',\n    arrowInverse: 'arrow-inverse',\n    textfieldTarget: 'combobox-textfield-target',\n    selectChipIsFocused: 'combobox-chip-is-focused',\n    selectWithoutBoxShadow: 'combobox-without-box-shadow',\n    selectItemCheckbox: 'combobox-item-checkbox',\n    selectSpinner: 'combobox-spinner',\n    emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n    borderRadius: '--plasma-combobox-border-radius',\n    padding: '--plasma-combobox-padding',\n    margin: '--plasma-combobox-margin',\n    focusOffset: '--plasma-combobox-focus-offset',\n\n    fontFamily: '--plasma-combobox-font-family',\n    fontSize: '--plasma-combobox-font-size',\n    fontStyle: '--plasma-combobox-font-style',\n    fontWeight: '--plasma-combobox-font-weight',\n    fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n    fontLineHeight: '--plasma-combobox-font-line-height',\n\n    dropdownBorderColor: '--plasma-select-dropdown-border-color',\n    dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n    itemHeight: '--plasma-combobox-item-height',\n    itemBorderRadius: '--plasma-combobox-item-border-radius',\n    itemPadding: '--plasma-combobox-item-padding',\n    itemPaddingTight: '--plasma-combobox-item-padding-tight',\n    itemIconSize: '--plasma-combobox-item-icon-size',\n    itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n    itemIconMargin: '--plasma-combobox-item-icon-margin',\n    itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n    cellPadding: '--plasma-combobox-cell-padding',\n    cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n    cellPaddingContent: '--plasma-combobox-cell-padding-content',\n    cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n    cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n    cellGap: '--plasma-combobox-cell-gap',\n    cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n    cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n    checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n    checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n    checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n    checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n    checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n    checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n    checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n    checkboxTriggerBorderCheckedColor: '--plasma-combobox-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderWidth: '--plasma-combobox-checkbox-trigger-border-width',\n\n    indicatorSize: '--plasma-combobox-indicator-size',\n\n    // Токены для TextField\n    textFieldColor: '--plasma-combobox-new-textfield-color',\n    textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n    textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n    textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n    textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n    textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n    textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n    textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n    textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n    textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n    textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n    textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n    textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n    textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n    textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n    textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n    textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n    textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n    textFieldHeight: '--plasma-combobox-new-textfield-height',\n    textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n    textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n    textFieldPadding: '--plasma-combobox-new-textfield-padding',\n    textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n    textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n    textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n    textFieldRightContentWithHintMargin: '--plasma-combobox-textfield-right-content-with-hint-margin',\n\n    textFieldContentRightWrapperGap: '--plasma-combobox-textfield-content-right-wrapper-gap',\n    textFieldContentRightWrapperMargin: '--plasma-combobox-textfield-content-right-wrapper-margin',\n\n    textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n    textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n    textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n    textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n    textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n    textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n    textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n    textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n    textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n    textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n    textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n    textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n    textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n    textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n    textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n    textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n    textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n    textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n    textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n    textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n    textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n    textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n    textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n    textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n    textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n    textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n    textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n    textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n    textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n    textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n    textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n    textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n    textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n    textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n    textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n    textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n    textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n    textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n    textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n    textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n    textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n    textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n    textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n    textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n    textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n    textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n    textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n    textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n    textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n    textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n    textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n    textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n    textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n    /** Токены для tooltip */\n    textFieldHintCustomIconTargetSize: '--plasma-combobox-textfield__hint-custom-icon-target-size',\n    textFieldHintMargin: '--plasma-combobox-textfield__hint-margin',\n    textFieldHintTargetSize: '--plasma-combobox-textfield__hint-target-size',\n    textFieldHintIconColor: '--plasma-combobox-textfield__hint-icon-color',\n    textFieldHintInnerLabelPlacementOffset: '--plasma-combobox-textfield__hint-inner-label-placement-offset',\n    textFieldClearHintInnerLabelPlacementOffset: '--plasma-combobox-textfield__clear-hint-inner-label-placement-offset',\n\n    textFieldTooltipBackgroundColor: '--plasma-combobox-textfield__tooltip-background-color',\n    textFieldTooltipBoxShadow: '--plasma-combobox-textfield__tooltip-box-shadow',\n    textFieldTooltipColor: '--plasma-combobox-textfield__tooltip-color',\n\n    textFieldTooltipPaddingTop: '--plasma-combobox-textfield__tooltip-padding-top',\n    textFieldTooltipPaddingRight: '--plasma-combobox-textfield__tooltip-padding-right',\n    textFieldTooltipPaddingBottom: '--plasma-combobox-textfield__tooltip-padding-bottom',\n    textFieldTooltipPaddingLeft: '--plasma-combobox-textfield__tooltip-padding-left',\n    textFieldTooltipMinHeight: '--plasma-combobox-textfield__tooltip-min-height',\n    textFieldTooltipBorderRadius: '--plasma-combobox-textfield__tooltip-border-radius',\n    textFieldTooltipTextFontFamily: '--plasma-combobox-textfield__tooltip-text-font-family',\n    textFieldTooltipTextFontSize: '--plasma-combobox-textfield__tooltip-text-font-size',\n    textFieldTooltipTextFontStyle: '--plasma-combobox-textfield__tooltip-text-font-style',\n    textFieldTooltipTextFontWeight: '--plasma-combobox-textfield__tooltip-text-font-weight',\n    textFieldTooltipTextFontLetterSpacing: '--plasma-combobox-textfield__tooltip-text-font-letter-spacing',\n    textFieldTooltipTextFontLineHeight: '--plasma-combobox-textfield__tooltip-text-font-line-height',\n    textFieldTooltipContentLeftMargin: '--plasma-combobox-textfield__tooltip-content-left-margin',\n    textFieldTooltipArrowMaskWidth: '--plasma-combobox-textfield__tooltip-arrow-mask-width',\n    textFieldTooltipArrowMaskHeight: '--plasma-combobox-textfield__tooltip-arrow-mask-height',\n    textFieldTooltipArrowMaskImage: '--plasma-combobox-textfield__tooltip-arrow-mask-image',\n    textFieldTooltipArrowHeight: '--plasma-combobox-textfield__tooltip-arrow-height',\n    textFieldTooltipArrowEdgeMargin: '--plasma-combobox-textfield__tooltip-arrow-edge-margin',\n    textFieldTooltipArrowBackground: '--plasma-combobox-textfield__tooltip-arrow-background',\n\n    textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n    textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n    textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n    textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n    textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n    textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n    textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n    textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n    textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n    textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n    textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n    textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n    textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n    textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n    textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n    textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n    textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n    textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n    textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',\n    textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n    textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n    textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n    textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n    textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n    textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n    textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n    textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n    textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n    textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n    textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n    textFieldBoxShadow: '--plasma-select-textfield-box-shadow',\n\n    textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n    textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n    textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n    textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n    textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n    textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n    textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n    textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n    textFieldClearIndicatorLabelPlacementInnerRight:\n        '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n    textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n    // Токены для EmptyState\n    emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n    labelOffset: '--plasma-combobox-label-offset',\n\n    innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n    helperTextColor: '--plasma-combobox-helper-text-color',\n    helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n    spinnerSize: '--plasma-combobox-spinner-size',\n    spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n    disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n    disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n    disclosureIconSize: '--plasma-select-disclosure-icon-size',\n    disclosureIconMargin: '--plasma-select-disclosure-icon-margin',\n\n    dividerMarginTop: '--plasma-combobox-divider-margin-top',\n    dividerMarginTopTight: '--plasma-combobox-divider-margin-top-tight',\n    dividerMarginRight: '--plasma-combobox-divider-margin-right',\n    dividerMarginBottom: '--plasma-combobox-divider-margin-bottom',\n    dividerMarginBottomTight: '--plasma-combobox-divider-margin-bottom-tight',\n    dividerMarginLeft: '--plasma-combobox-divider-margin-left',\n    dividerColor: '--plasma-combobox-divider-color',\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: '--surface-clear',\n    textfieldTargetColor: '--text-primary',\n    textfieldOuterLabelColor: '--text-primary',\n    textfieldInnerLabelColor: '--text-secondary',\n    textfieldPlaceholderColor: '--text-secondary',\n    textfieldBorderSize: '0.0625rem',\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: '--surface-clear',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","margin","focusOffset","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","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderWidth","indicatorSize","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldRightContentWithHintMargin","textFieldContentRightWrapperGap","textFieldContentRightWrapperMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldHintCustomIconTargetSize","textFieldHintMargin","textFieldHintTargetSize","textFieldHintIconColor","textFieldHintInnerLabelPlacementOffset","textFieldClearHintInnerLabelPlacementOffset","textFieldTooltipBackgroundColor","textFieldTooltipBoxShadow","textFieldTooltipColor","textFieldTooltipPaddingTop","textFieldTooltipPaddingRight","textFieldTooltipPaddingBottom","textFieldTooltipPaddingLeft","textFieldTooltipMinHeight","textFieldTooltipBorderRadius","textFieldTooltipTextFontFamily","textFieldTooltipTextFontSize","textFieldTooltipTextFontStyle","textFieldTooltipTextFontWeight","textFieldTooltipTextFontLetterSpacing","textFieldTooltipTextFontLineHeight","textFieldTooltipContentLeftMargin","textFieldTooltipArrowMaskWidth","textFieldTooltipArrowMaskHeight","textFieldTooltipArrowMaskImage","textFieldTooltipArrowHeight","textFieldTooltipArrowEdgeMargin","textFieldTooltipArrowBackground","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPadding","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldBoxShadow","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover","disclosureIconSize","disclosureIconMargin","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","dividerColor"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -11,6 +11,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+// TODO: #2003
+var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,
@@ -19,9 +21,8 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     placement = _ref.placement,
     portal = _ref.portal,
     listWidth = _ref.listWidth,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 0 : _ref$offset,
-    zIndex = _ref.zIndex;
+    zIndex = _ref.zIndex,
+    isInner = _ref.isInner;
   var _useFloating = react.useFloating({
       whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
         return react.autoUpdate(referenceEl, floatingEl, update, {
@@ -32,14 +33,17 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       },
       placement: placement,
       open: opened,
-      middleware: [react.offset(offset), react.flip({
+      middleware: [react.offset({
+        mainAxis: isInner ? LIST_PADDING * 2 : 0,
+        alignmentAxis: isInner ? -LIST_PADDING : 0
+      }), react.flip({
         fallbackAxisSideDirection: 'end'
       }), react.shift(), react.size({
         apply: function apply(_ref2) {
           var rects = _ref2.rects,
             elements = _ref2.elements;
           Object.assign(elements.floating.style, {
-            width: listWidth || "".concat(rects.reference.width, "px")
+            width: listWidth || "".concat(isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width, "px")
           });
         }
       })]

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0, zIndex }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","zIndex","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, zIndex, isInner }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware({\n                    mainAxis: isInner ? LIST_PADDING * 2 : 0,\n                    alignmentAxis: isInner ? -LIST_PADDING : 0,\n                }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width:\n                                listWidth ||\n                                `${isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","zIndex","isInner","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css

@@ -31,12 +31,13 @@
 
 .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);}
 
-.Combobox_styles_5uhl12_uxiiees__334e02f3{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);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_5uhl12_uxiiees__334e02f3 .Combobox_styles_5uhl12_comboboxEmptyStateWrapper__334e02f3{box-shadow:none;}
-.Combobox_styles_5uhl12_i1veo3wn__334e02f3{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3 .Combobox_styles_5uhl12_arrowInverse__334e02f3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3:hover,.Combobox_styles_5uhl12_i1veo3wn__334e02f3:active{color:var(--i1veo3wn-1);}
-.Combobox_styles_5uhl12_s1hxiinv__334e02f3{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
+.Combobox_styles_isfa46_lxiiees__91df7bfb{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);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);}
+.Combobox_styles_isfa46_u1veo3wn__91df7bfb{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_isfa46_u1veo3wn__91df7bfb .Combobox_styles_isfa46_comboboxEmptyStateWrapper__91df7bfb{box-shadow:none;}
+.Combobox_styles_isfa46_i1hxiinv__91df7bfb{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb .Combobox_styles_isfa46_arrowInverse__91df7bfb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb:hover,.Combobox_styles_isfa46_i1hxiinv__91df7bfb:active{color:var(--i1hxiinv-1);}
+.Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
 
-.Combobox_styles_5uhl12_s11cn92k__334e02f3{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
-.Combobox_styles_5uhl12_spp7ogj__334e02f3{margin:0;padding:0;}
+.Combobox_styles_isfa46_spp7ogj__91df7bfb{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
+.Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
 
 .base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
 
@@ -75,16 +76,16 @@
 
 .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
 
-.Item_styles_1fy6e2z_s17m41ki__5711db5d{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
-
-.Item_styles_1fy6e2z_sabntqz__5711db5d{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
-.Item_styles_1fy6e2z_sbva27s__5711db5d{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
-.Item_styles_1fy6e2z_s198ssfl__5711db5d{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
-.Item_styles_1fy6e2z_sq42uro__5711db5d{width:var(--sq42uro-0);height:var(--sq42uro-0);}
-.Item_styles_1fy6e2z_s96nkq__5711db5d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1fy6e2z_s170raop__5711db5d{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1fy6e2z_d1bsz3m1__5711db5d{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.Item_styles_1fy6e2z_d1bsz3m1__5711db5d:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
-.Item_styles_1fy6e2z_iwurntn__5711db5d{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(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
-.Item_styles_1fy6e2z_s1pzdaox__5711db5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_1fy6e2z_wm3n62u__5711db5d{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:hover:not(.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsActive__5711db5d{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d{opacity:0.4;cursor:not-allowed;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:focus{outline:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d::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:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsFocused__5711db5d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_80gotw_s17m41ki__77e23bce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+
+.Item_styles_80gotw_sabntqz__77e23bce{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
+.Item_styles_80gotw_sbva27s__77e23bce{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
+.Item_styles_80gotw_s198ssfl__77e23bce{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
+.Item_styles_80gotw_sq42uro__77e23bce{width:var(--sq42uro-0);height:var(--sq42uro-0);}
+.Item_styles_80gotw_s96nkq__77e23bce{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_80gotw_s170raop__77e23bce{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_80gotw_d1bsz3m1__77e23bce{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.Item_styles_80gotw_d1bsz3m1__77e23bce:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
+.Item_styles_80gotw_iwurntn__77e23bce{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(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
+.Item_styles_80gotw_s1pzdaox__77e23bce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_80gotw_wm3n62u__77e23bce{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-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_80gotw_wm3n62u__77e23bce:hover:not(.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsActive__77e23bce{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce{opacity:0.4;cursor:not-allowed;}.Item_styles_80gotw_wm3n62u__77e23bce:focus{outline:none;}.Item_styles_80gotw_wm3n62u__77e23bce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsFocused__77e23bce:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
 

package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -44,7 +44,6 @@ var Inner = function Inner(_ref) {
       placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
       opened: isCurrentListOpen,
       onToggle: handleToggle,
-      offset: 2,
       target: /*#__PURE__*/React__default.default.createElement(Item.Item, {
         item: item,
         path: path,
@@ -54,12 +53,13 @@ var Inner = function Inner(_ref) {
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
         ariaLabel: item.label
-      })
+      }),
+      isInner: true
+    }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/React__default.default.createElement(Combobox_styles.Ul, {
       role: "group",
       id: listId,
-      isInnerUl: true,
-      listWidth: listWidth,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React__default.default.createElement(Inner, {
@@ -71,7 +71,7 @@ var Inner = function Inner(_ref) {
         index: innerIndex,
         listWidth: listWidth
       });
-    })));
+    }))));
   }
   return /*#__PURE__*/React__default.default.createElement(Item.Item, {
     item: item,

package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { isEmpty } from '../../../../../utils';\nimport { Ul } from '../../Combobox.styles';\n\nimport type { ItemOptionTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right-start'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                offset={2}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth} virtual={false}>\n                    {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","offset","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","Ul","role","id","isInnerUl","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { isEmpty } from '../../../../../utils';\nimport { Ul, ListWrapper } from '../../Combobox.styles';\n\nimport type { ItemOptionTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right-start'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} virtual={false}>\n                        {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -1,13 +1,13 @@
-require('./Item.styles_1fy6e2z.css');
+require('./Item.styles_80gotw.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 var Combobox_tokens = require('../../../../Combobox.tokens.js');
+var common = require('../../../../../../../engines/common.js');
 var IconDisclosureRightCentered = require('../../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
 var IconDone = require('../../../../../../_Icon/Icons/IconDone.js');
-var common = require('../../../../../../../engines/common.js');
 var Checkbox$1 = require('../../../../../../Checkbox/Checkbox.js');
 var Cell$1 = require('../../../../../../Cell/Cell.js');
 var Indicator$1 = require('../../../../../../Indicator/Indicator.js');

package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\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\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    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\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(IconDisclosureRightCentered)`\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 StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.disclosureIconMargin});\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['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`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\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: var(${tokens.borderRadius});\n    user-select: none;\n    border-right: 2px solid transparent;\n    border-left: 2px solid transparent;\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: `var(${tokens.itemBorderRadius})`,\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","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp53","IconDone","_exp55","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp65","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\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\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    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\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(IconDisclosureRightCentered)`\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 StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.disclosureIconMargin});\n    color: var(${tokens.disclosureIconColor});\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['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`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\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',\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: inset 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","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrow","vars","_exp53","IconDone","_exp55","_ref2","_ref2$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref3","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp65","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,oBAAoB,gBAAGC,kBAAW,CAACC,yBAAc,CAAC,CAAA;AACxD,IAAMC,QAAQ,gBAAGC,gBAAS,CAACJ,oBAAoB,CAAC,CAAA;AAEhD,IAAMK,gBAAgB,gBAAGJ,kBAAW,CAACK,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGH,gBAAS,CAACC,gBAAgB,CAAC,CAAA;AAEjC,IAAMG,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBlC,EAAA;AAAC,IAAAC,MAAA,GAhCgBA,SAgChBA,MAAAA,GAAA;AAAA,EAAA,OAE+BN,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMO,UAAU,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAQ,EAAA;AAAC,IAAAG,MAAA,GAlCvBA,SAkCuBA,MAAAA,GAAA;AAAA,EAAA,OAEJZ,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMa,cAAc,gBAAGP,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQnC,EAAA;AAED,IAAMK,qBAAqB,gBAAGhB,kBAAW,CAACiB,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGf,gBAAS,CAACa,qBAAqB,CAAC,CAAA;AAAC,IAAAG,MAAA,GA/CjCA,SA+CiCA,MAAAA,GAAA;AAAA,EAAA,OAEbD,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAME,eAAe,gBAAGZ,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGpC,EAAA;AAMC,IAAAU,MAAA,GA1DgBA,SA0DhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA5D3CA,SA4D2CA,MAAAA,GAAA;AAAA,EAAA,OAE/C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,SAAA,GAAAD,IAAA,CAAGE,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,SAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAE,MAAA,CAAkBC,sBAAM,CAACC,kBAAkB,EAAA,IAAA,CAAA,CAAAF,MAAA,CAAK;AAAAG,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQL,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAFjF,IAAMM,WAAW,gBAAGxB,YAAM,CAAAa,MAAA,EAAA,CAAA,CAAA;AAAAZ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAsB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEnBV,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAAC,IAAAW,MAAA,GA/DgBA,SA+DhBA,MAAAA,GAAA;AAAA,EAAA,OAEmCC,iBAAQ,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAjE3BA,SAiE2BA,MAAAA,GAAA;AAAA,EAAA,OAE/B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,UAAA,GAAAD,KAAA,CAAGX,IAAI;AAAJA,MAAAA,IAAI,GAAAY,UAAA,KAAG,KAAA,CAAA,GAAA,IAAA,GAAAA,UAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAAX,MAAA,CAAkBC,sBAAM,CAACC,kBAAkB,EAAA,IAAA,CAAA,CAAAF,MAAA,CAAK;AAAAG,MAAAA,EAAA,EAAA,MAAA;AAAAC,MAAAA,CAAA,EAAA,QAAA;KAAQL,CAAAA,IAAI,CAAC,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAFjF,IAAMa,cAAc,gBAAG/B,YAAM,CAAA0B,MAAA,EAAA,CAAA,CAAA;AAAAzB,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAsB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEtBG,MAA0E,EAAA,CAAA;AAAA,GAAA;AAAA,CACvF,EAAA;AAWM,IAAMI,qBAAqB,gBAAGhC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ1C,EAAA;AAAC,IAAA8B,MAAA,GAvFgBA,SAuFhBA,MAAAA,GAAA;AAAA,EAAA,OAQY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGf,sBAAM,CAACgB,iBAAiB,GAAGhB,sBAAM,CAACiB,YAAY,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANtG,IAAMC,WAAW,gBAAGtC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAsB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMnBQ,MAA+F,EAAA,CAAA;AAAA,GAAA;AAAA,CAI5G,EAAA;AAEM,IAAMM,UAAU,gBAAGvC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAAC,IAAAqC,MAAA,GAxGgBA,SAwGhBA,MAAAA,GAAA;AAAA,EAAA,OAQa,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CAAqBA,OAAO,KAAK,OAAO,GAAGf,sBAAM,CAACsB,gBAAgB,GAAGtB,sBAAM,CAACuB,WAAW,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AANrG,IAAMC,OAAO,gBAAG5C,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAsB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMde,MAA6F,EAAA,CAAA;AAAA,GAAA;AAAA,CA4C3G,EAAA;AAEM,IAAMK,qBAAqB,gBAAG7C,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO;;;;;;;;;;;;;;"}

package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css}

@@ -1,4 +1,4 @@
-.s17m41ki{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
+.s17m41ki{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
 
 .sabntqz{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
 .sbva27s{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
@@ -9,5 +9,5 @@
 .d1bsz3m1{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.d1bsz3m1:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
 .iwurntn{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(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
 .s1pzdaox{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.wm3n62u{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.wm3n62u:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wm3n62u:focus{outline:none;}.wm3n62u::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:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wm3n62u.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.wm3n62u{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-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-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;}.wm3n62u:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.wm3n62u.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wm3n62u:focus{outline:none;}.wm3n62u::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wm3n62u.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}