@salutejs/sdds-os 0.23.0-next-platform-ai.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/cjs/components/Combobox/{Combobox.config_e9zq4.css → Combobox.config_wsdl89.css} +8 -5
- package/dist/css/cjs/components/Combobox/Combobox.css +15 -12
- package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
- package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
- package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/cjs/components/Steps/{Steps.config_1axu604.css → Steps.config_1i5tex4.css} +2 -2
- package/dist/css/cjs/components/Steps/Steps.css +18 -12
- package/dist/css/cjs/components/Steps/Steps.js +5 -1
- package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
- package/dist/css/cjs/index.css +34 -25
- package/dist/css/cjs/index.js +23 -23
- package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/es/components/Combobox/{Combobox.config_e9zq4.css → Combobox.config_wsdl89.css} +8 -5
- package/dist/css/es/components/Combobox/Combobox.css +15 -12
- package/dist/css/es/components/Steps/StepItem.config.js +18 -0
- package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/es/components/Steps/Steps.config.js +1 -1
- package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/es/components/Steps/{Steps.config_1axu604.css → Steps.config_1i5tex4.css} +2 -2
- package/dist/css/es/components/Steps/Steps.css +18 -12
- package/dist/css/es/components/Steps/Steps.js +5 -1
- package/dist/css/es/components/Steps/Steps.js.map +1 -1
- package/dist/css/es/components/Tabs/TabItem.js +9 -9
- package/dist/css/es/components/Tabs/TabItem.js.map +1 -1
- package/dist/css/es/index.css +34 -25
- package/dist/css/es/index.js +3 -3
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +48 -0
- package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
- package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -10
- package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +48 -0
- package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
- package/dist/styled-components/es/components/Steps/Steps.config.js +0 -10
- package/dist/styled-components/es/components/Steps/Steps.js +5 -1
- package/package.json +7 -7
- package/types/components/Accordion/Accordion.d.ts +1 -1
- package/types/components/Calendar/Calendar.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts +3 -3
- package/types/components/Combobox/Combobox.config.d.ts +6 -0
- package/types/components/Combobox/Combobox.d.ts +13 -0
- package/types/components/DatePicker/DatePicker.d.ts +2 -2
- package/types/components/Steps/StepItem.config.d.ts +14 -0
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
package/dist/css/es/index.css
CHANGED
|
@@ -166,19 +166,22 @@
|
|
|
166
166
|
.ChipGroup_config_7d04pp_d9y7l64__ad857f89{--plasma-chip-group-items-gap:0.125rem;}
|
|
167
167
|
.ChipGroup_config_7d04pp_w1v0c462__ad857f89{--plasma-chip-group-items-gap:0.5rem;}
|
|
168
168
|
|
|
169
|
-
.
|
|
170
|
-
.
|
|
171
|
-
.
|
|
172
|
-
.
|
|
173
|
-
.
|
|
174
|
-
.
|
|
175
|
-
.
|
|
176
|
-
|
|
177
|
-
.
|
|
178
|
-
.
|
|
179
|
-
.
|
|
180
|
-
.
|
|
181
|
-
.
|
|
169
|
+
.Combobox_config_wsdl89_d1scuc1k__1b2ebeb7{--plasma-combobox-new-textfield-color:var(--text-primary);--plasma-combobox-new-textfield-clear-color:var(--text-primary);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-combobox-new-textfield-clear-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-clear-placeholder-color-focus:var(--text-tertiary);--plasma-combobox-new-textfield-background-color:var(--surface-solid-primary);--plasma-combobox-new-textfield-background-color-focus:var(--surface-solid-secondary);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield-left-helper-color:var(--text-secondary);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-content-slot-color:var(--text-secondary);--plasma-combobox-new-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-combobox-new-textfield-indicator-color:var(--surface-negative);--plasma-combobox-new-textfield-optional-color:var(--text-tertiary);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-solid-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:0.72;--plasma-combobox-disclosure-icon-color:var(--text-secondary);--plasma-combobox-disclosure-icon-color-hover:var(--text-secondary-hover);--plasma-combobox-item-background-hover:var(--surface-solid-secondary);--plasma-combobox-textfield__hint-icon-color:var(--text-secondary);--plasma-combobox-divider-color:var(--surface-solid-tertiary);--plasma-combobox-item-icon-color:var(--text-accent);--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-checked-color:transparent;--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);}
|
|
170
|
+
.Combobox_config_wsdl89_p953oeh__1b2ebeb7{--plasma-combobox-new-textfield-color:var(--text-primary);--plasma-combobox-new-textfield-clear-color:var(--text-positive);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-combobox-new-textfield-clear-placeholder-color:var(--text-positive);--plasma-combobox-new-textfield-clear-placeholder-color-focus:var(--text-positive);--plasma-combobox-new-textfield-background-color:var(--surface-solid-positive);--plasma-combobox-new-textfield-background-color-focus:var(--surface-solid-positive-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield-left-helper-color:var(--text-positive);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-content-slot-color:var(--text-secondary);--plasma-combobox-new-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-combobox-new-textfield-indicator-color:var(--surface-negative);--plasma-combobox-new-textfield-optional-color:var(--text-tertiary);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-solid-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:0.72;--plasma-combobox-disclosure-icon-color:var(--text-secondary);--plasma-combobox-disclosure-icon-color-hover:var(--text-secondary-hover);--plasma-combobox-item-background-hover:var(--surface-solid-secondary);--plasma-combobox-textfield__hint-icon-color:var(--text-secondary);--plasma-combobox-divider-color:var(--surface-solid-tertiary);--plasma-combobox-item-icon-color:var(--text-accent);--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-checked-color:transparent;--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);}
|
|
171
|
+
.Combobox_config_wsdl89_wcllkda__1b2ebeb7{--plasma-combobox-new-textfield-color:var(--text-primary);--plasma-combobox-new-textfield-clear-color:var(--text-warning);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-combobox-new-textfield-clear-placeholder-color:var(--text-warning);--plasma-combobox-new-textfield-clear-placeholder-color-focus:var(--text-warning);--plasma-combobox-new-textfield-background-color:var(--surface-solid-warning);--plasma-combobox-new-textfield-background-color-focus:var(--surface-solid-warning-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield-left-helper-color:var(--text-warning);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-content-slot-color:var(--text-secondary);--plasma-combobox-new-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-combobox-new-textfield-indicator-color:var(--surface-negative);--plasma-combobox-new-textfield-optional-color:var(--text-tertiary);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-solid-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:0.72;--plasma-combobox-disclosure-icon-color:var(--text-secondary);--plasma-combobox-disclosure-icon-color-hover:var(--text-secondary-hover);--plasma-combobox-item-background-hover:var(--surface-solid-secondary);--plasma-combobox-textfield__hint-icon-color:var(--text-secondary);--plasma-combobox-divider-color:var(--surface-solid-tertiary);--plasma-combobox-item-icon-color:var(--text-accent);--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-checked-color:transparent;--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);}
|
|
172
|
+
.Combobox_config_wsdl89_n1ioh6mq__1b2ebeb7{--plasma-combobox-new-textfield-color:var(--text-primary);--plasma-combobox-new-textfield-clear-color:var(--text-negative);--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-placeholder-color-focus:var(--text-tertiary);--plasma-combobox-new-textfield-clear-placeholder-color:var(--text-negative);--plasma-combobox-new-textfield-clear-placeholder-color-focus:var(--text-negative);--plasma-combobox-new-textfield-background-color:var(--surface-solid-negative);--plasma-combobox-new-textfield-background-color-focus:var(--surface-solid-negative-active);--plasma-combobox-new-textfield-caret-color:var(--text-accent);--plasma-combobox-new-textfield-before-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-after-text-color:var(--text-tertiary);--plasma-combobox-new-textfield-label-color:var(--text-primary);--plasma-combobox-new-textfield-left-helper-color:var(--text-negative);--plasma-combobox-new-textfield-focus-color:var(--text-accent);--plasma-combobox-new-textfield-content-slot-color:var(--text-secondary);--plasma-combobox-new-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-combobox-new-textfield-indicator-color:var(--surface-negative);--plasma-combobox-new-textfield-optional-color:var(--text-tertiary);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-secondary-hover);--plasma-combobox-new-textfield-chip-color-active:var(--text-primary);--plasma-combobox-new-textfield-chip-background-active:var(--surface-solid-secondary-active);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:0.72;--plasma-combobox-disclosure-icon-color:var(--text-secondary);--plasma-combobox-disclosure-icon-color-hover:var(--text-secondary-hover);--plasma-combobox-item-background-hover:var(--surface-solid-secondary);--plasma-combobox-textfield__hint-icon-color:var(--text-secondary);--plasma-combobox-divider-color:var(--surface-solid-tertiary);--plasma-combobox-item-icon-color:var(--text-accent);--plasma-combobox-checkbox-fill-color:var(--text-accent);--plasma-combobox-checkbox-icon-color:var(--on-dark-text-primary);--plasma-combobox-checkbox-trigger-border-checked-color:transparent;--plasma-combobox-checkbox-trigger-border-color:var(--text-secondary);}
|
|
173
|
+
.Combobox_config_wsdl89_m1jkqh6u__1b2ebeb7{--plasma-combobox-new-textfield-height:3rem;--plasma-combobox-new-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.75rem;--plasma-combobox-new-textfield-left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-combobox-new-textfield-right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-combobox-textfield-right-content-with-hint-margin:-0.125rem -0.438rem -0.125rem 0.75rem;--plasma-combobox-textfield-content-right-wrapper-gap:0.25rem;--plasma-combobox-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-combobox-new-textfield-before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield-after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-new-textfield-label-offset:0.625rem;--plasma-combobox-new-textfield-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-textfield__hint-margin:-0.688rem -0.5rem;--plasma-combobox-textfield__hint-target-size:2.375rem;--plasma-combobox-textfield__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-combobox-textfield__clear-hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-combobox-new-textfield-left-helper-offset:0.25rem;--plasma-combobox-new-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner-label-padding:0.375rem 0 0.125rem 0;--plasma-combobox-new-textfield-placement_inner-content-padding:1.375rem 0 0.375rem 0;--plasma-combobox-new-textfield-indicator-size-inner:0.5rem;--plasma-combobox-new-textfield-indicator-size-outer:0.375rem;--plasma-combobox-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-combobox-new-textfield-indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-combobox-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-combobox-new-textfield-indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-combobox-new-textfield-clear-indicator-placement-inner:1.25rem auto auto -0.875rem;--plasma-combobox-new-textfield-clear-indicator-placement-inner-right:1.25rem -0.875rem auto auto;--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right:1.25rem -2.488rem auto auto;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.375rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:2.25rem;--plasma-combobox-new-textfield-chip-padding:0 0.625rem 0 0.875rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.5rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:1.25rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-new-empty-state-padding:0.875rem 1rem 0.875rem 1rem;--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.75rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:0.75rem 0.75rem;--plasma-combobox-item-padding-tight:0.5rem 0.75rem;--plasma-combobox-item-border-radius:0.625rem;--plasma-combobox-item-icon-margin:0 0.375rem 0 0;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1.5rem;--plasma-select-item-gap:0.375rem;--plasma-select-item-tree-offset-width:2rem;--plasma-combobox-cell-padding:0rem;--plasma-combobox-cell-padding-left-content:0rem;--plasma-combobox-cell-padding-content:0rem;--plasma-combobox-cell-padding-right-content:0rem;--plasma-combobox-cell-textbox-gap:0.125rem;--plasma-combobox-cell-gap:0.375rem;--plasma-combobox-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:1.25rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.375rem;--plasma-combobox-checkbox-trigger-border-width:0.125rem;--plasma-combobox-indicator-size:0.375rem;--plasma-combobox-divider-margin-top:0.375rem;--plasma-combobox-divider-margin-right:0.875rem;--plasma-combobox-divider-margin-bottom:0.375rem;--plasma-combobox-divider-margin-left:0.875rem;--plasma-combobox-divider-margin-top-tight:0.375rem;--plasma-combobox-divider-margin-bottom-tight:0.375rem;}
|
|
174
|
+
.Combobox_config_wsdl89_sd9rpne__1b2ebeb7{--plasma-combobox-new-textfield-height:2.5rem;--plasma-combobox-new-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-combobox-new-textfield-padding-with-chips:0.375rem;--plasma-combobox-new-textfield-border-radius:0.625rem;--plasma-combobox-new-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-combobox-new-textfield-right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-combobox-textfield-right-content-with-hint-margin:-0.1875rem -0.438rem -0.1875rem 0.75rem;--plasma-combobox-textfield-content-right-wrapper-gap:0.25rem;--plasma-combobox-textfield-content-right-wrapper-margin:-0.438rem -0.438rem -0.438rem 0;--plasma-combobox-new-textfield-before-text-margin:0 0.25rem 0 0;--plasma-combobox-new-textfield-after-text-margin:0 0 0 0.25rem;--plasma-combobox-new-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-new-textfield-label-offset:0.5rem;--plasma-combobox-new-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-textfield__hint-margin:-0.688rem -0.5rem;--plasma-combobox-textfield__hint-target-size:2.375rem;--plasma-combobox-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-combobox-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-combobox-new-textfield-left-helper-offset:0.25rem;--plasma-combobox-new-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-new-textfield-placement_inner-label-padding:0.3125rem 0 0 0;--plasma-combobox-new-textfield-placement_inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-combobox-new-textfield-indicator-size-inner:0.375rem;--plasma-combobox-new-textfield-indicator-size-outer:0.375rem;--plasma-combobox-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-combobox-new-textfield-indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-combobox-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-combobox-new-textfield-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-combobox-new-textfield-clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-combobox-new-textfield-clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-combobox-new-textfield-chip-gap:0.25rem;--plasma-combobox-new-textfield-chip-border-radius:0.25rem;--plasma-combobox-new-textfield-chip-width:auto;--plasma-combobox-new-textfield-chip-height:1.75rem;--plasma-combobox-new-textfield-chip-padding:0 0.5rem 0 0.75rem;--plasma-combobox-new-textfield-chip-clear-content-margin-left:0.375rem;--plasma-combobox-new-textfield-chip-clear-content-margin-right:0rem;--plasma-combobox-new-textfield-chip-close-icon-size:1rem;--plasma-combobox-new-textfield-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-new-textfield-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-new-textfield-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-new-textfield-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-new-textfield-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-new-textfield-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-new-empty-state-padding:0.625rem 0.875rem 0.625rem 0.875rem;--plasma-combobox-padding:0.125rem;--plasma-combobox-border-radius:0.625rem;--plasma-combobox-item-height:1.5rem;--plasma-combobox-item-padding:0.5rem 0.625rem;--plasma-combobox-item-padding-tight:0.25rem 0.625rem;--plasma-combobox-item-border-radius:0.5rem;--plasma-combobox-item-icon-size:1.5rem;--plasma-combobox-item-icon-size-tight:1rem;--plasma-combobox-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-gap:0.375rem;--plasma-select-item-tree-offset-width:1.875rem;--plasma-combobox-cell-padding:0rem;--plasma-combobox-cell-padding-left-content:0rem;--plasma-combobox-cell-padding-content:0rem;--plasma-combobox-cell-padding-right-content:0rem;--plasma-combobox-cell-textbox-gap:0.125rem;--plasma-combobox-cell-gap:0.375rem;--plasma-combobox-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-checkbox-trigger-size:1.25rem;--plasma-combobox-checkbox-trigger-size-tight:0.875rem;--plasma-combobox-checkbox-trigger-border-radius:0.375rem;--plasma-combobox-checkbox-trigger-border-radius-tight:0.25rem;--plasma-combobox-checkbox-trigger-border-width:0.125rem;--plasma-combobox-indicator-size:0.375rem;--plasma-combobox-divider-margin-top:0.375rem;--plasma-combobox-divider-margin-right:0.75rem;--plasma-combobox-divider-margin-bottom:0.375rem;--plasma-combobox-divider-margin-left:0.75rem;--plasma-combobox-divider-margin-top-tight:0.25rem;--plasma-combobox-divider-margin-bottom-tight:0.25rem;}
|
|
175
|
+
.Combobox_config_wsdl89_i18l3tth__1b2ebeb7{--plasma-combobox-new-textfield-placeholder-color:var(--text-secondary);--plasma-combobox-new-textfield-placement_inner-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-new-textfield-placement_inner-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-new-textfield-placement_inner-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-new-textfield-placement_inner-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-new-textfield-placement_inner-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-new-textfield-placement_inner-label-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
176
|
+
|
|
177
|
+
.Combobox_config_wsdl89_djf6k4v__1b2ebeb7{--plasma-combobox-new-textfield-chip-color:var(--inverse-text-primary);--plasma-combobox-new-textfield-chip-color-hover:var(--inverse-text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-default);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-default-hover);--plasma-combobox-new-textfield-chip-close-icons-color:var(--inverse-text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--inverse-text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--inverse-text-primary);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-default);--plasma-combobox-new-textfield-chip-color-read-only:var(--inverse-text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-default);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--inverse-text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:1;}
|
|
178
|
+
.Combobox_config_wsdl89_sixuhkh__1b2ebeb7{--plasma-combobox-new-textfield-chip-color:var(--text-primary);--plasma-combobox-new-textfield-chip-color-hover:var(--text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-solid-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color:var(--text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--text-secondary-hover);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only:var(--text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-solid-secondary);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:1;}
|
|
179
|
+
.Combobox_config_wsdl89_ahokxr1__1b2ebeb7{--plasma-combobox-new-textfield-chip-color:var(--on-dark-text-primary);--plasma-combobox-new-textfield-chip-color-hover:var(--on-dark-text-primary);--plasma-combobox-new-textfield--chip-background:var(--surface-accent);--plasma-combobox-new-textfield-chip-background-hover:var(--surface-accent-hover);--plasma-combobox-new-textfield-chip-close-icons-color:var(--on-dark-text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-readonly:var(--on-dark-text-secondary);--plasma-combobox-new-textfield-chip-close-icons-color-hover:var(--on-dark-text-primary);--plasma-combobox-new-textfield-chip-background-read-only:var(--surface-accent);--plasma-combobox-new-textfield-chip-color-read-only:var(--on-dark-text-primary);--plasma-combobox-new-textfield-chip-background-read-only-hover:var(--surface-accent);--plasma-combobox-new-textfield-chip-color-read-only-hover:var(--on-dark-text-primary);--plasma-combobox-new-textfield-chip-opacity-readonly:1;}
|
|
180
|
+
.Combobox_config_wsdl89_d1kzzqc1__1b2ebeb7{--plasma-combobox-textfield__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-combobox-textfield__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-combobox-textfield__tooltip-color:var(--text-primary);--plasma-combobox-textfield__tooltip-arrow-background:var(--surface-solid-card);}
|
|
181
|
+
.Combobox_config_wsdl89_m148hhvf__1b2ebeb7{--plasma-combobox-textfield__tooltip-padding-top:0.6875rem;--plasma-combobox-textfield__tooltip-padding-right:0.875rem;--plasma-combobox-textfield__tooltip-padding-bottom:0.6875rem;--plasma-combobox-textfield__tooltip-padding-left:0.875rem;--plasma-combobox-textfield__tooltip-min-height:2.5rem;--plasma-combobox-textfield__tooltip-border-radius:0.625rem;--plasma-combobox-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-textfield__tooltip-content-left-margin:0.375rem;--plasma-combobox-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-combobox-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-combobox-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-combobox-textfield__tooltip-arrow-height:0.5rem;--plasma-combobox-textfield__tooltip-arrow-edge-margin:0.625rem;}
|
|
182
|
+
.Combobox_config_wsdl89_s1k0np4c__1b2ebeb7{--plasma-combobox-textfield__tooltip-padding-top:0.5rem;--plasma-combobox-textfield__tooltip-padding-right:0.75rem;--plasma-combobox-textfield__tooltip-padding-bottom:0.5rem;--plasma-combobox-textfield__tooltip-padding-left:0.75rem;--plasma-combobox-textfield__tooltip-min-height:2rem;--plasma-combobox-textfield__tooltip-border-radius:0.5rem;--plasma-combobox-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-textfield__tooltip-content-left-margin:0.25rem;--plasma-combobox-textfield__tooltip-arrow-mask-width:1rem;--plasma-combobox-textfield__tooltip-arrow-mask-height:1rem;--plasma-combobox-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-combobox-textfield__tooltip-arrow-height:0.375rem;--plasma-combobox-textfield__tooltip-arrow-edge-margin:0.5625rem;}
|
|
183
|
+
.Combobox_config_wsdl89_thngngp__1b2ebeb7{--plasma-combobox-new-textfield-disabled-opacity:0.4;}
|
|
184
|
+
.Combobox_config_wsdl89_t15z2s1k__1b2ebeb7{--plasma-combobox-new-textfield-color-readonly:var(--text-primary);--plasma-combobox-new-textfield-readonly-opacity:0.1;--plasma-combobox-new-textfield-content-right-slot-opacity-readonly:0.4;--plasma-combobox-new-textfield-bg-color-readonly:var(--surface-solid-primary);--plasma-combobox-new-textfield-placeholder-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-left-helper-color-readonly:var(--text-secondary);--plasma-combobox-new-textfield-label-color-readonly:var(--text-primary);}
|
|
182
185
|
|
|
183
186
|
.DatePicker_config_1bjucpu_d1ay1n83__c19fe2e9{--plasma-date-picker-outline-focus:var(--surface-accent);--plasma-date-picker_range-background:var(--surface-solid-primary);--plasma-date-picker_range-background-error:var(--surface-solid-negative);--plasma-date-picker_range-background-success:var(--surface-solid-positive);--plasma-date-picker_range__divider-color:var(--text-primary);--plasma-date-picker__label-color:var(--text-primary);--plasma-date-picker__left-helper-color:var(--text-secondary);--plasma-date-picker__left-helper-color-error:var(--text-negative);--plasma-date-picker__left-helper-color-success:var(--text-positive);--plasma-date-picker-title-caption-color:var(--text-secondary);--plasma-date-picker-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-date-picker-content-slot-color:var(--text-primary);--plasma-date-picker-content-slot-color-hover:var(--text-primary-hover);--plasma-date-picker-content-slot-color-active:var(--text-primary-active);--plasma-date-picker-embed-icon-button-focus-color:var(--surface-accent);--plasma-date-picker-content-right-slot-color:var(--text-primary);--plasma-date-picker-content-right-slot-color-hover:var(--text-primary-hover);--plasma-date-picker-content-right-slot-color-active:var(--text-primary-active);--plasma-date-picker-textfield__content-color:var(--text-secondary);--plasma-date-picker-textfield__content-color-hover:var(--text-secondary-hover);--plasma-date-picker-textfield__content-color-active:var(--text-secondary-active);--plasma-date-picker-textfield__content-right-color:var(--text-secondary);--plasma-date-picker-textfield__content-right-color-hover:var(--text-secondary-hover);--plasma-date-picker-textfield__content-right-color-active:var(--text-secondary-active);--plasma-date-picker-textfield-color:var(--text-primary);--plasma-date-picker-textfield-placeholder-color:var(--text-secondary);--plasma-date-picker-textfield-caret-color:var(--text-accent);--plasma-date-picker-textfield__content-color:var(--text-secondary);--plasma-date-picker-textfield__content-color-hover:var(--text-secondary-hover);--plasma-date-picker-textfield__content-color-active:var(--text-secondary-active);--plasma-date-picker-textfield__content-right-color:var(--text-secondary);--plasma-date-picker-textfield__content-right-color-hover:var(--text-secondary-hover);--plasma-date-picker-textfield__content-right-color-active:var(--text-secondary-active);--plasma-date-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-picker__indicator-color:var(--surface-negative);--plasma-date-picker-textfield-background-color:var(--surface-solid-primary);--plasma-date-picker-textfield-background-color-focus:var(--surface-solid-secondary);--plasma-date-picker-textfield-background-color-error:var(--surface-solid-negative);--plasma-date-picker-textfield-background-color-error-focus:var(--surface-solid-negative-active);--plasma-date-picker-textfield-background-color-success:var(--surface-solid-positive);--plasma-date-picker-textfield-background-color-success-focus:var(--surface-solid-positive-active);--plasma-date-picker-textfield__before-text-color:var(--text-tertiary);--plasma-date-picker-textfield__after-text-color:var(--text-tertiary);--plasma-date-picker-focus-color:var(--text-accent);--plasma-date-picker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-date-picker-popover-shadow:var(--shadow-down-soft-s);--plasma-date-picker-popover__separator-background:var(--surface-solid-secondary);--plasma-date-picker-popover__background-color:var(--surface-solid-card);--plasma-date-picker-calendar__selected-item-background:var(--surface-solid-default);--plasma-date-picker-calendar__selected-item-color:var(--inverse-text-primary);--plasma-date-picker-calendar__selectable-item-background-hover:var(--surface-solid-secondary);--plasma-date-picker-calendar__current-item-border-color:var(--surface-solid-default);--plasma-date-picker-calendar__current-item-background-hover:transparent;--plasma-date-picker-calendar__current-item-color-hover:var(--text-primary);--plasma-date-picker-calendar__current-item-child-background-hover:var(--surface-solid-secondary);--plasma-date-picker-calendar__active-item-background:var(--surface-solid-default);--plasma-date-picker-calendar__active-item-color:var(--inverse-text-primary);--plasma-date-picker-calendar__hovered-item-background:var(--surface-accent);--plasma-date-picker-calendar__hovered-item-color:var(--text-primary);--plasma-date-picker-calendar__range-background:var(--surface-solid-secondary);--plasma-date-picker-calendar__outline-focus-color:var(--surface-accent);--plasma-date-picker-calendar__content-primary-color:var(--surface-solid-default);--plasma-date-picker-calendar__content-primary-disabled-color:var(--surface-solid-default);--plasma-date-picker-calendar__header-arrow-color:--plasma-date-picker-calendar__content-primary-color;--plasma-date-picker-calendar__content-secondary-color:var(--text-secondary);--plasma-date-picker-calendar__content-secondary-disabled-color:var(--text-secondary);--plasma-date-picker-calendar__disabled-opacity:0.4;--plasma-date-picker-icon-button__color:var(--text-primary);--plasma-date-picker-icon-button__background-color:var(--surface-clear);--plasma-date-picker-icon-button__color-hover:var(--text-primary-hover);--plasma-date-picker-icon-button__background-color-hover:var(--surface-clear);--plasma-date-picker-icon-button__color-active:var(--text-primary-hover);--plasma-date-picker-icon-button__background-color-active:var(--surface-clear);--plasma-date-picker-icon-button__focus-color:var(--surface-accent);--plasma-date-picker-calendar-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-date-picker-calendar-tooltip-box-shadow:var(--shadow-down-hard-s);--plasma-date-picker-calendar-tooltip-color:var(--text-primary);--plasma-date-picker-shortcut-item-color:var(--text-primary);--plasma-date-picker-shortcut-item-background-hover:var(--surface-solid-secondary);}
|
|
184
187
|
.DatePicker_config_1bjucpu_mnygzaf__c19fe2e9{--plasma-date-picker-width:23rem;--plasma-date-picker_range-border-radius:0.75rem;--plasma-date-picker_range__divider-padding:0 0.375rem;--plasma-date-picker_range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker_range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker_range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker_range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker_range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker_range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-date-picker_range__right-content-margin:0;--plasma-date-picker__label-offset:0.625rem;--plasma-date-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-date-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-date-picker-label-wrapper-offset:0.625rem;--plasma-date-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-embed-icon-button-height:3rem;--plasma-date-picker-embed-icon-button-width:3rem;--plasma-date-picker-embed-icon-button-padding:0.75rem;--plasma-date-picker-embed-icon-button-radius:0.75rem;--plasma-date-picker-indicator-wrapper-gap:0.25rem;--plasma-date-picker__indicator-size:0.5rem;--plasma-date-picker__indicator-size-outer:0.375rem;--plasma-date-picker__indicator-placement:0 0 0 0;--plasma-date-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-date-picker__indicator-placement-right:0 0 auto auto;--plasma-date-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-date-picker-indicator-margin-top:0.25rem;--plasma-date-picker-indicator-outer-left:-0.75rem;--plasma-date-picker-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-date-picker-indicator-without-label-inner-left:auto auto -0.5rem 0;--plasma-date-picker-info-wrapper-hint-margin:-0.688rem;--plasma-date-picker-info-wrapper-hint-target-size:2.375rem;--plasma-date-picker-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-date-picker-info-wrapper-hint-placement-inner-offset:0 0.313rem 0 -0.438rem;--plasma-date-picker_old_hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-date-picker_old_clear-hint-inner-label-placement-offset:0.312rem -2.188rem auto auto;--plasma-date-picker-title-caption-offset:0.313rem;--plasma-date-picker-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-picker-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-picker-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-picker-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-picker-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-picker-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-picker-textfield-height:3rem;--plasma-date-picker-textfield-border-radius:0.75rem;--plasma-date-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-date-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-date-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-date-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-picker-popover-border-radius:0.75rem;--plasma-date-picker-popover-gap:1rem;--plasma-date-picker-popover-padding:1rem 1rem 1.125rem 1rem;--plasma-date-picker-popover-vertical-padding:2.125rem;--plasma-date-picker-calendar-width:21rem;--plasma-date-picker-calendar-height:21rem;--plasma-date-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-picker-calendar__year-item-border-radius:0.625rem;--plasma-date-picker-calendar__year-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-calendar__year-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-calendar__year-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-calendar__year-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-calendar__year-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-calendar__year-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-picker-calendar__month-item-border-radius:0.625rem;--plasma-date-picker-calendar__month-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-calendar__month-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-calendar__month-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-calendar__month-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-calendar__month-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-calendar__month-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-picker-calendar__quarters-padding:0.5rem 0 0 0;--plasma-date-picker-calendar__quarter-item-border-radius:0.625rem;--plasma-date-picker-calendar__quarter-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-calendar__quarter-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-calendar__quarter-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-calendar__quarter-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-calendar__quarter-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-picker-calendar__days-padding:0.5rem 0 0 0;--plasma-date-picker-calendar__day-item-border-radius:0.625rem;--plasma-date-picker-calendar__day-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-calendar__day-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-calendar__day-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-calendar__day-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-calendar__day-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-calendar__day-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-picker-calendar__current-item-border-width:0.063rem;--plasma-date-picker-calendar__header-wrapper-padding:0;--plasma-date-picker-calendar__header-arrow-gap:0;--plasma-date-picker-calendar__header-arrow-custom-size:1.5rem;--plasma-date-picker-calendar__header-padding:0 0 0 0.75rem;--plasma-date-picker-calendar__header-date-gap:0.25rem;--plasma-date-picker-calendar__header-font-family:var(--plasma-typo-h4-font-family);--plasma-date-picker-calendar__header-font-size:var(--plasma-typo-h4-font-size);--plasma-date-picker-calendar__header-font-style:var(--plasma-typo-h4-font-style);--plasma-date-picker-calendar__header-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-date-picker-calendar__header-line-height:var(--plasma-typo-h4-line-height);--plasma-date-picker-calendar__header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-date-picker-calendar__header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-date-picker-icon-button__height:3rem;--plasma-date-picker-icon-button__width:3rem;--plasma-date-picker-icon-button__padding:1.25rem;--plasma-date-picker-icon-button__radius:0.75rem;--plasma-date-picker-shortcut-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-picker-shortcut-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-picker-shortcut-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-picker-shortcut-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-picker-shortcut-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-picker-shortcut-item-padding:0.875rem 0.625rem;--plasma-date-picker-shortcut-item-gap:0.375rem;--plasma-date-picker-shortcut-item-border-radius:0.625rem;}
|
|
@@ -350,18 +353,24 @@
|
|
|
350
353
|
.Spinner_config_38b474_n74k20o__96af1290{--plasma-spinner-color:var(--text-negative);}
|
|
351
354
|
.Spinner_config_38b474_if42aip__96af1290{--plasma-spinner-color:var(--text-info);}
|
|
352
355
|
|
|
353
|
-
.
|
|
354
|
-
.
|
|
355
|
-
.
|
|
356
|
-
.
|
|
357
|
-
.
|
|
358
|
-
|
|
359
|
-
.
|
|
360
|
-
.
|
|
361
|
-
.
|
|
362
|
-
.
|
|
363
|
-
.
|
|
364
|
-
.
|
|
356
|
+
.StepItem_config_qzqyof_d10u5kv__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
357
|
+
.StepItem_config_qzqyof_a2vcg2y__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-accent);}
|
|
358
|
+
.StepItem_config_qzqyof_n1pcjfg0__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-negative);--plasma-step-item-completed-indicator-background-hover:var(--surface-negative-hover);--plasma-step-item-completed-title-color:var(--text-negative);--plasma-step-item-completed-title-color-hover:var(--text-negative-hover);--plasma-step-item-divider-color:var(--surface-negative);}
|
|
359
|
+
.StepItem_config_qzqyof_w14deh5a__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-warning);--plasma-step-item-completed-indicator-background-hover:var(--surface-warning-hover);--plasma-step-item-completed-title-color:var(--text-warning);--plasma-step-item-completed-title-color-hover:var(--text-warning-hover);--plasma-step-item-divider-color:var(--surface-warning);}
|
|
360
|
+
.StepItem_config_qzqyof_p15jq5ud__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-positive);--plasma-step-item-completed-indicator-background-hover:var(--surface-positive-hover);--plasma-step-item-completed-title-color:var(--text-positive);--plasma-step-item-completed-title-color-hover:var(--text-positive-hover);--plasma-step-item-divider-color:var(--surface-positive);}
|
|
361
|
+
|
|
362
|
+
.Steps_config_1i5tex4_d1eto8nh__4353a4a2{--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
363
|
+
.Steps_config_1i5tex4_as5t39y__4353a4a2{--plasma-step-item-divider-color:var(--surface-accent);}
|
|
364
|
+
.Steps_config_1i5tex4_d1o9g49i__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;}
|
|
365
|
+
.Steps_config_1i5tex4_nzx2zl9__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-negative);--plasma-step-item-active-title-color-hover:var(--surface-negative-hover);--plasma-step-item-active-indicator-border:solid var(--surface-negative);--plasma-step-item-active-indicator-color:var(--text-negative);}
|
|
366
|
+
.Steps_config_1i5tex4_wcdn5ma__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-warning);--plasma-step-item-active-title-color-hover:var(--surface-warning-hover);--plasma-step-item-active-indicator-border:solid var(--surface-warning);--plasma-step-item-active-indicator-color:var(--text-warning);}
|
|
367
|
+
.Steps_config_1i5tex4_pxho34d__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover);--plasma-step-item-active-indicator-border:solid var(--surface-positive);--plasma-step-item-active-indicator-color:var(--text-positive);}
|
|
368
|
+
.Steps_config_1i5tex4_my70uvz__4353a4a2{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
369
|
+
.Steps_config_1i5tex4_s13abbyw__4353a4a2{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
370
|
+
.Steps_config_1i5tex4_s3tayno__4353a4a2{--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-accent);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
371
|
+
.Steps_config_1i5tex4_stb8tz4__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
372
|
+
.Steps_config_1i5tex4_sdmymci__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
373
|
+
.Steps_config_1i5tex4_szwvz3f__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
365
374
|
|
|
366
375
|
.Switch_config_1ovx9o2_lx2gvdq__250b9a54{--plasma-switch-font-family:var(--plasma-typo-body-l-font-family);--plasma-switch-font-style:var(--plasma-typo-body-l-font-style);--plasma-switch-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-switch-line-height:var(--plasma-typo-body-l-line-height);--plasma-switch-font-size:var(--plasma-typo-body-l-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-switch-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-switch-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-switch-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-switch-description-line-height:var(--plasma-typo-body-m-line-height);--plasma-switch-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-switch-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-switch-vertical-gap:0.25rem;--plasma-switch__label-offset:0.75rem;}
|
|
367
376
|
.Switch_config_1ovx9o2_m14e2x67__250b9a54{--plasma-switch-font-family:var(--plasma-typo-body-m-font-family);--plasma-switch-font-style:var(--plasma-typo-body-m-font-style);--plasma-switch-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-switch-line-height:var(--plasma-typo-body-m-line-height);--plasma-switch-font-size:var(--plasma-typo-body-m-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-switch-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-switch-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-switch-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-switch-description-line-height:var(--plasma-typo-body-s-line-height);--plasma-switch-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-switch-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-switch-vertical-gap:0.25rem;--plasma-switch__label-offset:0.75rem;}
|
package/dist/css/es/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { Attach } from './components/Attach/Attach.js';
|
|
|
4
4
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
|
5
5
|
export { Avatar } from './components/Avatar/Avatar.js';
|
|
6
6
|
export { Badge } from './components/Badge/Badge.js';
|
|
7
|
+
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
|
|
7
8
|
export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
|
8
9
|
export { Button } from './components/Button/Button.js';
|
|
9
10
|
export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
|
|
@@ -23,6 +24,7 @@ export { EmptyState } from './components/EmptyState/EmptyState.js';
|
|
|
23
24
|
export { Flow } from './components/Flow/Flow.js';
|
|
24
25
|
export { Grid } from './components/Grid/Grid.js';
|
|
25
26
|
export { IconButton } from './components/IconButton/IconButton.js';
|
|
27
|
+
export { IconTabItem, TabItem } from './components/Tabs/TabItem.js';
|
|
26
28
|
export { Image } from './components/Image/Image.js';
|
|
27
29
|
export { List } from './components/List/List.js';
|
|
28
30
|
export { Modal } from './components/Modal/Modal.js';
|
|
@@ -37,15 +39,13 @@ export { Select } from './components/Select/Select.js';
|
|
|
37
39
|
export { Spinner } from './components/Spinner/Spinner.js';
|
|
38
40
|
export { Steps } from './components/Steps/Steps.js';
|
|
39
41
|
export { Switch } from './components/Switch/Switch.js';
|
|
40
|
-
export { TabsController } from './components/Tabs/TabsController.js';
|
|
41
42
|
export { Tabs } from './components/Tabs/Tabs.js';
|
|
42
|
-
export {
|
|
43
|
+
export { TabsController } from './components/Tabs/TabsController.js';
|
|
43
44
|
export { TextArea } from './components/TextArea/TextArea.js';
|
|
44
45
|
export { TextField } from './components/TextField/TextField.js';
|
|
45
46
|
export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
|
|
46
47
|
export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
|
|
47
48
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
|
48
49
|
export { Tree } from './components/Tree/Tree.js';
|
|
49
|
-
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
|
|
50
50
|
export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
|
|
51
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -14,6 +14,7 @@ const config = {
|
|
|
14
14
|
view: 'default',
|
|
15
15
|
size: 'm',
|
|
16
16
|
labelPlacement: 'outer',
|
|
17
|
+
chipView: 'secondary',
|
|
17
18
|
hintView: 'default',
|
|
18
19
|
hintSize: 'm'
|
|
19
20
|
},
|
|
@@ -493,6 +494,53 @@ const config = {
|
|
|
493
494
|
`,
|
|
494
495
|
outer: (0, _styledcomponents.css)``
|
|
495
496
|
},
|
|
497
|
+
chipView: {
|
|
498
|
+
default: (0, _styledcomponents.css)`
|
|
499
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
|
|
500
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
|
|
501
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
|
|
502
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
|
|
503
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
|
|
504
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
|
|
505
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
|
|
506
|
+
|
|
507
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
|
|
508
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
|
|
509
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
|
|
510
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
|
|
511
|
+
${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
|
|
512
|
+
`,
|
|
513
|
+
secondary: (0, _styledcomponents.css)`
|
|
514
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
|
|
515
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
|
|
516
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-secondary);
|
|
517
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
|
|
518
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
|
|
519
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
|
|
520
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
|
|
521
|
+
|
|
522
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
|
|
523
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
|
|
524
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
|
|
525
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
|
|
526
|
+
${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
|
|
527
|
+
`,
|
|
528
|
+
accent: (0, _styledcomponents.css)`
|
|
529
|
+
${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
|
|
530
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
|
|
531
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
|
|
532
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
|
|
533
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
|
|
534
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
|
|
535
|
+
${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
|
|
536
|
+
|
|
537
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
|
|
538
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
|
|
539
|
+
${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
|
|
540
|
+
${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
|
|
541
|
+
${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
|
|
542
|
+
`
|
|
543
|
+
},
|
|
496
544
|
hintView: {
|
|
497
545
|
default: (0, _styledcomponents.css)`
|
|
498
546
|
${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const config = {
|
|
13
|
+
defaults: {
|
|
14
|
+
view: 'default'
|
|
15
|
+
},
|
|
16
|
+
variations: {
|
|
17
|
+
view: {
|
|
18
|
+
default: (0, _styledcomponents.css)`
|
|
19
|
+
${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
|
|
20
|
+
${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
|
|
21
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
|
|
22
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
|
|
23
|
+
${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
|
|
24
|
+
${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
|
|
25
|
+
|
|
26
|
+
${_styledcomponents.stepsTokens.dividerColor}: var(--surface-solid-default);
|
|
27
|
+
`,
|
|
28
|
+
accent: (0, _styledcomponents.css)`
|
|
29
|
+
${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
|
|
30
|
+
${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
|
|
31
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-accent);
|
|
32
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
|
|
33
|
+
${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
|
|
34
|
+
${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
|
|
35
|
+
|
|
36
|
+
${_styledcomponents.stepsTokens.dividerColor}: var(--surface-accent);
|
|
37
|
+
`,
|
|
38
|
+
negative: (0, _styledcomponents.css)`
|
|
39
|
+
${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
|
|
40
|
+
${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
|
|
41
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-negative);
|
|
42
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
|
|
43
|
+
${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-negative);
|
|
44
|
+
${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-negative-hover);
|
|
45
|
+
|
|
46
|
+
${_styledcomponents.stepsTokens.dividerColor}: var(--surface-negative);
|
|
47
|
+
`,
|
|
48
|
+
warning: (0, _styledcomponents.css)`
|
|
49
|
+
${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
|
|
50
|
+
${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
|
|
51
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-warning);
|
|
52
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
|
|
53
|
+
${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-warning);
|
|
54
|
+
${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-warning-hover);
|
|
55
|
+
|
|
56
|
+
${_styledcomponents.stepsTokens.dividerColor}: var(--surface-warning);
|
|
57
|
+
`,
|
|
58
|
+
positive: (0, _styledcomponents.css)`
|
|
59
|
+
${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
|
|
60
|
+
${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
|
|
61
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-positive);
|
|
62
|
+
${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
|
|
63
|
+
${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-positive);
|
|
64
|
+
${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-positive-hover);
|
|
65
|
+
|
|
66
|
+
${_styledcomponents.stepsTokens.dividerColor}: var(--surface-positive);
|
|
67
|
+
`
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
};
|
|
@@ -102,11 +102,6 @@ const config = {
|
|
|
102
102
|
${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.875rem;
|
|
103
103
|
${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
|
|
104
104
|
|
|
105
|
-
${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.75rem;
|
|
106
|
-
${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.4375rem;
|
|
107
|
-
${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.25rem;
|
|
108
|
-
${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.125rem;
|
|
109
|
-
|
|
110
105
|
${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
111
106
|
${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
112
107
|
${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -149,11 +144,6 @@ const config = {
|
|
|
149
144
|
${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.6875rem;
|
|
150
145
|
${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
|
|
151
146
|
|
|
152
|
-
${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.5rem;
|
|
153
|
-
${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.5rem;
|
|
154
|
-
${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1rem;
|
|
155
|
-
${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.75rem;
|
|
156
|
-
|
|
157
147
|
${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
|
|
158
148
|
${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
|
|
159
149
|
${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
|
|
@@ -9,7 +9,11 @@ Object.defineProperty(exports, "Steps", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _StepItemconfig = require("./StepItem.config");
|
|
12
13
|
const _Stepsconfig = require("./Steps.config");
|
|
13
|
-
const
|
|
14
|
+
const mergedItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepItemConfig, _StepItemconfig.config);
|
|
15
|
+
const StepItem = (0, _styledcomponents.component)(mergedItemConfig);
|
|
16
|
+
const stepsConfig = (0, _styledcomponents.stepsConfig)(StepItem);
|
|
17
|
+
const mergedConfig = (0, _styledcomponents.mergeConfig)(stepsConfig, _Stepsconfig.config);
|
|
14
18
|
const StepsComponent = (0, _styledcomponents.component)(mergedConfig);
|
|
15
19
|
const Steps = StepsComponent;
|
|
@@ -4,6 +4,7 @@ export const config = {
|
|
|
4
4
|
view: 'default',
|
|
5
5
|
size: 'm',
|
|
6
6
|
labelPlacement: 'outer',
|
|
7
|
+
chipView: 'secondary',
|
|
7
8
|
hintView: 'default',
|
|
8
9
|
hintSize: 'm'
|
|
9
10
|
},
|
|
@@ -483,6 +484,53 @@ export const config = {
|
|
|
483
484
|
`,
|
|
484
485
|
outer: css``
|
|
485
486
|
},
|
|
487
|
+
chipView: {
|
|
488
|
+
default: css`
|
|
489
|
+
${tokens.textFieldChipColor}: var(--inverse-text-primary);
|
|
490
|
+
${tokens.textFieldChipColorHover}: var(--inverse-text-primary);
|
|
491
|
+
${tokens.textFieldChipBackground}: var(--surface-solid-default);
|
|
492
|
+
${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
|
|
493
|
+
${tokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
|
|
494
|
+
${tokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
|
|
495
|
+
${tokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
|
|
496
|
+
|
|
497
|
+
${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
|
|
498
|
+
${tokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
|
|
499
|
+
${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
|
|
500
|
+
${tokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
|
|
501
|
+
${tokens.textFieldChipOpacityReadonly}: 1;
|
|
502
|
+
`,
|
|
503
|
+
secondary: css`
|
|
504
|
+
${tokens.textFieldChipColor}: var(--text-primary);
|
|
505
|
+
${tokens.textFieldChipColorHover}: var(--text-primary);
|
|
506
|
+
${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
|
|
507
|
+
${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
|
|
508
|
+
${tokens.textFieldChipCloseIconColor}: var(--text-secondary);
|
|
509
|
+
${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
|
|
510
|
+
${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
|
|
511
|
+
|
|
512
|
+
${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
|
|
513
|
+
${tokens.textFieldChipColorReadOnly}: var(--text-primary);
|
|
514
|
+
${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
|
|
515
|
+
${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
|
|
516
|
+
${tokens.textFieldChipOpacityReadonly}: 1;
|
|
517
|
+
`,
|
|
518
|
+
accent: css`
|
|
519
|
+
${tokens.textFieldChipColor}: var(--on-dark-text-primary);
|
|
520
|
+
${tokens.textFieldChipColorHover}: var(--on-dark-text-primary);
|
|
521
|
+
${tokens.textFieldChipBackground}: var(--surface-accent);
|
|
522
|
+
${tokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
|
|
523
|
+
${tokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
|
|
524
|
+
${tokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
|
|
525
|
+
${tokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
|
|
526
|
+
|
|
527
|
+
${tokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
|
|
528
|
+
${tokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
|
|
529
|
+
${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
|
|
530
|
+
${tokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
|
|
531
|
+
${tokens.textFieldChipOpacityReadonly}: 1;
|
|
532
|
+
`
|
|
533
|
+
},
|
|
486
534
|
hintView: {
|
|
487
535
|
default: css`
|
|
488
536
|
${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
|