@salutejs/plasma-web 1.368.0-canary.1349.10357757918.0 → 1.368.0-canary.1350.10404075071.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/Dropdown/Dropdown.config.js +1 -1
- package/components/Popover/Popover.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 +68 -0
- 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/Switch/Switch.config.js +2 -2
- package/components/Tabs/TabItem.config.js +4 -4
- package/components/Tabs/Tabs.config.js +4 -4
- package/components/TextField/TextField.config.js +2 -2
- 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_169uaoi.css → cjs/components/Dropdown/Dropdown.config_kvz7m2.css} +1 -1
- package/css/cjs/components/Dropdown/Dropdown.css +5 -5
- package/css/cjs/components/Popover/Popover.config.js +1 -1
- package/css/cjs/components/Popover/Popover.config.js.map +1 -1
- package/css/{es/components/Popover/Popover.config_1l18nlm.css → cjs/components/Popover/Popover.config_14o0rv7.css} +1 -1
- package/css/cjs/components/Popover/Popover.css +1 -1
- 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/cjs/components/{Select/Select.css → 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/Tabs/TabItem.config.js +1 -1
- package/css/cjs/components/Tabs/TabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/{TabItem.config_1fqdgmr.css → TabItem.config_mjoml6.css} +4 -4
- package/css/cjs/components/Tabs/TabItem.css +15 -15
- package/css/cjs/components/Tabs/Tabs.config.js +1 -1
- package/css/cjs/components/Tabs/Tabs.config.js.map +1 -1
- package/css/cjs/components/Tabs/{Tabs.config_hnbp5.css → Tabs.config_1g344dn.css} +4 -4
- package/css/cjs/components/Tabs/Tabs.css +15 -15
- package/css/cjs/components/Tabs/TabsController.css +30 -30
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/{TextField.config_1fkm7bk.css → TextField.config_1e6yupa.css} +2 -2
- package/css/cjs/components/TextField/TextField.css +11 -11
- package/css/cjs/index.css +66 -66
- package/css/cjs/index.js +21 -25
- package/css/cjs/index.js.map +1 -1
- 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_169uaoi.css → es/components/Dropdown/Dropdown.config_kvz7m2.css} +1 -1
- package/css/es/components/Dropdown/Dropdown.css +5 -5
- package/css/es/components/Popover/Popover.config.js +1 -1
- package/css/es/components/Popover/Popover.config.js.map +1 -1
- package/css/{cjs/components/Popover/Popover.config_1l18nlm.css → es/components/Popover/Popover.config_14o0rv7.css} +1 -1
- package/css/es/components/Popover/Popover.css +1 -1
- 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/es/components/{Select/Select.css → 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/Tabs/TabItem.config.js +1 -1
- package/css/es/components/Tabs/TabItem.config.js.map +1 -1
- package/css/es/components/Tabs/{TabItem.config_1fqdgmr.css → TabItem.config_mjoml6.css} +4 -4
- package/css/es/components/Tabs/TabItem.css +15 -15
- package/css/es/components/Tabs/Tabs.config.js +1 -1
- package/css/es/components/Tabs/Tabs.config.js.map +1 -1
- package/css/es/components/Tabs/{Tabs.config_hnbp5.css → Tabs.config_1g344dn.css} +4 -4
- package/css/es/components/Tabs/Tabs.css +15 -15
- package/css/es/components/Tabs/TabsController.css +30 -30
- package/css/es/components/TextField/TextField.config.js +1 -1
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/{TextField.config_1fkm7bk.css → TextField.config_1e6yupa.css} +2 -2
- package/css/es/components/TextField/TextField.css +11 -11
- package/css/es/index.css +66 -66
- package/css/es/index.js +2 -2
- package/css/index.d.ts +2 -2
- package/es/components/Dropdown/Dropdown.config.js +1 -1
- package/es/components/Popover/Popover.config.js +1 -1
- package/es/components/Select/Select.js +18 -5
- package/es/components/Select/Select.perftest.js +61 -0
- package/es/components/SelectNew/Select.js +5 -0
- package/es/components/SelectNew/index.js +6 -0
- package/es/components/Switch/Switch.config.js +2 -2
- package/es/components/Tabs/TabItem.config.js +4 -4
- package/es/components/Tabs/Tabs.config.js +4 -4
- package/es/components/TextField/TextField.config.js +2 -2
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +7 -7
- package/temp/plasma-web.api.md +36 -135
- 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/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
|
@@ -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;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.config.js","sources":["../../../../src-css/components/Tabs/TabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--plasma-colors-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n\n ${tabsTokens.additionalContentColor}: var(--plasma-colors-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary);\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--plasma-colors-surface-card);\n ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--plasma-colors-surface-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n\n ${tabsTokens.additionalContentColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary);\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--plasma-colors-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n\n ${tabsTokens.additionalContentColor}: var(--plasma-colors-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-secondary);\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--plasma-colors-inverse);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--plasma-colors-inverse);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--plasma-colors-primary);\n\n ${tabsTokens.additionalContentColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--plasma-colors-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--plasma-colors-white-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--plasma-colors-white-secondary);\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.5rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 3.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAyBJ,UAAA;AACDC,MAAAA,SAAS,EAyBR,SAAA;AACDC,MAAAA,OAAO,EA0BN,UAAA;MACDC,SAAO,EAAA,SAAA;KA0BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TabItem.config.js","sources":["../../../../src-css/components/Tabs/TabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-tertiary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--text-secondary);\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.additionalContentColor}: var(--text-secondary);\n ${tabsTokens.additionalContentHoverColor}: var(--text-secondary);\n ${tabsTokens.additionalContentSelectedColor}: var(--inverse-text-secondary);\n ${tabsTokens.additionalContentSelectedHoverColor}: var(--inverse-text-secondary);\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 2.5rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemMarginLeft}: 3.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAyBJ,UAAA;AACDC,MAAAA,SAAS,EAwBR,SAAA;AACDC,MAAAA,OAAO,EAyBN,UAAA;MACDC,SAAO,EAAA,SAAA;KAyBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.c12geyh4{--plasma-tab-item-color:var(--
|
|
2
|
-
.skxrl3x{--plasma-tab-item-color:var(--
|
|
3
|
-
.d1qfynte{--plasma-tab-item-color:var(--
|
|
4
|
-
.dcu9hou{--plasma-tab-item-color:var(--
|
|
1
|
+
.c12geyh4{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
2
|
+
.skxrl3x{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
3
|
+
.d1qfynte{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
4
|
+
.dcu9hou{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--inverse-text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--inverse-text-secondary);}
|
|
5
5
|
.xd9jef9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
|
6
6
|
.svtzz6s{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
7
7
|
.mv38ab4{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
1
|
+
.TabItem_config_mjoml6_c12geyh4__b07c685a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
2
|
+
.TabItem_config_mjoml6_skxrl3x__b07c685a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
3
|
+
.TabItem_config_mjoml6_d1qfynte__b07c685a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
|
4
|
+
.TabItem_config_mjoml6_dcu9hou__b07c685a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--inverse-text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--inverse-text-secondary);}
|
|
5
|
+
.TabItem_config_mjoml6_xd9jef9__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
|
6
|
+
.TabItem_config_mjoml6_svtzz6s__b07c685a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
7
|
+
.TabItem_config_mjoml6_mv38ab4__b07c685a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
|
8
|
+
.TabItem_config_mjoml6_l1bx3z7v__b07c685a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
|
9
|
+
.TabItem_config_mjoml6_hst8lw7__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);}
|
|
10
|
+
.TabItem_config_mjoml6_hnmfpx2__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);}
|
|
11
|
+
.TabItem_config_mjoml6_h1ph8cz0__b07c685a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);}
|
|
12
|
+
.TabItem_config_mjoml6_h1dyyy38__b07c685a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.5rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);}
|
|
13
|
+
.TabItem_config_mjoml6_hsee6cj__b07c685a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:3.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);}
|
|
14
|
+
.TabItem_config_mjoml6_t1uqdflh__b07c685a{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
|
+
.TabItem_config_mjoml6_t1cm9seg__b07c685a{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.config.js","sources":["../../../../src-css/components/Tabs/Tabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--
|
|
1
|
+
{"version":3,"file":"Tabs.config.js","sources":["../../../../src-css/components/Tabs/Tabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KASV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.c14650k1{--plasma-tabs-arrow-color:var(--
|
|
2
|
-
.f3v4o3a{--plasma-tabs-arrow-color:var(--
|
|
3
|
-
.dd9smg7{--plasma-tabs-arrow-color:var(--
|
|
1
|
+
.c14650k1{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
2
|
+
.f3v4o3a{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:var(--surface-transparent-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
3
|
+
.dd9smg7{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
|
4
4
|
.x1fhx02y{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
|
|
5
5
|
.smtb14e{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
|
6
6
|
.m1gou08z{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
|
7
|
-
.l1748snu{--plasma-tabs-border-radius:0.
|
|
7
|
+
.l1748snu{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
|
|
8
8
|
.h117dkln{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
9
9
|
.h1q05hlh{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
10
10
|
.hufu0m7{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
1
|
+
.Tabs_config_1g344dn_c14650k1__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
2
|
+
.Tabs_config_1g344dn_f3v4o3a__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:var(--surface-transparent-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
|
3
|
+
.Tabs_config_1g344dn_dd9smg7__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
|
4
|
+
.Tabs_config_1g344dn_x1fhx02y__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
|
|
5
|
+
.Tabs_config_1g344dn_smtb14e__49162f90{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
|
6
|
+
.Tabs_config_1g344dn_m1gou08z__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
|
7
|
+
.Tabs_config_1g344dn_l1748snu__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
|
|
8
|
+
.Tabs_config_1g344dn_h117dkln__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
9
|
+
.Tabs_config_1g344dn_h1q05hlh__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
10
|
+
.Tabs_config_1g344dn_hufu0m7__49162f90{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
11
|
+
.Tabs_config_1g344dn_hoxxqku__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
12
|
+
.Tabs_config_1g344dn_h1nezd4o__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
13
|
+
.Tabs_config_1g344dn_t1lpslsd__49162f90{--plasma-tabs-container-width:100%;}
|
|
14
|
+
.Tabs_config_1g344dn_tmh6qmx__49162f90{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
|
+
.Tabs_config_1g344dn_tzc9e3o__49162f90{--plasma-tabs-pilled-border-radius:1.625rem;}
|