@salutejs/plasma-web 1.376.0-canary.1361.10474023235.0 → 1.376.0-canary.1373.10483327606.0
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Combobox/Combobox.config.js +1 -1
- package/components/Dropdown/Dropdown.config.js +1 -1
- package/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/components/Notification/Notification.config.js +1 -1
- package/components/Toast/Toast.config.js +4 -4
- package/components/Toolbar/Toolbar.config.js +1 -1
- package/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/{Combobox.config_1xa4b1s.css → Combobox.config_18fbty9.css} +1 -1
- package/css/cjs/components/Combobox/Combobox.css +5 -5
- package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/{es/components/Dropdown/Dropdown.config_sl4ky3.css → cjs/components/Dropdown/Dropdown.config_kvz7m2.css} +1 -1
- package/css/cjs/components/Dropdown/Dropdown.css +5 -5
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/{es/components/Dropdown/components/DropdownOld.config_11xcwfh.css → cjs/components/Dropdown/components/DropdownOld.config_1hodqch.css} +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.css +5 -5
- package/css/cjs/components/Notification/Notification.config.js +1 -1
- package/css/cjs/components/Notification/Notification.config.js.map +1 -1
- package/css/cjs/components/Notification/Notification.config_1lwgobg.css +5 -0
- package/css/cjs/components/Notification/Notification.css +5 -5
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js.map +1 -1
- package/css/cjs/components/Toast/{Toast.config_1cwp1pi.css → Toast.config_1rkhg06.css} +4 -4
- package/css/cjs/components/Toast/Toast.css +6 -6
- package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/cjs/components/Toolbar/{Toolbar.config_1yum23z.css → Toolbar.config_hdv953.css} +1 -1
- package/css/cjs/components/Toolbar/Toolbar.css +5 -5
- package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/cjs/components/Tooltip/{Tooltip.config_1enkpml.css → Tooltip.config_186fmt6.css} +1 -1
- package/css/cjs/components/Tooltip/Tooltip.css +3 -3
- package/css/cjs/index.css +36 -36
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/{Combobox.config_1xa4b1s.css → Combobox.config_18fbty9.css} +1 -1
- package/css/es/components/Combobox/Combobox.css +5 -5
- package/css/es/components/Dropdown/Dropdown.config.js +1 -1
- package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/{cjs/components/Dropdown/Dropdown.config_sl4ky3.css → es/components/Dropdown/Dropdown.config_kvz7m2.css} +1 -1
- package/css/es/components/Dropdown/Dropdown.css +5 -5
- package/css/es/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/es/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/{cjs/components/Dropdown/components/DropdownOld.config_11xcwfh.css → es/components/Dropdown/components/DropdownOld.config_1hodqch.css} +1 -1
- package/css/es/components/Dropdown/components/DropdownPopup.css +5 -5
- package/css/es/components/Notification/Notification.config.js +1 -1
- package/css/es/components/Notification/Notification.config.js.map +1 -1
- package/css/es/components/Notification/Notification.config_1lwgobg.css +5 -0
- package/css/es/components/Notification/Notification.css +5 -5
- package/css/es/components/Toast/Toast.config.js +1 -1
- package/css/es/components/Toast/Toast.config.js.map +1 -1
- package/css/es/components/Toast/{Toast.config_1cwp1pi.css → Toast.config_1rkhg06.css} +4 -4
- package/css/es/components/Toast/Toast.css +6 -6
- package/css/es/components/Toolbar/Toolbar.config.js +1 -1
- package/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/es/components/Toolbar/{Toolbar.config_1yum23z.css → Toolbar.config_hdv953.css} +1 -1
- package/css/es/components/Toolbar/Toolbar.css +5 -5
- package/css/es/components/Tooltip/Tooltip.config.js +1 -1
- package/css/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/es/components/Tooltip/{Tooltip.config_1enkpml.css → Tooltip.config_186fmt6.css} +1 -1
- package/css/es/components/Tooltip/Tooltip.css +3 -3
- package/css/es/index.css +36 -36
- package/es/components/Combobox/Combobox.config.js +1 -1
- package/es/components/Dropdown/Dropdown.config.js +1 -1
- package/es/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/es/components/Notification/Notification.config.js +1 -1
- package/es/components/Toast/Toast.config.js +4 -4
- package/es/components/Toolbar/Toolbar.config.js +1 -1
- package/es/components/Tooltip/Tooltip.config.js +1 -1
- package/package.json +11 -11
- package/css/cjs/components/Notification/Notification.config_17hqtvy.css +0 -5
- package/css/es/components/Notification/Notification.config_17hqtvy.css +0 -5
@@ -20,7 +20,7 @@ var config = exports.config = {
|
|
20
20
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": auto;\n ", ": 0.875rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.063rem;\n ", ": 0;\n ", ": 1rem;\n ", ": 0;\n ", ": 1rem;\n\n ", ": auto;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1rem;\n ", ": 3.5rem;\n ", ": 100%;\n ", ": 0.875rem;\n ", ": 0 3.5rem 0 1.5rem;\n ", ": 0 3.625rem 0 0.375rem;\n ", ": 0 3.625rem 0 0.625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.comboboxTokens.width, _styledComponents.comboboxTokens.height, _styledComponents.comboboxTokens.borderRadius, _styledComponents.comboboxTokens.paddingTop, _styledComponents.comboboxTokens.paddingRight, _styledComponents.comboboxTokens.paddingBottom, _styledComponents.comboboxTokens.paddingLeft, _styledComponents.comboboxTokens.dividerColor, _styledComponents.comboboxTokens.dividerHeight, _styledComponents.comboboxTokens.dividerMarginTop, _styledComponents.comboboxTokens.dividerMarginRight, _styledComponents.comboboxTokens.dividerMarginBottom, _styledComponents.comboboxTokens.dividerMarginLeft, _styledComponents.comboboxTokens.itemWidth, _styledComponents.comboboxTokens.itemHeight, _styledComponents.comboboxTokens.itemPaddingTop, _styledComponents.comboboxTokens.itemPaddingRight, _styledComponents.comboboxTokens.itemPaddingBottom, _styledComponents.comboboxTokens.itemPaddingLeft, _styledComponents.comboboxTokens.itemBorderRadius, _styledComponents.comboboxTokens.itemContentLeftWidth, _styledComponents.comboboxTokens.itemFontFamily, _styledComponents.comboboxTokens.itemFontSize, _styledComponents.comboboxTokens.itemFontStyle, _styledComponents.comboboxTokens.itemFontWeightBold, _styledComponents.comboboxTokens.itemFontLetterSpacing, _styledComponents.comboboxTokens.itemFontLineHeight, _styledComponents.comboboxTokens.chipGap, _styledComponents.comboboxTokens.chipBorderRadius, _styledComponents.comboboxTokens.chipWidth, _styledComponents.comboboxTokens.chipHeight, _styledComponents.comboboxTokens.chipPaddingRight, _styledComponents.comboboxTokens.chipPaddingLeft, _styledComponents.comboboxTokens.chipClearContentMarginLeft, _styledComponents.comboboxTokens.chipClearContentMarginRight, _styledComponents.comboboxTokens.chipCloseIconSize, _styledComponents.comboboxTokens.chipFontFamily, _styledComponents.comboboxTokens.chipFontSize, _styledComponents.comboboxTokens.chipFontStyle, _styledComponents.comboboxTokens.chipFontWeight, _styledComponents.comboboxTokens.chipLetterSpacing, _styledComponents.comboboxTokens.chipLineHeight, _styledComponents.comboboxTokens.targetArrowRight, _styledComponents.comboboxTokens.targetHeight, _styledComponents.comboboxTokens.targetWidth, _styledComponents.comboboxTokens.targetRadius, _styledComponents.comboboxTokens.targetPadding, _styledComponents.comboboxTokens.targetPaddingHasChips, _styledComponents.comboboxTokens.targetPaddingWithInput, _styledComponents.comboboxTokens.targetInnerTop, _styledComponents.comboboxTokens.targetLabelInnerTop, _styledComponents.comboboxTokens.targetFontFamily, _styledComponents.comboboxTokens.targetFontSize, _styledComponents.comboboxTokens.targetFontStyle, _styledComponents.comboboxTokens.targetFontWeight, _styledComponents.comboboxTokens.targetLetterSpacing, _styledComponents.comboboxTokens.targetLineHeight, _styledComponents.comboboxTokens.targetLabelInnerFontFamily, _styledComponents.comboboxTokens.targetLabelInnerFontSize, _styledComponents.comboboxTokens.targetLabelInnerFontStyle, _styledComponents.comboboxTokens.targetLabelInnerFontWeight, _styledComponents.comboboxTokens.targetLabelInnerLetterSpacing, _styledComponents.comboboxTokens.targetLabelInnerLineHeight)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: \u0417\u0430\u0431\u0438\u0440\u0430\u0442\u044C \u0438\u0437 \u0442\u043E\u043A\u0435\u043D\u0430 --shadow-down-soft-s */\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), _styledComponents.comboboxTokens.targetColor, _styledComponents.comboboxTokens.targetLabelColor, _styledComponents.comboboxTokens.targetArrowColor, _styledComponents.comboboxTokens.targetBorderColor, _styledComponents.comboboxTokens.targetBorderColorHover, _styledComponents.comboboxTokens.targetBorderColorActive, _styledComponents.comboboxTokens.targetBorderColorOpen, _styledComponents.comboboxTokens.background, _styledComponents.comboboxTokens.boxShadow, _styledComponents.comboboxTokens.itemBackground, _styledComponents.comboboxTokens.itemBackgroundHover, _styledComponents.comboboxTokens.itemBackgroundSelectedHover, _styledComponents.comboboxTokens.itemColor, _styledComponents.comboboxTokens.itemContentLeftColor, _styledComponents.comboboxTokens.chipCloseIconColor, _styledComponents.comboboxTokens.chipColor, _styledComponents.comboboxTokens.chipBackground, _styledComponents.comboboxTokens.chipColorHover, _styledComponents.comboboxTokens.chipBackgroundHover, _styledComponents.comboboxTokens.chipColorActive, _styledComponents.comboboxTokens.chipBackgroundActive, _styledComponents.comboboxTokens.chipBackgroundReadOnly, _styledComponents.comboboxTokens.chipColorReadOnly, _styledComponents.comboboxTokens.chipBackgroundReadOnlyHover, _styledComponents.comboboxTokens.chipColorReadOnlyHover, _styledComponents.comboboxTokens.chipOpacityReadonly, _styledComponents.comboboxTokens.disabledOpacity, _styledComponents.comboboxTokens.focusColor)
|
24
24
|
}
|
25
25
|
}
|
26
26
|
};
|
@@ -20,7 +20,7 @@ var config = exports.config = {
|
|
20
20
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.8125rem;\n ", ": 0.8125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemPaddingTop, _styledComponents.dropdownTokens.itemPaddingRight, _styledComponents.dropdownTokens.itemPaddingBottom, _styledComponents.dropdownTokens.itemPaddingLeft, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.itemPaddingTopTight, _styledComponents.dropdownTokens.itemPaddingBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-card
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-card);\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n "])), _styledComponents.dropdownTokens.disabledOpacity, _styledComponents.dropdownTokens.focusColor, _styledComponents.dropdownTokens.background, _styledComponents.dropdownTokens.boxShadow, _styledComponents.dropdownTokens.disclosureIconColor, _styledComponents.dropdownTokens.itemBackground, _styledComponents.dropdownTokens.itemBackgroundHover, _styledComponents.dropdownTokens.itemColor)
|
24
24
|
}
|
25
25
|
}
|
26
26
|
};
|
@@ -22,7 +22,7 @@ var config = exports.config = {
|
|
22
22
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), dropdownSizeCommon, dropdownItemSizeCommon, _styledComponents.dropdownOldTokens.itemPaddingTop, _styledComponents.dropdownOldTokens.itemPaddingRight, _styledComponents.dropdownOldTokens.itemPaddingBottom, _styledComponents.dropdownOldTokens.itemPaddingLeft, _styledComponents.dropdownOldTokens.itemBorderRadius, _styledComponents.dropdownOldTokens.itemFontFamily, _styledComponents.dropdownOldTokens.itemFontSize, _styledComponents.dropdownOldTokens.itemFontStyle, _styledComponents.dropdownOldTokens.itemFontWeightBold, _styledComponents.dropdownOldTokens.itemFontLetterSpacing, _styledComponents.dropdownOldTokens.itemFontLineHeight)
|
23
23
|
},
|
24
24
|
view: {
|
25
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-solid-card
|
25
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-solid-card);\n // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": var(--text-primary);\n "])), _styledComponents.dropdownOldTokens.disabledOpacity, _styledComponents.dropdownOldTokens.background, _styledComponents.dropdownOldTokens.boxShadow, _styledComponents.dropdownOldTokens.itemBackground, _styledComponents.dropdownOldTokens.itemBackgroundHover, _styledComponents.dropdownOldTokens.itemBackgroundSelected, _styledComponents.dropdownOldTokens.itemColorSelected, _styledComponents.dropdownOldTokens.itemBackgroundSelectedHover, _styledComponents.dropdownOldTokens.itemColorSelectedHover, _styledComponents.dropdownOldTokens.itemColor)
|
26
26
|
}
|
27
27
|
}
|
28
28
|
};
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--plasma-colors-background-primary);\n ", ": 0.75rem;\n ", ": 0.375rem;\n\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0.1875rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n\n ", ": 1.625rem;\n ", ": 0.25rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n\n ", ": 1.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-colors-tertiary);\n ", ": var(--plasma-colors-primary);\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n "])), _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
|
17
17
|
},
|
18
18
|
layout: {
|
19
19
|
horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 25rem;\n ", ": 1rem 0.5rem 1rem 0.875rem;\n "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.horizontalLayoutPadding),
|
@@ -14,14 +14,14 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
18
18
|
/**
|
19
19
|
* @deprecated
|
20
20
|
* использовать `default`
|
21
21
|
*/
|
22
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card
|
23
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-
|
24
|
-
light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary
|
22
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
23
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
|
24
|
+
light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
|
25
25
|
},
|
26
26
|
size: {
|
27
27
|
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--surface-solid-card
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--surface-solid-card);\n\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.toolbarTokens.boxShadow, _styledComponents.toolbarTokens.background, _styledComponents.toolbarTokens.dividerColor)
|
18
18
|
},
|
19
19
|
size: {
|
20
20
|
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n "])), _styledComponents.toolbarTokens.size, _styledComponents.toolbarTokens.padding, _styledComponents.toolbarTokens.borderRadius, _styledComponents.toolbarTokens.dividerSize, _styledComponents.toolbarTokens.dividerOffset, _styledComponents.toolbarTokens.dividerBorderRadius),
|
@@ -19,7 +19,7 @@ var config = exports.config = {
|
|
19
19
|
},
|
20
20
|
view: {
|
21
21
|
// TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-background-primary);\n ", ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ", ": var(--plasma-colors-primary);\n "])), _styledComponents.tooltipTokens.backgroundColor, _styledComponents.tooltipTokens.boxShadow, _styledComponents.tooltipTokens.color)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.config.js","sources":["../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.5rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.5rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.375rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.5rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.375rem;\n ${comboboxTokens.itemBorderRadius}: 0.375rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.25rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.125rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.375rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.25rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.5rem;\n ${comboboxTokens.targetHeight}: 2rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.5rem;\n ${comboboxTokens.targetPadding}: 0 2.5rem 0 0.75rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.625rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.75rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.75rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.75rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.75rem;\n ${comboboxTokens.itemBorderRadius}: 0.5rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.25rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.5rem;\n ${comboboxTokens.chipPaddingLeft}: 0.75rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.375rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.75rem;\n ${comboboxTokens.targetHeight}: 2.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.625rem;\n ${comboboxTokens.targetPadding}: 0 3rem 0 1rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.75rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.875rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.875rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.75rem;\n ${comboboxTokens.itemPaddingRight}: 0.875rem;\n ${comboboxTokens.itemPaddingBottom}: 0.75rem;\n ${comboboxTokens.itemPaddingLeft}: 0.875rem;\n ${comboboxTokens.itemBorderRadius}: 0.625rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.375rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.875rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.5rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.875rem;\n ${comboboxTokens.targetHeight}: 3rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.75rem;\n ${comboboxTokens.targetPadding}: 0 3.25rem 0 1.25rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.875rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 1rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 1rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 1rem;\n ${comboboxTokens.itemPaddingRight}: 1rem;\n ${comboboxTokens.itemPaddingBottom}: 1rem;\n ${comboboxTokens.itemPaddingLeft}: 1rem;\n ${comboboxTokens.itemBorderRadius}: 0.75rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.875rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.5rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.75rem;\n ${comboboxTokens.chipPaddingLeft}: 1rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 1rem;\n ${comboboxTokens.targetHeight}: 3.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.875rem;\n ${comboboxTokens.targetPadding}: 0 3.5rem 0 1.5rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n view: {\n default: css`\n ${comboboxTokens.targetColor}: var(--text-primary);\n ${comboboxTokens.targetLabelColor}: var(--text-secondary);\n ${comboboxTokens.targetArrowColor}: var(--text-secondary);\n ${comboboxTokens.targetBorderColor}: var(--text-tertiary);\n ${comboboxTokens.targetBorderColorHover}: var(--text-tertiary-hover);\n ${comboboxTokens.targetBorderColorActive}: var(--text-tertiary-active);\n ${comboboxTokens.targetBorderColorOpen}: var(--text-accent);\n\n ${comboboxTokens.background}: var(--surface-solid-card-brightness);\n ${comboboxTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */\n\n ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent);\n ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemColor}: var(--text-primary);\n ${comboboxTokens.itemContentLeftColor}: var(--text-accent);\n\n ${comboboxTokens.chipCloseIconColor}: var(--text-secondary);\n ${comboboxTokens.chipColor}: var(--text-primary);\n ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorHover}: var(--text-primary);\n ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${comboboxTokens.chipColorActive}: var(--text-primary);\n ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnly}: var(--text-primary);\n ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnlyHover}: var(--text-primary);\n ${comboboxTokens.chipOpacityReadonly}: 0.72;\n\n ${comboboxTokens.disabledOpacity}: 0.4;\n ${comboboxTokens.focusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAqEJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,UAAA;AAkCX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Combobox.config.js","sources":["../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.5rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.5rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.375rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.5rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.375rem;\n ${comboboxTokens.itemBorderRadius}: 0.375rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.25rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.125rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.375rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.25rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.5rem;\n ${comboboxTokens.targetHeight}: 2rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.5rem;\n ${comboboxTokens.targetPadding}: 0 2.5rem 0 0.75rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 2.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 2.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.625rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.75rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.75rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.5rem;\n ${comboboxTokens.itemPaddingRight}: 0.75rem;\n ${comboboxTokens.itemPaddingBottom}: 0.5rem;\n ${comboboxTokens.itemPaddingLeft}: 0.75rem;\n ${comboboxTokens.itemBorderRadius}: 0.5rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.25rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 1.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.5rem;\n ${comboboxTokens.chipPaddingLeft}: 0.75rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.375rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 0.75rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.75rem;\n ${comboboxTokens.targetHeight}: 2.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.625rem;\n ${comboboxTokens.targetPadding}: 0 3rem 0 1rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.125rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.125rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-s-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.75rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 0.875rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 0.875rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 0.75rem;\n ${comboboxTokens.itemPaddingRight}: 0.875rem;\n ${comboboxTokens.itemPaddingBottom}: 0.75rem;\n ${comboboxTokens.itemPaddingLeft}: 0.875rem;\n ${comboboxTokens.itemBorderRadius}: 0.625rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.75rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.375rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.25rem;\n ${comboboxTokens.chipPaddingRight}: 0.875rem;\n ${comboboxTokens.chipPaddingLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.5rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 0.875rem;\n ${comboboxTokens.targetHeight}: 3rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.75rem;\n ${comboboxTokens.targetPadding}: 0 3.25rem 0 1.25rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.375rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.375rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-m-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n l: css`\n ${comboboxTokens.width}: 100%;\n ${comboboxTokens.height}: auto;\n ${comboboxTokens.borderRadius}: 0.875rem;\n ${comboboxTokens.paddingTop}: 0.125rem;\n ${comboboxTokens.paddingRight}: 0.125rem;\n ${comboboxTokens.paddingBottom}: 0.125rem;\n ${comboboxTokens.paddingLeft}: 0.125rem;\n\n ${comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${comboboxTokens.dividerHeight}: 0.063rem;\n ${comboboxTokens.dividerMarginTop}: 0;\n ${comboboxTokens.dividerMarginRight}: 1rem;\n ${comboboxTokens.dividerMarginBottom}: 0;\n ${comboboxTokens.dividerMarginLeft}: 1rem;\n\n ${comboboxTokens.itemWidth}: auto;\n ${comboboxTokens.itemHeight}: 1.5rem;\n ${comboboxTokens.itemPaddingTop}: 1rem;\n ${comboboxTokens.itemPaddingRight}: 1rem;\n ${comboboxTokens.itemPaddingBottom}: 1rem;\n ${comboboxTokens.itemPaddingLeft}: 1rem;\n ${comboboxTokens.itemBorderRadius}: 0.75rem;\n ${comboboxTokens.itemContentLeftWidth}: 1.875rem;\n ${comboboxTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${comboboxTokens.chipGap}: 0.25rem;\n ${comboboxTokens.chipBorderRadius}: 0.5rem;\n ${comboboxTokens.chipWidth}: auto;\n ${comboboxTokens.chipHeight}: 2.75rem;\n ${comboboxTokens.chipPaddingRight}: 0.75rem;\n ${comboboxTokens.chipPaddingLeft}: 1rem;\n ${comboboxTokens.chipClearContentMarginLeft}: 0.625rem;\n ${comboboxTokens.chipClearContentMarginRight}: 0rem;\n ${comboboxTokens.chipCloseIconSize}: 1rem;\n ${comboboxTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${comboboxTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${comboboxTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${comboboxTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${comboboxTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${comboboxTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${comboboxTokens.targetArrowRight}: 1rem;\n ${comboboxTokens.targetHeight}: 3.5rem;\n ${comboboxTokens.targetWidth}: 100%;\n ${comboboxTokens.targetRadius}: 0.875rem;\n ${comboboxTokens.targetPadding}: 0 3.5rem 0 1.5rem;\n ${comboboxTokens.targetPaddingHasChips}: 0 3.625rem 0 0.375rem;\n ${comboboxTokens.targetPaddingWithInput}: 0 3.625rem 0 0.625rem;\n ${comboboxTokens.targetInnerTop}: 0.5rem;\n ${comboboxTokens.targetLabelInnerTop}: 0.375rem;\n ${comboboxTokens.targetFontFamily}: var(--plasma-typo-body-l-font-family);\n ${comboboxTokens.targetFontSize}: var(--plasma-typo-body-l-font-size);\n ${comboboxTokens.targetFontStyle}: var(--plasma-typo-body-l-font-style);\n ${comboboxTokens.targetFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${comboboxTokens.targetLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${comboboxTokens.targetLineHeight}: var(--plasma-typo-body-l-line-height);\n ${comboboxTokens.targetLabelInnerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${comboboxTokens.targetLabelInnerFontSize}: var(--plasma-typo-body-s-font-size);\n ${comboboxTokens.targetLabelInnerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${comboboxTokens.targetLabelInnerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${comboboxTokens.targetLabelInnerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${comboboxTokens.targetLabelInnerLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n view: {\n default: css`\n ${comboboxTokens.targetColor}: var(--text-primary);\n ${comboboxTokens.targetLabelColor}: var(--text-secondary);\n ${comboboxTokens.targetArrowColor}: var(--text-secondary);\n ${comboboxTokens.targetBorderColor}: var(--text-tertiary);\n ${comboboxTokens.targetBorderColorHover}: var(--text-tertiary-hover);\n ${comboboxTokens.targetBorderColorActive}: var(--text-tertiary-active);\n ${comboboxTokens.targetBorderColorOpen}: var(--text-accent);\n\n ${comboboxTokens.background}: var(--surface-solid-card);\n ${comboboxTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */\n\n ${comboboxTokens.itemBackground}: var(--plasma-colors-transparent);\n ${comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemBackgroundSelectedHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.itemColor}: var(--text-primary);\n ${comboboxTokens.itemContentLeftColor}: var(--text-accent);\n\n ${comboboxTokens.chipCloseIconColor}: var(--text-secondary);\n ${comboboxTokens.chipColor}: var(--text-primary);\n ${comboboxTokens.chipBackground}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorHover}: var(--text-primary);\n ${comboboxTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${comboboxTokens.chipColorActive}: var(--text-primary);\n ${comboboxTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${comboboxTokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnly}: var(--text-primary);\n ${comboboxTokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${comboboxTokens.chipColorReadOnlyHover}: var(--text-primary);\n ${comboboxTokens.chipOpacityReadonly}: 0.72;\n\n ${comboboxTokens.disabledOpacity}: 0.4;\n ${comboboxTokens.focusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAoED,UAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAoEA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAqEJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,UAAA;AAkCX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/css/cjs/components/Combobox/{Combobox.config_1xa4b1s.css → Combobox.config_18fbty9.css}
RENAMED
@@ -2,4 +2,4 @@
|
|
2
2
|
.s953oeh{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.75rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.75rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.25rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.75rem;--plasma-combobox-chip-padding-right:0.5rem;--plasma-combobox-chip-padding-left:0.75rem;--plasma-combobox-chip-clear-content-margin-left:0.375rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-arrow-right:0.75rem;--plasma-combobox-target-height:2.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.625rem;--plasma-combobox-target-padding:0 3rem 0 1rem;--plasma-combobox-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
|
3
3
|
.mcllkda{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.75rem;--plasma-combobox-item-padding-right:0.875rem;--plasma-combobox-item-padding-bottom:0.75rem;--plasma-combobox-item-padding-left:0.875rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.375rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.25rem;--plasma-combobox-chip-padding-right:0.875rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.5rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:0.875rem;--plasma-combobox-target-height:3rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.75rem;--plasma-combobox-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
4
4
|
.l1ioh6mq{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:1rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:1rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:1rem;--plasma-combobox-item-padding-right:1rem;--plasma-combobox-item-padding-bottom:1rem;--plasma-combobox-item-padding-left:1rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-content-left-width:1.875rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.5rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.75rem;--plasma-combobox-chip-padding-right:0.75rem;--plasma-combobox-chip-padding-left:1rem;--plasma-combobox-chip-clear-content-margin-left:0.625rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:1rem;--plasma-combobox-target-height:3.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.875rem;--plasma-combobox-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
-
.d1jkqh6u{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card
|
5
|
+
.d1jkqh6u{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card);--plasma-combobox-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-item-background:var(--plasma-colors-transparent);--plasma-combobox-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-item-color:var(--text-primary);--plasma-combobox-item-content-left-color:var(--text-accent);--plasma-combobox-chip-close-icon-color:var(--text-secondary);--plasma-combobox-chip-color:var(--text-primary);--plasma-combobox-chip-background:var(--surface-transparent-secondary);--plasma-combobox-chip-color-hover:var(--text-primary);--plasma-combobox-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-chip-color-active:var(--text-primary);--plasma-combobox-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly:var(--text-primary);--plasma-combobox-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-chip-opacity-readonly:0.72;--plasma-combobox-disabled-opacity:0.4;--plasma-combobox-focus-color:var(--surface-accent);}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.Combobox_config_18fbty9_x1scuc1k__e7fed6ce{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.5rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.5rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.375rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.5rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.375rem;--plasma-combobox-item-border-radius:0.375rem;--plasma-combobox-item-content-left-width:1.25rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.125rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.25rem;--plasma-combobox-chip-padding-right:0.375rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.25rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-arrow-right:0.5rem;--plasma-combobox-target-height:2rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.5rem;--plasma-combobox-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
2
|
+
.Combobox_config_18fbty9_s953oeh__e7fed6ce{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.5rem;--plasma-combobox-item-padding-right:0.75rem;--plasma-combobox-item-padding-bottom:0.5rem;--plasma-combobox-item-padding-left:0.75rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.25rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:1.75rem;--plasma-combobox-chip-padding-right:0.5rem;--plasma-combobox-chip-padding-left:0.75rem;--plasma-combobox-chip-clear-content-margin-left:0.375rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:0.75rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-arrow-right:0.75rem;--plasma-combobox-target-height:2.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.625rem;--plasma-combobox-target-padding:0 3rem 0 1rem;--plasma-combobox-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
|
3
|
+
.Combobox_config_18fbty9_mcllkda__e7fed6ce{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:0.75rem;--plasma-combobox-item-padding-right:0.875rem;--plasma-combobox-item-padding-bottom:0.75rem;--plasma-combobox-item-padding-left:0.875rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-content-left-width:1.75rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.375rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.25rem;--plasma-combobox-chip-padding-right:0.875rem;--plasma-combobox-chip-padding-left:0.625rem;--plasma-combobox-chip-clear-content-margin-left:0.5rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:0.875rem;--plasma-combobox-target-height:3rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.75rem;--plasma-combobox-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
4
|
+
.Combobox_config_18fbty9_l1ioh6mq__e7fed6ce{--plasma-combobox-width:100%;--plasma-combobox-height:auto;--plasma-combobox-border-radius:0.875rem;--plasma-combobox-padding-top:0.125rem;--plasma-combobox-padding-right:0.125rem;--plasma-combobox-padding-bottom:0.125rem;--plasma-combobox-padding-left:0.125rem;--plasma-combobox-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-divider-height:0.063rem;--plasma-combobox-divider-margin-top:0;--plasma-combobox-divider-margin-right:1rem;--plasma-combobox-divider-margin-bottom:0;--plasma-combobox-divider-margin-left:1rem;--plasma-combobox-item-width:auto;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding-top:1rem;--plasma-combobox-item-padding-right:1rem;--plasma-combobox-item-padding-bottom:1rem;--plasma-combobox-item-padding-left:1rem;--plasma-combobox-item-border-radius:0.75rem;--plasma-combobox-item-content-left-width:1.875rem;--plasma-combobox-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-combobox-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-combobox-chip-gap:0.25rem;--plasma-combobox-chip-border-radius:0.5rem;--plasma-combobox-chip-width:auto;--plasma-combobox-chip-height:2.75rem;--plasma-combobox-chip-padding-right:0.75rem;--plasma-combobox-chip-padding-left:1rem;--plasma-combobox-chip-clear-content-margin-left:0.625rem;--plasma-combobox-chip-clear-content-margin-right:0rem;--plasma-combobox-chip-close-icon-size:1rem;--plasma-combobox-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-target-arrow-right:1rem;--plasma-combobox-target-height:3.5rem;--plasma-combobox-target-width:100%;--plasma-combobox-target-radius:0.875rem;--plasma-combobox-target-padding:0 3.5rem 0 1.5rem;--plasma-combobox-target-padding-has-chips:0 3.625rem 0 0.375rem;--plasma-combobox-target-with-input:0 3.625rem 0 0.625rem;--plasma-combobox-target-inner-top:0.5rem;--plasma-combobox-target-label-inner-top:0.375rem;--plasma-combobox-target-font-family:var(--plasma-typo-body-l-font-family);--plasma-combobox-target-font-size:var(--plasma-typo-body-l-font-size);--plasma-combobox-target-font-style:var(--plasma-typo-body-l-font-style);--plasma-combobox-target-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-combobox-target-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-combobox-target-line-height:var(--plasma-typo-body-l-line-height);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-target-label-inner-font-family:var(--plasma-typo-body-s-font-size);--plasma-combobox-target-label-inner-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-target-label-inner-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-target-label-inner-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-target-label-inner-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
+
.Combobox_config_18fbty9_d1jkqh6u__e7fed6ce{--plasma-combobox-target-color:var(--text-primary);--plasma-combobox-target-label-color:var(--text-secondary);--plasma-combobox-target-arrow-color:var(--text-secondary);--plasma-combobox-target-border-color:var(--text-tertiary);--plasma-combobox-target-border-color-hover:var(--text-tertiary-hover);--plasma-combobox-target-border-color-active:var(--text-tertiary-active);--plasma-combobox-target-border-color-open:var(--text-accent);--plasma-combobox-background:var(--surface-solid-card);--plasma-combobox-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-combobox-item-background:var(--plasma-colors-transparent);--plasma-combobox-item-background-hover:var(--surface-transparent-secondary);--plasma-combobox-item-background-selected-hover:var(--surface-transparent-secondary);--plasma-combobox-item-color:var(--text-primary);--plasma-combobox-item-content-left-color:var(--text-accent);--plasma-combobox-chip-close-icon-color:var(--text-secondary);--plasma-combobox-chip-color:var(--text-primary);--plasma-combobox-chip-background:var(--surface-transparent-secondary);--plasma-combobox-chip-color-hover:var(--text-primary);--plasma-combobox-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-combobox-chip-color-active:var(--text-primary);--plasma-combobox-chip-background-active:var(--surface-transparent-secondary-active);--plasma-combobox-chip-background-readonly:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly:var(--text-primary);--plasma-combobox-chip-background-readonly-hover:var(--surface-transparent-secondary);--plasma-combobox-chip-color-readonly-hover:var(--text-primary);--plasma-combobox-chip-opacity-readonly:0.72;--plasma-combobox-disabled-opacity:0.4;--plasma-combobox-focus-color:var(--surface-accent);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 10rem;\n ${dropdownTokens.borderRadius}: 0.5rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 12.5rem;\n ${dropdownTokens.borderRadius}: 0.625rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 15rem;\n ${dropdownTokens.borderRadius}: 0.75rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 17.5rem;\n ${dropdownTokens.borderRadius}: 0.875rem;\n\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.focusColor}: var(--surface-accent);\n ${dropdownTokens.background}: var(--surface-solid-card
|
1
|
+
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 10rem;\n ${dropdownTokens.borderRadius}: 0.5rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 12.5rem;\n ${dropdownTokens.borderRadius}: 0.625rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 15rem;\n ${dropdownTokens.borderRadius}: 0.75rem;\n\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownTokens.padding}: 0.125rem;\n ${dropdownTokens.width}: 17.5rem;\n ${dropdownTokens.borderRadius}: 0.875rem;\n\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.focusColor}: var(--surface-accent);\n ${dropdownTokens.background}: var(--surface-solid-card);\n ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${dropdownTokens.disclosureIconColor}: var(--text-secondary);\n ${dropdownTokens.itemBackground}: var(--surface-clear);\n ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${dropdownTokens.itemColor}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAoBJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAUX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -2,4 +2,4 @@
|
|
2
2
|
.sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
3
|
.m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
4
|
.lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
-
.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card
|
5
|
+
.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.Dropdown_config_kvz7m2_xuajbqv__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
2
|
+
.Dropdown_config_kvz7m2_sxwpid0__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
|
+
.Dropdown_config_kvz7m2_m12u1ccx__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.Dropdown_config_kvz7m2_lj8enjv__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
+
.Dropdown_config_kvz7m2_da0vaum__bbff8456{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownOld.config.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownOld.config.ts"],"sourcesContent":["import { css, dropdownOldTokens as dropdownTokens } from '@salutejs/plasma-new-hope';\n\nconst dropdownSizeCommon = `\n ${dropdownTokens.width}: 100%;\n ${dropdownTokens.height}: auto;\n ${dropdownTokens.borderRadius}: 0.5rem;\n ${dropdownTokens.paddingTop}: 0.125rem;\n ${dropdownTokens.paddingRight}: 0.0625rem;\n ${dropdownTokens.paddingBottom}: 0.125rem;\n ${dropdownTokens.paddingLeft}: 0.125rem;\n`;\n\nconst dropdownItemSizeCommon = `\n ${dropdownTokens.itemWidth}: auto;\n ${dropdownTokens.itemHeight}: auto;\n ${dropdownTokens.itemMarginTop}: 0;\n ${dropdownTokens.itemMarginRight}: 0;\n ${dropdownTokens.itemMarginBottom}: 0;\n ${dropdownTokens.itemMarginLeft}: 0;\n`;\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.background}: var(--surface-solid-card
|
1
|
+
{"version":3,"file":"DropdownOld.config.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownOld.config.ts"],"sourcesContent":["import { css, dropdownOldTokens as dropdownTokens } from '@salutejs/plasma-new-hope';\n\nconst dropdownSizeCommon = `\n ${dropdownTokens.width}: 100%;\n ${dropdownTokens.height}: auto;\n ${dropdownTokens.borderRadius}: 0.5rem;\n ${dropdownTokens.paddingTop}: 0.125rem;\n ${dropdownTokens.paddingRight}: 0.0625rem;\n ${dropdownTokens.paddingBottom}: 0.125rem;\n ${dropdownTokens.paddingLeft}: 0.125rem;\n`;\n\nconst dropdownItemSizeCommon = `\n ${dropdownTokens.itemWidth}: auto;\n ${dropdownTokens.itemHeight}: auto;\n ${dropdownTokens.itemMarginTop}: 0;\n ${dropdownTokens.itemMarginRight}: 0;\n ${dropdownTokens.itemMarginBottom}: 0;\n ${dropdownTokens.itemMarginLeft}: 0;\n`;\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n ${dropdownTokens.itemPaddingRight}: 0.5rem;\n ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n ${dropdownTokens.itemBorderRadius}: 0.375rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n ${dropdownTokens.itemPaddingRight}: 0.75rem;\n ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n ${dropdownTokens.itemBorderRadius}: 0.5rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 0.875rem;\n ${dropdownTokens.itemPaddingRight}: 0.875rem;\n ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n ${dropdownTokens.itemBorderRadius}: 0.625rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${dropdownSizeCommon};\n\n ${dropdownItemSizeCommon};\n ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n ${dropdownTokens.itemPaddingRight}: 1rem;\n ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n ${dropdownTokens.itemPaddingLeft}: 1rem;\n ${dropdownTokens.itemBorderRadius}: 0.75rem;\n\n ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n view: {\n default: css`\n ${dropdownTokens.disabledOpacity}: 0.4;\n ${dropdownTokens.background}: var(--surface-solid-card);\n // TODO: #1131 Вернуть токен --shadow-down-soft-s\n ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n ${dropdownTokens.itemBackground}: var(--plasma-colors-transparent);\n ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${dropdownTokens.itemBackgroundSelected}: inherit;\n ${dropdownTokens.itemColorSelected}: inherit;\n ${dropdownTokens.itemBackgroundSelectedHover}: inherit;\n ${dropdownTokens.itemColorSelectedHover}: inherit;\n ${dropdownTokens.itemColor}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAqBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAiBJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,UAAA;AAcX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -2,4 +2,4 @@
|
|
2
2
|
.s1vd6y5w{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
3
|
.m10ep19h{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
4
|
.lq36nb2{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
-
.d148hya0{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-background:var(--surface-solid-card
|
5
|
+
.d148hya0{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-item-background:var(--plasma-colors-transparent);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-background-selected:inherit;--plasma-dropdown-item-color-selected:inherit;--plasma-dropdown-item-background-selected-hover:inherit;--plasma-dropdown-item-color-selected-hover:inherit;--plasma-dropdown-item-color:var(--text-primary);}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.DropdownOld_config_1hodqch_xy53zv1__8b304804{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
2
|
+
.DropdownOld_config_1hodqch_s1vd6y5w__8b304804{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
|
+
.DropdownOld_config_1hodqch_m10ep19h__8b304804{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.DropdownOld_config_1hodqch_lq36nb2__8b304804{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
+
.DropdownOld_config_1hodqch_d148hya0__8b304804{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-item-background:var(--plasma-colors-transparent);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-background-selected:inherit;--plasma-dropdown-item-color-selected:inherit;--plasma-dropdown-item-background-selected-hover:inherit;--plasma-dropdown-item-color-selected-hover:inherit;--plasma-dropdown-item-color:var(--text-primary);}
|