@salutejs/plasma-web 1.369.0-canary.1349.10433909980.0 → 1.369.0-canary.1361.10443723916.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +36 -135
- 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/Select/Select.d.ts +7 -175
- package/components/Select/Select.js +21 -4
- package/components/Select/Select.perftest.js +49 -17
- package/components/Select/index.d.ts +1 -2
- package/components/SelectNew/Select.d.ts +79 -0
- package/components/SelectNew/Select.js +10 -0
- package/components/SelectNew/index.d.ts +81 -0
- package/components/SelectNew/index.js +11 -0
- 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/{es/components/Combobox/Combobox.config_18fbty9.css → cjs/components/Combobox/Combobox.config_1xa4b1s.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_kvz7m2.css → cjs/components/Dropdown/Dropdown.config_sl4ky3.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/cjs/components/Dropdown/components/{DropdownOld.config_1hodqch.css → DropdownOld.config_11xcwfh.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_17hqtvy.css +5 -0
- package/css/cjs/components/Notification/Notification.css +5 -5
- package/css/cjs/components/SelectNew/Select.config.js +40 -0
- package/css/cjs/components/SelectNew/Select.config.js.map +1 -0
- package/css/{es/components/Select/Select.config_63kke9.css → cjs/components/SelectNew/Select.config_o7l3zz.css} +17 -17
- package/css/cjs/components/SelectNew/Select.js.map +1 -0
- package/css/{es/components/Select/Select.css → cjs/components/SelectNew/index.css} +17 -17
- package/css/cjs/components/SelectNew/index.js +13 -0
- package/css/cjs/components/SelectNew/index.js.map +1 -0
- 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_1rkhg06.css → Toast.config_1cwp1pi.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_hdv953.css → Toolbar.config_1yum23z.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_186fmt6.css → Tooltip.config_1enkpml.css} +1 -1
- package/css/cjs/components/Tooltip/Tooltip.css +3 -3
- package/css/cjs/index.css +53 -53
- package/css/cjs/index.js +21 -25
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/{cjs/components/Combobox/Combobox.config_18fbty9.css → es/components/Combobox/Combobox.config_1xa4b1s.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_kvz7m2.css → es/components/Dropdown/Dropdown.config_sl4ky3.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/es/components/Dropdown/components/{DropdownOld.config_1hodqch.css → DropdownOld.config_11xcwfh.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_17hqtvy.css +5 -0
- package/css/es/components/Notification/Notification.css +5 -5
- package/css/es/components/SelectNew/Select.config.js +36 -0
- package/css/es/components/SelectNew/Select.config.js.map +1 -0
- package/css/{cjs/components/Select/Select.config_63kke9.css → es/components/SelectNew/Select.config_o7l3zz.css} +17 -17
- package/css/es/components/SelectNew/Select.js.map +1 -0
- package/css/{cjs/components/Select/Select.css → es/components/SelectNew/index.css} +17 -17
- package/css/es/components/SelectNew/index.js +9 -0
- package/css/es/components/SelectNew/index.js.map +1 -0
- 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_1rkhg06.css → Toast.config_1cwp1pi.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_hdv953.css → Toolbar.config_1yum23z.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_186fmt6.css → Tooltip.config_1enkpml.css} +1 -1
- package/css/es/components/Tooltip/Tooltip.css +3 -3
- package/css/es/index.css +53 -53
- package/css/es/index.js +2 -2
- package/css/index.d.ts +2 -2
- 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/Select/Select.js +18 -5
- package/es/components/Select/Select.perftest.js +49 -17
- package/es/components/SelectNew/Select.js +5 -0
- package/es/components/SelectNew/index.js +6 -0
- 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/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +10 -10
- package/temp/plasma-web.api.md +36 -135
- package/css/cjs/components/Notification/Notification.config_1lwgobg.css +0 -5
- package/css/cjs/components/Select/Select.config.js +0 -40
- package/css/cjs/components/Select/Select.config.js.map +0 -1
- package/css/cjs/components/Select/Select.js.map +0 -1
- package/css/es/components/Notification/Notification.config_1lwgobg.css +0 -5
- package/css/es/components/Select/Select.config.js +0 -36
- package/css/es/components/Select/Select.config.js.map +0 -1
- package/css/es/components/Select/Select.js.map +0 -1
- /package/components/{Select → SelectNew}/Select.config.d.ts +0 -0
- /package/components/{Select → SelectNew}/Select.config.js +0 -0
- /package/css/cjs/components/{Select → SelectNew}/Select.js +0 -0
- /package/css/es/components/{Select → SelectNew}/Select.js +0 -0
- /package/es/components/{Select → SelectNew}/Select.config.js +0 -0
|
@@ -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);--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);}
|
|
5
|
+
.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--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_sl4ky3_xuajbqv__69ffb469{--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_sl4ky3_sxwpid0__69ffb469{--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_sl4ky3_m12u1ccx__69ffb469{--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_sl4ky3_lj8enjv__69ffb469{--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_sl4ky3_da0vaum__69ffb469{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--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);\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;;;;"}
|
|
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-brightness);\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);--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);}
|
|
5
|
+
.d148hya0{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-background:var(--surface-solid-card-brightness);--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_11xcwfh_xy53zv1__a82e8a13{--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_11xcwfh_s1vd6y5w__a82e8a13{--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_11xcwfh_m10ep19h__a82e8a13{--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_11xcwfh_lq36nb2__a82e8a13{--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_11xcwfh_d148hya0__a82e8a13{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-background:var(--surface-solid-card-brightness);--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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.config.js","sources":["../../../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.contentColor}: var(--plasma-colors-secondary);\n ${notificationTokens.background}: var(--
|
|
1
|
+
{"version":3,"file":"Notification.config.js","sources":["../../../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.contentColor}: var(--plasma-colors-secondary);\n ${notificationTokens.background}: var(--surface-solid-card-brightness);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--plasma-colors-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--plasma-colors-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n },\n layout: {\n horizontal: css`\n ${notificationTokens.width}: 25rem;\n ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;\n `,\n vertical: css`\n ${notificationTokens.width}: 15rem;\n ${notificationTokens.padding}: 0.375rem;\n `,\n },\n size: {\n xs: css`\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.padding}: 0.375rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.buttonsMarginLeft}: 0rem;\n `,\n xxs: css`\n ${notificationTokens.closeIconTop}: 0.8125rem;\n ${notificationTokens.closeIconRight}: 1rem;\n\n ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;\n\n ${notificationTokens.contentPaddingTop}: 0.25rem;\n ${notificationTokens.contentPaddingRight}: 0rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0rem;\n\n ${notificationTokens.buttonsMarginLeft}: 2rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default","layout","horizontal","vertical","size","xs","xxs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,SAAA;KAoDV;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAGT,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAIX;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;AAcP,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.demycyd{--plasma-notification-content-color:var(--plasma-colors-secondary);--plasma-notification-backgorund:var(--surface-solid-card-brightness);--plasma-notification-border-radius:0.75rem;--plasma-notification-padding:0.375rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-content-padding-top-without-icon:0.25rem;--plasma-notification-horizontal-layout-right-padding-without-close-icon:1rem;--plasma-notification-textbox-padding-top:0.1875rem;--plasma-notification-textbox-padding-right:0.125rem;--plasma-notification-textbox-padding-bottom:0.375rem;--plasma-notification-textbox-padding-left:0.125rem;--plasma-notification-textbox-padding-right-with-close-icon:1.625rem;--plasma-notification-textbox-gap:0.25rem;--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-buttons-margin-top:0.375rem;--plasma-notification-content-left-icon-size:1.5rem;--plasma-notification-content-left-icon-margin:0.375rem;--plasma-notification-content-top-icon-margin:0.5rem;--plasma-notification-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-notification-content-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-content-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-notification-title-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-title-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-close-icon-color:var(--plasma-colors-tertiary);--plasma-notification-close-icon-color-on-hover:var(--plasma-colors-primary);--plasma-notification-horizontal-layout-gap:0.375rem;--plasma-notification-horizontal-layout-left-icon-margin:0.75rem;--plasma-notification-padding-one-line-textbox:0.8125rem 0.5rem 0.8125rem 0.875rem;}
|
|
2
|
+
.hu7sha0{--plasma-notification-width:25rem;--plasma-notification-horizontal-layout-padding:1rem 0.5rem 1rem 0.875rem;}
|
|
3
|
+
.v1dvr7yw{--plasma-notification-width:15rem;--plasma-notification-padding:0.375rem;}
|
|
4
|
+
.x6lem8i{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
|
|
5
|
+
.xct0qyy{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.Notification_config_17hqtvy_demycyd__0b758fcb{--plasma-notification-content-color:var(--plasma-colors-secondary);--plasma-notification-backgorund:var(--surface-solid-card-brightness);--plasma-notification-border-radius:0.75rem;--plasma-notification-padding:0.375rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-content-padding-top-without-icon:0.25rem;--plasma-notification-horizontal-layout-right-padding-without-close-icon:1rem;--plasma-notification-textbox-padding-top:0.1875rem;--plasma-notification-textbox-padding-right:0.125rem;--plasma-notification-textbox-padding-bottom:0.375rem;--plasma-notification-textbox-padding-left:0.125rem;--plasma-notification-textbox-padding-right-with-close-icon:1.625rem;--plasma-notification-textbox-gap:0.25rem;--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-buttons-margin-top:0.375rem;--plasma-notification-content-left-icon-size:1.5rem;--plasma-notification-content-left-icon-margin:0.375rem;--plasma-notification-content-top-icon-margin:0.5rem;--plasma-notification-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-notification-content-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-content-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-notification-title-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-title-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-close-icon-color:var(--plasma-colors-tertiary);--plasma-notification-close-icon-color-on-hover:var(--plasma-colors-primary);--plasma-notification-horizontal-layout-gap:0.375rem;--plasma-notification-horizontal-layout-left-icon-margin:0.75rem;--plasma-notification-padding-one-line-textbox:0.8125rem 0.5rem 0.8125rem 0.875rem;}
|
|
2
|
+
.Notification_config_17hqtvy_hu7sha0__0b758fcb{--plasma-notification-width:25rem;--plasma-notification-horizontal-layout-padding:1rem 0.5rem 1rem 0.875rem;}
|
|
3
|
+
.Notification_config_17hqtvy_v1dvr7yw__0b758fcb{--plasma-notification-width:15rem;--plasma-notification-padding:0.375rem;}
|
|
4
|
+
.Notification_config_17hqtvy_x6lem8i__0b758fcb{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
|
|
5
|
+
.Notification_config_17hqtvy_xct0qyy__0b758fcb{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import './Select.config_o7l3zz.css';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default',
|
|
9
|
+
chipView: 'default',
|
|
10
|
+
size: 'm'
|
|
11
|
+
},
|
|
12
|
+
variations: {
|
|
13
|
+
size: {
|
|
14
|
+
xs: "x1kg4zfv",
|
|
15
|
+
s: "s8ayzvi",
|
|
16
|
+
m: "mwn6ija",
|
|
17
|
+
l: "ll2700s"
|
|
18
|
+
},
|
|
19
|
+
view: {
|
|
20
|
+
"default": "d10f744h",
|
|
21
|
+
positive: "ppldmag",
|
|
22
|
+
warning: "w19ze6kr",
|
|
23
|
+
negative: "n1wxh97u",
|
|
24
|
+
accent: "a14jw2h2",
|
|
25
|
+
secondary: "sha4l8y",
|
|
26
|
+
clear: "c1oyqeq0",
|
|
27
|
+
dark: "d2c1so1",
|
|
28
|
+
black: "b1jeurdb",
|
|
29
|
+
white: "w5a6ng6"
|
|
30
|
+
},
|
|
31
|
+
chipView: {
|
|
32
|
+
"default": "dtzpg6f",
|
|
33
|
+
secondary: "s1icms6a",
|
|
34
|
+
accent: "a3rcam1"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
exports.config = config;
|
|
40
|
+
//# sourceMappingURL=Select.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/SelectNew/Select.config.ts"],"sourcesContent":["import { css, selectTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n chipView: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.5rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1rem;\n ${selectTokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${selectTokens.itemBorderRadius}: 0.375rem;\n ${selectTokens.itemIconSize}: 1rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 0.875rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.125rem;\n ${selectTokens.chipHeight}: 1.25rem;\n ${selectTokens.chipPaddingRight}: 0.375rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.25rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2rem;\n ${selectTokens.targetButtonPadding}: 0.75rem 0 0.75rem;\n ${selectTokens.targetTextfieldPadding}: 0.5rem 0 0.625rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.5rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.375rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n s: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.625rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${selectTokens.itemBorderRadius}: 0.5rem;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.25rem;\n ${selectTokens.chipHeight}: 1.75rem;\n ${selectTokens.chipPaddingRight}: 0.5rem;\n ${selectTokens.chipPaddingLeft}: 0.75rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.375rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2.5rem;\n ${selectTokens.targetButtonPadding}: 1rem 0 1rem;\n ${selectTokens.targetTextfieldPadding}: 0.75rem 0 0.875rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.75rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.5rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n m: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.75rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${selectTokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${selectTokens.itemBorderRadius}: 0.625rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.375rem;\n ${selectTokens.chipHeight}: 2.25rem;\n ${selectTokens.chipPaddingRight}: 0.875rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.5rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.625rem;\n ${selectTokens.targetHeight}: 3rem;\n ${selectTokens.targetButtonPadding}: 1.25rem 0 1.25rem;\n ${selectTokens.targetTextfieldPadding}: 0.875rem 0 1rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.875rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.625rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n l: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.875rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${selectTokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${selectTokens.itemBorderRadius}: 0.75rem;\n ${selectTokens.itemIconMargin}: 0 0.5rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.5rem;\n ${selectTokens.chipHeight}: 2.75rem;\n ${selectTokens.chipPaddingRight}: 0.75rem;\n ${selectTokens.chipPaddingLeft}: 1rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.75rem;\n ${selectTokens.targetHeight}: 3.5rem;\n ${selectTokens.targetButtonPadding}: 1.5rem 0 1.5rem;\n ${selectTokens.targetTextfieldPadding}: 1rem 0 1.125rem;\n ${selectTokens.targetTextfieldChipPadding}: 1rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.75rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n },\n view: {\n default: css`\n ${selectTokens.helperTextColor}: var(--text-secondary);\n ${selectTokens.targetButtonColor}: var(--inverse-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--inverse-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--inverse-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--inverse-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-solid-default-hover);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${selectTokens.helperTextColor}: var(--text-positive);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-positive);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-positive-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-positive-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-positive);\n `,\n warning: css`\n ${selectTokens.helperTextColor}: var(--text-warning);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-warning);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-warning-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-warning-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-warning);\n `,\n negative: css`\n ${selectTokens.helperTextColor}: var(--text-negative);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-negative);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-negative-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-negative);\n `,\n accent: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-accent);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-clear);\n `,\n dark: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${selectTokens.targetButtonColor}: var(--on-light-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-light-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-light-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-light-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-light-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n `,\n },\n chipView: {\n default: css`\n ${selectTokens.chipColor}: var(--inverse-text-primary);\n ${selectTokens.chipBackground}: var(--surface-solid-default);\n ${selectTokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${selectTokens.chipColor}: var(--text-primary);\n ${selectTokens.chipBackground}: var(--surface-transparent-secondary);\n ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${selectTokens.chipColor}: var(--on-dark-text-primary);\n ${selectTokens.chipBackground}: var(--surface-accent);\n ${selectTokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","chipView","size","variations","xs","s","m","l","default","positive","warning","negative","accent","secondary","clear","dark","black","white"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAsDD,UAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAuDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAiBC,UAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,OAAO,EAiBN,UAAA;AACDC,MAAAA,QAAQ,EAiBP,UAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAWR;AACDhB,IAAAA,QAAQ,EAAE;AACNO,MAAAA,SAAAA,EAKC,SAAA;AACDK,MAAAA,SAAS,EAKR,UAAA;AACDD,MAAAA,MAAM,EAAA,SAAA;AAMV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
1
|
+
.x1kg4zfv{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
|
|
2
|
+
.s8ayzvi{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-select-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.25rem;--plasma-select-chip-height:1.75rem;--plasma-select-chip-padding-right:0.5rem;--plasma-select-chip-padding-left:0.75rem;--plasma-select-chip-clear-content-margin-left:0.375rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2.5rem;--plasma-select-target-button-padding:1rem 0 1rem;--plasma-select-target-textfield-padding:0.75rem 0 0.875rem;--plasma-select-target-textfield-chip-padding:0.75rem 0 0.25rem;--plasma-select-label-offset:0.5rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1rem;}
|
|
3
|
+
.mwn6ija{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.75rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-select-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-select-item-border-radius:0.625rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-m-font-family);--plasma-select-font-size:var(--plasma-typo-body-m-font-size);--plasma-select-font-style:var(--plasma-typo-body-m-font-style);--plasma-select-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.375rem;--plasma-select-chip-height:2.25rem;--plasma-select-chip-padding-right:0.875rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.5rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.625rem;--plasma-select-target-height:3rem;--plasma-select-target-button-padding:1.25rem 0 1.25rem;--plasma-select-target-textfield-padding:0.875rem 0 1rem;--plasma-select-target-textfield-chip-padding:0.875rem 0 0.25rem;--plasma-select-label-offset:0.625rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
|
|
4
|
+
.ll2700s{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.875rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:1rem 1rem 1rem 0.875rem;--plasma-select-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-select-item-border-radius:0.75rem;--plasma-select-item-icon-margin:0 0.5rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-l-font-family);--plasma-select-font-size:var(--plasma-typo-body-l-font-size);--plasma-select-font-style:var(--plasma-typo-body-l-font-style);--plasma-select-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.5rem;--plasma-select-chip-height:2.75rem;--plasma-select-chip-padding-right:0.75rem;--plasma-select-chip-padding-left:1rem;--plasma-select-chip-clear-content-margin-left:0.625rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.75rem;--plasma-select-target-height:3.5rem;--plasma-select-target-button-padding:1.5rem 0 1.5rem;--plasma-select-target-textfield-padding:1rem 0 1.125rem;--plasma-select-target-textfield-chip-padding:1rem 0 0.25rem;--plasma-select-label-offset:0.75rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
|
|
5
|
+
.d10f744h{--plasma-select-helper-text-color:var(--text-secondary);--plasma-select-target-button-color:var(--inverse-text-primary);--plasma-select-target-button-color-hover:var(--inverse-text-primary-hover);--plasma-select-target-button-color-active:var(--inverse-text-primary-active);--plasma-select-target-button-arrow-color:var(--inverse-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-solid-default);--plasma-select-target-button-background-color-hover:var(--surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--surface-solid-default-hover);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-transparent-tertiary);}
|
|
6
|
+
.ppldmag{--plasma-select-helper-text-color:var(--text-positive);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-positive);--plasma-select-target-button-background-color-hover:var(--surface-positive-hover);--plasma-select-target-button-background-color-active:var(--surface-positive-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-positive);}
|
|
7
|
+
.w19ze6kr{--plasma-select-helper-text-color:var(--text-warning);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-warning);--plasma-select-target-button-background-color-hover:var(--surface-warning-hover);--plasma-select-target-button-background-color-active:var(--surface-warning-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-warning);}
|
|
8
|
+
.n1wxh97u{--plasma-select-helper-text-color:var(--text-negative);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-negative);--plasma-select-target-button-background-color-hover:var(--surface-negative-hover);--plasma-select-target-button-background-color-active:var(--surface-negative-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-negative);}
|
|
9
|
+
.a14jw2h2{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-accent);--plasma-select-target-button-background-color-hover:var(--surface-accent-hover);--plasma-select-target-button-background-color-active:var(--surface-accent-active);}
|
|
10
|
+
.sha4l8y{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-transparent-secondary);--plasma-select-target-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-select-target-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
11
|
+
.c1oyqeq0{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-active);--plasma-select-target-button-background-color:var(--surface-clear);--plasma-select-target-button-background-color-hover:var(--surface-clear);--plasma-select-target-button-background-color-active:var(--surface-clear);}
|
|
12
|
+
.d2c1so1{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-transparent-deep);--plasma-select-target-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
|
13
|
+
.b1jeurdb{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
14
|
+
.w5a6ng6{--plasma-select-target-button-color:var(--on-light-text-primary);--plasma-select-target-button-color-hover:var(--on-light-text-primary-hover);--plasma-select-target-button-color-active:var(--on-light-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-light-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-light-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-light-text-secondary-active);--plasma-select-target-button-background-color:var(--on-dark-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
15
|
+
.dtzpg6f{--plasma-select-chip-color:var(--inverse-text-primary);--plasma-select-chip-background:var(--surface-solid-default);--plasma-select-chip-background-hover:var(--surface-solid-default-hover);--plasma-select-chip-background-active:var(--surface-solid-default-active);}
|
|
16
|
+
.s1icms6a{--plasma-select-chip-color:var(--text-primary);--plasma-select-chip-background:var(--surface-transparent-secondary);--plasma-select-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-select-chip-background-active:var(--surface-transparent-secondary-active);}
|
|
17
|
+
.a3rcam1{--plasma-select-chip-color:var(--on-dark-text-primary);--plasma-select-chip-background:var(--surface-accent);--plasma-select-chip-background-hover:var(--surface-accent-hover);--plasma-select-chip-background-active:var(--surface-accent-active);}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../../src-css/components/SelectNew/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst Select = component(mergedConfig);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","Select","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,MAAM,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
1
|
+
.Select_config_o7l3zz_x1kg4zfv__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
|
|
2
|
+
.Select_config_o7l3zz_s8ayzvi__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-select-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.25rem;--plasma-select-chip-height:1.75rem;--plasma-select-chip-padding-right:0.5rem;--plasma-select-chip-padding-left:0.75rem;--plasma-select-chip-clear-content-margin-left:0.375rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2.5rem;--plasma-select-target-button-padding:1rem 0 1rem;--plasma-select-target-textfield-padding:0.75rem 0 0.875rem;--plasma-select-target-textfield-chip-padding:0.75rem 0 0.25rem;--plasma-select-label-offset:0.5rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1rem;}
|
|
3
|
+
.Select_config_o7l3zz_mwn6ija__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.75rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-select-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-select-item-border-radius:0.625rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-m-font-family);--plasma-select-font-size:var(--plasma-typo-body-m-font-size);--plasma-select-font-style:var(--plasma-typo-body-m-font-style);--plasma-select-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.375rem;--plasma-select-chip-height:2.25rem;--plasma-select-chip-padding-right:0.875rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.5rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.625rem;--plasma-select-target-height:3rem;--plasma-select-target-button-padding:1.25rem 0 1.25rem;--plasma-select-target-textfield-padding:0.875rem 0 1rem;--plasma-select-target-textfield-chip-padding:0.875rem 0 0.25rem;--plasma-select-label-offset:0.625rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
|
|
4
|
+
.Select_config_o7l3zz_ll2700s__bce1c4e8{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.875rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:1rem 1rem 1rem 0.875rem;--plasma-select-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-select-item-border-radius:0.75rem;--plasma-select-item-icon-margin:0 0.5rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1.5rem;--plasma-select-font-family:var(--plasma-typo-body-l-font-family);--plasma-select-font-size:var(--plasma-typo-body-l-font-size);--plasma-select-font-style:var(--plasma-typo-body-l-font-style);--plasma-select-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-l-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:1.25rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.375rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.5rem;--plasma-select-chip-height:2.75rem;--plasma-select-chip-padding-right:0.75rem;--plasma-select-chip-padding-left:1rem;--plasma-select-chip-clear-content-margin-left:0.625rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:1rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.75rem;--plasma-select-target-height:3.5rem;--plasma-select-target-button-padding:1.5rem 0 1.5rem;--plasma-select-target-textfield-padding:1rem 0 1.125rem;--plasma-select-target-textfield-chip-padding:1rem 0 0.25rem;--plasma-select-label-offset:0.75rem;--plasma-select-inner-label-gap:0.125rem;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1.5rem;--plasma-select-spinner-size-tight:1.5rem;}
|
|
5
|
+
.Select_config_o7l3zz_d10f744h__bce1c4e8{--plasma-select-helper-text-color:var(--text-secondary);--plasma-select-target-button-color:var(--inverse-text-primary);--plasma-select-target-button-color-hover:var(--inverse-text-primary-hover);--plasma-select-target-button-color-active:var(--inverse-text-primary-active);--plasma-select-target-button-arrow-color:var(--inverse-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-solid-default);--plasma-select-target-button-background-color-hover:var(--surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--surface-solid-default-hover);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-transparent-tertiary);}
|
|
6
|
+
.Select_config_o7l3zz_ppldmag__bce1c4e8{--plasma-select-helper-text-color:var(--text-positive);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-positive);--plasma-select-target-button-background-color-hover:var(--surface-positive-hover);--plasma-select-target-button-background-color-active:var(--surface-positive-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-positive);}
|
|
7
|
+
.Select_config_o7l3zz_w19ze6kr__bce1c4e8{--plasma-select-helper-text-color:var(--text-warning);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-warning);--plasma-select-target-button-background-color-hover:var(--surface-warning-hover);--plasma-select-target-button-background-color-active:var(--surface-warning-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-warning);}
|
|
8
|
+
.Select_config_o7l3zz_n1wxh97u__bce1c4e8{--plasma-select-helper-text-color:var(--text-negative);--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-textfield-arrow-color:var(--text-secondary);--plasma-select-target-textfield-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-textfield-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-negative);--plasma-select-target-button-background-color-hover:var(--surface-negative-hover);--plasma-select-target-button-background-color-active:var(--surface-negative-active);--plasma-select-target-textfield-background-color:var(--surface-clear);--plasma-select-target-textfield-background-color-opened:var(--surface-clear);--plasma-select-target-textfield-border-color:var(--surface-negative);}
|
|
9
|
+
.Select_config_o7l3zz_a14jw2h2__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-accent);--plasma-select-target-button-background-color-hover:var(--surface-accent-hover);--plasma-select-target-button-background-color-active:var(--surface-accent-active);}
|
|
10
|
+
.Select_config_o7l3zz_sha4l8y__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-hover);--plasma-select-target-button-background-color:var(--surface-transparent-secondary);--plasma-select-target-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-select-target-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
11
|
+
.Select_config_o7l3zz_c1oyqeq0__bce1c4e8{--plasma-select-target-button-color:var(--text-primary);--plasma-select-target-button-color-hover:var(--text-primary-hover);--plasma-select-target-button-color-active:var(--text-primary-active);--plasma-select-target-button-arrow-color:var(--text-secondary);--plasma-select-target-button-arrow-color-hover:var(--text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--text-secondary-active);--plasma-select-target-button-background-color:var(--surface-clear);--plasma-select-target-button-background-color-hover:var(--surface-clear);--plasma-select-target-button-background-color-active:var(--surface-clear);}
|
|
12
|
+
.Select_config_o7l3zz_d2c1so1__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-transparent-deep);--plasma-select-target-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
|
13
|
+
.Select_config_o7l3zz_b1jeurdb__bce1c4e8{--plasma-select-target-button-color:var(--on-dark-text-primary);--plasma-select-target-button-color-hover:var(--on-dark-text-primary-hover);--plasma-select-target-button-color-active:var(--on-dark-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-dark-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-dark-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-dark-text-secondary-active);--plasma-select-target-button-background-color:var(--on-light-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
14
|
+
.Select_config_o7l3zz_w5a6ng6__bce1c4e8{--plasma-select-target-button-color:var(--on-light-text-primary);--plasma-select-target-button-color-hover:var(--on-light-text-primary-hover);--plasma-select-target-button-color-active:var(--on-light-text-primary-active);--plasma-select-target-button-arrow-color:var(--on-light-text-secondary);--plasma-select-target-button-arrow-color-hover:var(--on-light-text-secondary-hover);--plasma-select-target-button-arrow-color-active:var(--on-light-text-secondary-active);--plasma-select-target-button-background-color:var(--on-dark-surface-solid-default);--plasma-select-target-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-select-target-button-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
15
|
+
.Select_config_o7l3zz_dtzpg6f__bce1c4e8{--plasma-select-chip-color:var(--inverse-text-primary);--plasma-select-chip-background:var(--surface-solid-default);--plasma-select-chip-background-hover:var(--surface-solid-default-hover);--plasma-select-chip-background-active:var(--surface-solid-default-active);}
|
|
16
|
+
.Select_config_o7l3zz_s1icms6a__bce1c4e8{--plasma-select-chip-color:var(--text-primary);--plasma-select-chip-background:var(--surface-transparent-secondary);--plasma-select-chip-background-hover:var(--surface-transparent-secondary-hover);--plasma-select-chip-background-active:var(--surface-transparent-secondary-active);}
|
|
17
|
+
.Select_config_o7l3zz_a3rcam1__bce1c4e8{--plasma-select-chip-color:var(--on-dark-text-primary);--plasma-select-chip-background:var(--surface-accent);--plasma-select-chip-background-hover:var(--surface-accent-hover);--plasma-select-chip-background-active:var(--surface-accent-active);}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Select = require('./Select.js');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Выпадающий список. Поддерживает выбор одного или нескольких значений.
|
|
9
|
+
*/
|
|
10
|
+
var SelectNew = Select.Select;
|
|
11
|
+
|
|
12
|
+
exports.SelectNew = SelectNew;
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src-css/components/SelectNew/index.ts"],"sourcesContent":["import { Select } from './Select';\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const SelectNew = Select;\n"],"names":["SelectNew","Select"],"mappings":";;;;;;AAEA;AACA;AACA;AACO,IAAMA,SAAS,GAAGC;;;;"}
|