npm - @salutejs/plasma-new-hope - Versions diffs - 0.326.0-canary.1986.15321507276.0 → 0.326.0-canary.1986.15322785467.0 - Mend

@salutejs/plasma-new-hope 0.326.0-canary.1986.15321507276.0 → 0.326.0-canary.1986.15322785467.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

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

	@@ -1 +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 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: '--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","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","dividerColor"],"mappings":"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"}
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 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":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,sBAAsB,EAAE,2BAA2B;AACnDC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,iBAAiB,EAAE,uBAAuB;AAC1CC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,mBAAmB,EAAE,0BAA0B;AAC/CC,EAAAA,sBAAsB,EAAE,6BAA6B;AACrDC,EAAAA,kBAAkB,EAAE,wBAAwB;AAC5CC,EAAAA,aAAa,EAAE,kBAAkB;AACjCC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,MAAM,EAAE,0BAA0B;AAClCC,EAAAA,WAAW,EAAE,gCAAgC;AAE7CC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,QAAQ,EAAE,6BAA6B;AACvCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,cAAc,EAAE,oCAAoC;AAEpDC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAE5DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,mBAAmB,EAAE,yCAAyC;AAE9DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvEC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,OAAO,EAAE,4BAA4B;AACrCC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,mBAAmB,EAAE,0CAA0C;AAE/DC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,wBAAwB,EAAE,+CAA+C;AACzEC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/EC,EAAAA,gCAAgC,EAAE,wDAAwD;AAC1FC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,0BAA0B,EAAE,iDAAiD;AAC7EC,EAAAA,iCAAiC,EAAE,yDAAyD;AAC5FC,EAAAA,0BAA0B,EAAE,iDAAiD;AAE7EC,EAAAA,aAAa,EAAE,kCAAkC;AAEjD;AACAC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,wBAAwB,EAAE,kDAAkD;AAC5EC,EAAAA,6BAA6B,EAAE,wDAAwD;AACvFC,EAAAA,6BAA6B,EAAE,wDAAwD;AAEvFC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,gCAAgC,EAAE,mDAAmD;AACrFC,EAAAA,4BAA4B,EAAE,uDAAuD;AACrFC,EAAAA,iCAAiC,EAAE,4DAA4D;AAE/FC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAC9EC,EAAAA,8BAA8B,EAAE,yDAAyD;AACzFC,EAAAA,8BAA8B,EAAE,yDAAyD;AACzFC,EAAAA,mCAAmC,EAAE,+DAA+D;AACpGC,EAAAA,sBAAsB,EAAE,gDAAgD;AAExEC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,qBAAqB,EAAE,+CAA+C;AAEtEC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,mCAAmC,EAAE,4DAA4D;AAEjGC,EAAAA,+BAA+B,EAAE,uDAAuD;AACxFC,EAAAA,kCAAkC,EAAE,0DAA0D;AAE9FC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,+BAA+B,EAAE,2DAA2D;AAE5FC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,mCAAmC,EAAE,gEAAgE;AACrGC,EAAAA,oCAAoC,EAAE,iEAAiE;AAEvGC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,sBAAsB,EAAE,iDAAiD;AACzEC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,6BAA6B,EAAE,mEAAmE;AAClGC,EAAAA,4BAA4B,EAAE,kEAAkE;AAChGC,EAAAA,2BAA2B,EAAE,iEAAiE;AAC9FC,EAAAA,6BAA6B,EAAE,mEAAmE;AAClGC,EAAAA,gCAAgC,EAAE,sEAAsE;AACxGC,EAAAA,6BAA6B,EAAE,mEAAmE;AAElGC,EAAAA,0BAA0B,EAAE,+DAA+D;AAC3FC,EAAAA,iCAAiC,EAAE,iEAAiE;AAEpGC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,kCAAkC,EAAE,8DAA8D;AAClGC,EAAAA,qCAAqC,EAAE,kEAAkE;AAEzGC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,8BAA8B,EAAE,0DAA0D;AAC1FC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,kCAAkC,EAAE,8DAA8D;AAClGC,EAAAA,+BAA+B,EAAE,2DAA2D;AAE5FC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,gCAAgC,EAAE,4DAA4D;AAC9FC,EAAAA,yBAAyB,EAAE,oDAAoD;AAE/EC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,4BAA4B,EAAE,wDAAwD;AACtFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,6BAA6B,EAAE,yDAAyD;AACxFC,EAAAA,gCAAgC,EAAE,4DAA4D;AAC9FC,EAAAA,6BAA6B,EAAE,yDAAyD;AAExFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,wBAAwB,EAAE,kDAAkD;AAE5E;AACAC,EAAAA,iCAAiC,EAAE,2DAA2D;AAC9FC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,sCAAsC,EAAE,gEAAgE;AACxGC,EAAAA,2CAA2C,EAAE,sEAAsE;AAEnHC,EAAAA,+BAA+B,EAAE,uDAAuD;AACxFC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,qBAAqB,EAAE,4CAA4C;AAEnEC,EAAAA,0BAA0B,EAAE,kDAAkD;AAC9EC,EAAAA,4BAA4B,EAAE,oDAAoD;AAClFC,EAAAA,6BAA6B,EAAE,qDAAqD;AACpFC,EAAAA,2BAA2B,EAAE,mDAAmD;AAChFC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,4BAA4B,EAAE,oDAAoD;AAClFC,EAAAA,8BAA8B,EAAE,uDAAuD;AACvFC,EAAAA,4BAA4B,EAAE,qDAAqD;AACnFC,EAAAA,6BAA6B,EAAE,sDAAsD;AACrFC,EAAAA,8BAA8B,EAAE,uDAAuD;AACvFC,EAAAA,qCAAqC,EAAE,+DAA+D;AACtGC,EAAAA,kCAAkC,EAAE,4DAA4D;AAChGC,EAAAA,iCAAiC,EAAE,0DAA0D;AAC7FC,EAAAA,8BAA8B,EAAE,uDAAuD;AACvFC,EAAAA,+BAA+B,EAAE,wDAAwD;AACzFC,EAAAA,8BAA8B,EAAE,uDAAuD;AACvFC,EAAAA,2BAA2B,EAAE,mDAAmD;AAChFC,EAAAA,+BAA+B,EAAE,wDAAwD;AACzFC,EAAAA,+BAA+B,EAAE,uDAAuD;AAExFC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,yBAAyB,EAAE,oDAAoD;AAC/EC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,4BAA4B,EAAE,uDAAuD;AACrFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,+BAA+B,EAAE,2DAA2D;AAC5FC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,oCAAoC,EAAE,iEAAiE;AACvGC,EAAAA,+BAA+B,EAAE,4DAA4D;AAC7FC,EAAAA,6BAA6B,EAAE,wDAAwD;AACvFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,2BAA2B,EAAE,wDAAwD;AACrFC,EAAAA,wBAAwB,EAAE,mDAAmD;AAC7EC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,qBAAqB,EAAE,gDAAgD;AACvEC,EAAAA,sBAAsB,EAAE,iDAAiD;AACzEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,0BAA0B,EAAE,qDAAqD;AACjFC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,mCAAmC,EAAE,gEAAgE;AACrGC,EAAAA,oCAAoC,EAAE,iEAAiE;AACvGC,EAAAA,4BAA4B,EAAE,uDAAuD;AAErFC,EAAAA,mBAAmB,EAAE,6CAA6C;AAElEC,EAAAA,kBAAkB,EAAE,sCAAsC;AAE1DC,EAAAA,uBAAuB,EAAE,iDAAiD;AAC1EC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,2BAA2B,EAAE,sDAAsD;AACnFC,EAAAA,qCAAqC,EAAE,2DAA2D;AAClGC,EAAAA,qCAAqC,EAAE,2DAA2D;AAClGC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,0CAA0C,EAAE,iEAAiE;AAC7GC,EAAAA,+CAA+C,EAC3C,uEAAuE;AAC3EC,EAAAA,qCAAqC,EAAE,4EAA4E;AAEnH;AACAC,EAAAA,iBAAiB,EAAE,2CAA2C;AAE9DC,EAAAA,WAAW,EAAE,gCAAgC;AAE7CC,EAAAA,aAAa,EAAE,mCAAmC;AAElDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,gBAAgB,EAAE,sCAAsC;AAExDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,gBAAgB,EAAE,sCAAsC;AAExDC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,wBAAwB,EAAE,+CAA+C;AACzEC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAE9DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,qBAAqB,EAAE,4CAA4C;AACnEC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,wBAAwB,EAAE,+CAA+C;AACzEC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,YAAY,EAAE,iCAAA;AAClB;;;;;"}

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

@@ -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 ? 4 : 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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;~~AAcMA~~,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,~~EAA2FC~~,GAAG,EAAK;AAAA,EAAA,~~IAAhGC~~,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;~~IAAAC~~,~~WAAA~~,GAAAT,IAAA,~~CAAEU~~,MAAM;~~AAANA~~,~~IAAAA~~,~~MAAM~~,~~GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA;IAAEE,MAAM,GAAAX,~~IAAA,~~CAANW~~,~~MAAM~~,CAAA;~~EACnF~~,IAAAC,YAAA,GAAiCC,iBAAW,CAAC;AACzCC,MAAAA,oBAAoB,WAAAA,oBAACC,CAAAA,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAClD,QAAA,OAAOC,gBAAU,CAACH,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAC/CE,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,WAAW,EAAE,KAAA;AACjB,SAAC,CAAC,CAAA;OACL;~~AACDf~~,MAAAA,SAAS,EAATA,SAAS;~~AACTgB~~,MAAAA,IAAI,~~EAAElB~~,MAAM;~~MACZmB~~,UAAU,EAAE,CACRC,YAAgB,~~CAACd~~,~~MAAM~~,CAAC,~~EACxBe~~,UAAI,CAAC;AAAEC,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EAC1CC,WAAK,EAAE,EACPC,UAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,~~EAAE7B~~,SAAS,~~IAAA8B~~,EAAAA,CAAAA,MAAA,~~CAAOP~~,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;~~AAChD~~,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;~~IAtBMG~~,IAAI,~~GAAA5B~~,YAAA,~~CAAJ4B~~,IAAI;IAAEC,cAAc,~~GAAA7B~~,YAAA,~~CAAd6B~~,cAAc,CAAA;~~AAwB5B~~,EAAA,IAAMC,SAAS,GAAGC,oBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,~~IAAIvC~~,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,~~IAAMyC~~,kBAAkB,GAAG,~~OAAO3C~~,MAAM,KAAK,UAAU,CAAA;EAEvD,~~oBACI4C~~,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAK9C~~,IAAAA,GAAG,EAAEA,GAAI;~~AAAC+C~~,IAAAA,EAAE,EAAEN,SAAU;AAACN,IAAAA,KAAK,EAAE;AAAEa,MAAAA,QAAQ,EAAE,UAAA;AAAW,KAAA;GACxDH,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAK9C~~,IAAAA,GAAG,~~EAAE4C~~,kBAAkB,GAAGK,SAAS,GAAGV,IAAI,CAACW,YAAa;AAACC,IAAAA,OAAO,EAAER,WAAAA;AAAY,GAAA,EAC9E,~~OAAO1C~~,MAAM,KAAK,UAAU,GAAGA,MAAM,~~CAACsC~~,IAAI,CAACW,YAAmB,CAAC,~~GAAGjD~~,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;~~AACA0C~~,EAAAA,sBAAA,CAAAC,aAAA,CAACM,oBAAc,EAAKC,sBAAsB,~~CAAC/C~~,MAAM,~~EAAEmC~~,SAAS,CAAC,eACzDI,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~IAAK9C~~,GAAG,~~EAAEuC~~,IAAI,CAACe,WAAY;AAACnB,IAAAA,KAAK,EAAAoB,uCAAA,CAAAA,uCAAA,KAAOf,cAAc,CAAA,EAAA,EAAA,EAAA;~~MAAE9B~~,MAAM,EAAEA,MAAM,IAAI,IAAA;AAAI,KAAA,CAAA;~~GACzER~~,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,~~IAAMmD~~,sBAAsB,GAAG,SAAzBA,sBAAsBA,~~CACxB/C~~,MAAsC,~~EACtCmC~~,SAAiB,EACa;EAC9B,IAAI,~~CAACnC~~,MAAM,EAAE;IACT,OAAO;~~AAAEyC~~,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,~~OAAOnC~~,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;~~AAAEyC~~,MAAAA,EAAE,~~EAAEzC~~,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;~~AAAEkD~~,IAAAA,IAAI,~~EAAElD~~,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
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\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({ mainAxis: isInner ? 4 : 0, alignmentAxis: isInner ? -LIST_PADDING : 0 }),\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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,14 @@ 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 +72,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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;;;;;IAYaA,KAAqB,GAAG,SAAxBA,KAAqBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AAC5F,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRJ,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAET,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMW,iBAAiB,GAAGV,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAGC,oBAAS,EAAE,CAAA;EAC1B,IAAMC,MAAM,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAAG,cAAAA,CAAAA,CAAAA,MAAA,CAAef,YAAY,GAAG,CAAC,CAAE,CAAA;AACzD,EAAA,IAAMgB,SAAS,GAAGhB,YAAY,GAAG,CAAC,CAAA;EAElC,IAAI,CAACiB,eAAO,CAAClB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEmB,KAAK,CAAC,EAAE;AAAA,IAAA,IAAAC,WAAA,CAAA;AACvB,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,+BAAe,EAAA;MACZC,SAAS,EAAE,CAAAxB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEwB,SAAS,KAAI,aAAc;AAC5CjB,MAAAA,MAAM,EAAEK,iBAAkB;AAC1Ba,MAAAA,QAAQ,EAAEnB,YAAa;AACvBoB,MAAAA,MAAM,~~EAAE~~,~~CAAE;AACVC,MAAAA,MAAM,eACFN,~~sBAAA,CAAAC,aAAA,~~CAACM~~,SAAI,EAAA;~~AACD5B~~,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3BG,QAAAA,KAAK,EAAEA,KAAM;~~AACbyB~~,QAAAA,YAAY,~~EAAEd~~,MAAO;~~AACrBe~~,QAAAA,YAAY,~~EAAElB~~,iBAAkB;~~AAChCmB~~,QAAAA,SAAS,~~EAAEd~~,SAAU;~~QACrBe~~,SAAS,~~EAAEhC~~,IAAI,~~CAACiC~~,KAAAA;~~OACnB~~,~~CAAA~~;~~AACJ~~,KAAA,~~eAEDZ~~,sBAAA,CAAAC,aAAA,CAACY,kBAAE,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,EAAE,~~EAAErB~~,MAAO;~~MAACsB~~,SAAS,EAAA,IAAA;~~AAAChC~~,MAAAA,~~SAAS,EAAEA,SAAU;AAACiC,MAAAA,~~OAAO,EAAE,KAAA;AAAM,KAAA,EAAA,~~CAAAlB~~,WAAA,~~GACvEpB~~,IAAI,CAACmB,KAAK,MAAAC,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,~~CAAYmB~~,GAAG,CAAC,UAACC,SAAgC,EAAEC,UAAkB,EAAA;AAAA,MAAA,~~oBAClEpB~~,sBAAA,CAAAC,aAAA,CAACxB,KAAK,EAAA;~~QACF4C~~,GAAG,EAAA,EAAA,~~CAAA1B~~,MAAA,~~CAAKyB~~,UAAU,~~OAAAzB~~,MAAA,CAAIf,YAAY,CAAG;AACrCD,QAAAA,IAAI,~~EAAEwC~~,SAAU;~~AAChBvC~~,QAAAA,YAAY,EAAEgB,SAAU;AACxBf,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,~~EAAEqC~~,UAAW;~~AAClBpC~~,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;KACL,CACD,~~CACS~~,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOgB,sBAAA,CAAAC,aAAA,~~CAACM~~,SAAI,EAAA;~~AAAC5B~~,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;~~AAAC8B~~,IAAAA,SAAS,~~EAAEd~~,SAAAA;AAAU,GAAE,CAAC,CAAA;AAC3G;;;;"}
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, 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} isInnerUl 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","isInnerUl","virtual","map","innerItem","innerIndex","key"],"mappings":";;;;;;;;;;;;;;;IAYaA,KAAqB,GAAG,SAAxBA,KAAqBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AAC5F,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRJ,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAET,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMW,iBAAiB,GAAGV,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAGC,oBAAS,EAAE,CAAA;EAC1B,IAAMC,MAAM,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAAG,cAAAA,CAAAA,CAAAA,MAAA,CAAef,YAAY,GAAG,CAAC,CAAE,CAAA;AACzD,EAAA,IAAMgB,SAAS,GAAGhB,YAAY,GAAG,CAAC,CAAA;EAElC,IAAI,CAACiB,eAAO,CAAClB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEmB,KAAK,CAAC,EAAE;AAAA,IAAA,IAAAC,WAAA,CAAA;AACvB,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,+BAAe,EAAA;MACZC,SAAS,EAAE,CAAAxB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEwB,SAAS,KAAI,aAAc;AAC5CjB,MAAAA,MAAM,EAAEK,iBAAkB;AAC1Ba,MAAAA,QAAQ,EAAEnB,YAAa;AACvBoB,MAAAA,MAAM,eACFL,sBAAA,CAAAC,aAAA,CAACK,SAAI,EAAA;AACD3B,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3BG,QAAAA,KAAK,EAAEA,KAAM;AACbwB,QAAAA,YAAY,EAAEb,MAAO;AACrBc,QAAAA,YAAY,EAAEjB,iBAAkB;AAChCkB,QAAAA,SAAS,EAAEb,SAAU;QACrBc,SAAS,EAAE/B,IAAI,CAACgC,KAAAA;AAAM,OACzB,CACJ;MACDC,OAAO,EAAA,IAAA;AAAA,KAAA,eAEPZ,sBAAA,CAAAC,aAAA,CAACY,2BAAW,EAAA;AAAC7B,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC9BgB,sBAAA,CAAAC,aAAA,CAACa,kBAAE,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,EAAE,EAAEtB,MAAO;MAACuB,SAAS,EAAA,IAAA;AAACC,MAAAA,OAAO,EAAE,KAAA;AAAM,KAAA,EAAA,CAAAnB,WAAA,GACjDpB,IAAI,CAACmB,KAAK,MAAAC,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYoB,GAAG,CAAC,UAACC,SAAgC,EAAEC,UAAkB,EAAA;AAAA,MAAA,oBAClErB,sBAAA,CAAAC,aAAA,CAACxB,KAAK,EAAA;QACF6C,GAAG,EAAA,EAAA,CAAA3B,MAAA,CAAK0B,UAAU,OAAA1B,MAAA,CAAIf,YAAY,CAAG;AACrCD,QAAAA,IAAI,EAAEyC,SAAU;AAChBxC,QAAAA,YAAY,EAAEgB,SAAU;AACxBf,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,EAAEsC,UAAW;AAClBrC,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;KACL,CACD,CACK,CACA,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOgB,sBAAA,CAAAC,aAAA,CAACK,SAAI,EAAA;AAAC3B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAAC6B,IAAAA,SAAS,EAAEb,SAAAA;AAAU,GAAE,CAAC,CAAA;AAC3G;;;;"}

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

@@ -1,4 +1,4 @@
-require('./Item.styles_1fy6e2z.css');
+require('./Item.styles_80gotw.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

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

	@@ -1 +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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"}
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: 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":"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"}

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} RENAMED Viewed

@@ -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);}

package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css CHANGED Viewed

@@ -37,20 +37,20 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-.Item_styles_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);}
-.SelectAll_styles_1bpknuo_w14070q1__14b89ae5{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
-.SelectAll_styles_1bpknuo_d4ty997__14b89ae5{margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));background:var(--surface-solid-card);}
-.SelectAll_styles_1bpknuo_dxn0wk6__14b89ae5{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
+.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);}
+.SelectAll_styles_tjme4i_w14070q1__a0f87d11{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+.SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
+.SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}

package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./SelectAll.styles_1bpknuo.css');
+require('./SelectAll.styles_tjme4i.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -32,7 +32,7 @@ var DividerWrapper = /*#__PURE__*/react.styled('div')({
   "class": "d4ty997",
   propsAsIs: false
 });
-var _exp10 = function _exp10() {
+var _exp9 = function _exp9() {
   return function (_ref3) {
     var variant = _ref3.variant;
     return "var(".concat(variant === 'tight' ? Combobox_tokens.tokens.dividerMarginTopTight : Combobox_tokens.tokens.dividerMarginTop, ")");
@@ -43,7 +43,7 @@ var Divider = /*#__PURE__*/react.styled('div')({
   "class": "dxn0wk6",
   propsAsIs: false,
   vars: {
-    "dxn0wk6-0": [/*#__PURE__*/_exp10()]
+    "dxn0wk6-0": [/*#__PURE__*/_exp9()]
   }
 });