@salutejs/plasma-web 1.579.0-canary.1896.14266402169.0 → 1.579.0-canary.1899.14304912143.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/components/Steps/Steps.config.d.ts +12 -0
- package/components/Steps/Steps.config.js +33 -7
- package/components/Steps/Steps.d.ts +7 -0
- package/components/Typography/Old/index.d.ts +6 -0
- package/components/Typography/Typography.d.ts +34 -0
- package/css/cjs/components/Steps/Steps.config.js +31 -7
- package/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/css/cjs/components/Steps/{Steps.config_4mdg8k.css → Steps.config_1thzvf2.css} +14 -5
- package/css/cjs/components/Steps/Steps.css +14 -5
- package/css/cjs/index.css +14 -5
- package/css/es/components/Steps/Steps.config.js +31 -7
- package/css/es/components/Steps/Steps.config.js.map +1 -1
- package/css/es/components/Steps/{Steps.config_4mdg8k.css → Steps.config_1thzvf2.css} +14 -5
- package/css/es/components/Steps/Steps.css +14 -5
- package/css/es/index.css +14 -5
- package/es/components/Steps/Steps.config.js +33 -7
- package/package.json +3 -3
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.Steps_config_1thzvf2_d1eto8nh__4fada310{--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
2
|
+
.Steps_config_1thzvf2_as5t39y__4fada310{--plasma-step-item-divider-color:var(--surface-accent);}
|
|
3
|
+
.Steps_config_1thzvf2_d1o9g49i__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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;}
|
|
4
|
+
.Steps_config_1thzvf2_nzx2zl9__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
5
|
+
.Steps_config_1thzvf2_wcdn5ma__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
6
|
+
.Steps_config_1thzvf2_pxho34d__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
7
|
+
.Steps_config_1thzvf2_ly70uvz__4fada310{--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.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--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-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
8
|
+
.Steps_config_1thzvf2_m13abbyw__4fada310{--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-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--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;}
|
|
9
|
+
.Steps_config_1thzvf2_s3tayno__4fada310{--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-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height: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;}
|
|
10
|
+
.Steps_config_1thzvf2_xtb8tz4__4fada310{--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.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--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-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-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;}
|
|
11
|
+
.Steps_config_1thzvf2_sdmymci__4fada310{--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);}
|
|
12
|
+
.Steps_config_1thzvf2_szwvz3f__4fada310{--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);}
|
|
13
|
+
.Steps_config_1thzvf2_s1mgnpkk__4fada310{--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);}
|
|
14
|
+
.Steps_config_1thzvf2_s1o5165__4fada310{--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);}
|
package/css/es/index.css
CHANGED
|
@@ -567,11 +567,20 @@
|
|
|
567
567
|
.Spinner_config_kv9h01_wewxek2__ac938a23{--plasma-spinner-color:var(--text-warning);}
|
|
568
568
|
.Spinner_config_kv9h01_n1qiprti__ac938a23{--plasma-spinner-color:var(--text-negative);}
|
|
569
569
|
|
|
570
|
-
.
|
|
571
|
-
.
|
|
572
|
-
.
|
|
573
|
-
.
|
|
574
|
-
.
|
|
570
|
+
.Steps_config_1thzvf2_d1eto8nh__4fada310{--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
571
|
+
.Steps_config_1thzvf2_as5t39y__4fada310{--plasma-step-item-divider-color:var(--surface-accent);}
|
|
572
|
+
.Steps_config_1thzvf2_d1o9g49i__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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;}
|
|
573
|
+
.Steps_config_1thzvf2_nzx2zl9__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
574
|
+
.Steps_config_1thzvf2_wcdn5ma__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
575
|
+
.Steps_config_1thzvf2_pxho34d__4fada310{--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-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-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);}
|
|
576
|
+
.Steps_config_1thzvf2_ly70uvz__4fada310{--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.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--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-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
577
|
+
.Steps_config_1thzvf2_m13abbyw__4fada310{--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-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--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;}
|
|
578
|
+
.Steps_config_1thzvf2_s3tayno__4fada310{--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-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height: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;}
|
|
579
|
+
.Steps_config_1thzvf2_xtb8tz4__4fada310{--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.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--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-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-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;}
|
|
580
|
+
.Steps_config_1thzvf2_sdmymci__4fada310{--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);}
|
|
581
|
+
.Steps_config_1thzvf2_szwvz3f__4fada310{--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);}
|
|
582
|
+
.Steps_config_1thzvf2_s1mgnpkk__4fada310{--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);}
|
|
583
|
+
.Steps_config_1thzvf2_s1o5165__4fada310{--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);}
|
|
575
584
|
|
|
576
585
|
.Switch_config_1y3cre3_sx2gvdq__f73f395c{--plasma-switch-font-family:var(--plasma-typo-body-s-font-family);--plasma-switch-font-style:var(--plasma-typo-body-s-font-style);--plasma-switch-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-switch-line-height:var(--plasma-typo-body-s-line-height);--plasma-switch-font-size:var(--plasma-typo-body-s-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-switch-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-switch-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-switch-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-switch-description-line-height:var(--plasma-typo-body-xs-line-height);--plasma-switch-description-font-size:var(--plasma-typo-body-xs-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;}
|
|
577
586
|
.Switch_config_1y3cre3_m14e2x67__f73f395c{--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;}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
|
+
var baseItemView = /*#__PURE__*/"\n ".concat(tokens.activeTitleColor, ": var(--text-primary);\n ").concat(tokens.activeTitleColorHover, ": var(--text-primary-hover);\n ").concat(tokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n ").concat(tokens.activeIndicatorColor, ": var(--text-primary);\n ").concat(tokens.activeIndicatorBackground, ": var(--surface-clear);\n\n ").concat(tokens.completedIndicatorColor, ": var(--inverse-text-primary);\n ").concat(tokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n ").concat(tokens.completedIndicatorBackground, ": var(--surface-solid-default);\n ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n ").concat(tokens.completedTitleColor, ": var(--text-primary);\n ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n ").concat(tokens.inactiveTitleColor, ": var(--text-secondary);\n ").concat(tokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n ").concat(tokens.inactiveIndicatorColor, ": var(--text-secondary);\n ").concat(tokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n ").concat(tokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n ").concat(tokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n ").concat(tokens.contentColor, ": var(--text-secondary);\n ").concat(tokens.focusColor, ": var(--surface-accent);\n\n ").concat(tokens.disabledOpacity, ": 0.4;\n");
|
|
5
|
+
var accentConfig = /*#__PURE__*/"\n ".concat(tokens.completedTitleColor, ": var(--text-primary);\n ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n \n ").concat(tokens.completedIndicatorBackground, ": var(--surface-accent);\n ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n \n // \u0426\u0432\u0435\u0442 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 Step\n ").concat(tokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n ").concat(tokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
|
|
4
6
|
export var config = {
|
|
5
7
|
defaults: {
|
|
6
8
|
size: 'm',
|
|
@@ -8,13 +10,37 @@ export var config = {
|
|
|
8
10
|
},
|
|
9
11
|
variations: {
|
|
10
12
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
|
13
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n "])), tokens.dividerColor),
|
|
14
|
+
accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), tokens.dividerColor)
|
|
15
|
+
},
|
|
16
|
+
itemView: {
|
|
17
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), baseItemView),
|
|
18
|
+
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ": solid var(--surface-negative);\n ", ": var(--text-negative);\n "])), baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
|
|
19
|
+
warning: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning-hover);\n ", ": solid var(--surface-warning);\n ", ": var(--text-warning);\n "])), baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
|
|
20
|
+
positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive-hover);\n ", ": solid var(--surface-positive);\n ", ": var(--text-positive);\n "])), baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor)
|
|
12
21
|
},
|
|
13
22
|
size: {
|
|
14
|
-
l: /*#__PURE__*/css(
|
|
15
|
-
m: /*#__PURE__*/css(
|
|
16
|
-
s: /*#__PURE__*/css(
|
|
17
|
-
xs: /*#__PURE__*/css(
|
|
23
|
+
l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 2.25rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 2rem;\n ", ": 1.0625rem;\n ", ": 0.75rem;\n\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 1.5rem;\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
|
|
24
|
+
m: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 2.25rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 0.625rem;\n ", ": 0.375rem;\n ", ": 1.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.75rem;\n ", ": 0.4375rem;\n ", ": 1.25rem;\n ", ": 1.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
|
|
25
|
+
s: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0.6875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
|
|
26
|
+
xs: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 1.5rem;\n ", ": 0.5625rem;\n ", ": 0.75rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
|
|
18
27
|
}
|
|
19
|
-
}
|
|
28
|
+
},
|
|
29
|
+
intersections: [{
|
|
30
|
+
view: 'accent',
|
|
31
|
+
itemView: 'default',
|
|
32
|
+
style: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": solid var(--text-accent);\n ", ": var(--text-accent);\n\n ", ";\n "])), tokens.activeIndicatorBorder, tokens.activeIndicatorColor, accentConfig)
|
|
33
|
+
}, {
|
|
34
|
+
view: 'accent',
|
|
35
|
+
itemView: 'negative',
|
|
36
|
+
style: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
|
37
|
+
}, {
|
|
38
|
+
view: 'accent',
|
|
39
|
+
itemView: 'warning',
|
|
40
|
+
style: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
|
41
|
+
}, {
|
|
42
|
+
view: 'accent',
|
|
43
|
+
itemView: 'positive',
|
|
44
|
+
style: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
|
45
|
+
}]
|
|
20
46
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.579.0-canary.
|
|
3
|
+
"version": "1.579.0-canary.1899.14304912143.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-core": "1.195.0",
|
|
23
23
|
"@salutejs/plasma-hope": "1.338.0",
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.321.0-canary.
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.321.0-canary.1899.14304912143.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.31.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.48.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.59.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "18b9817501df630958b59f19b8bf98e60a9e1ee2"
|
|
115
115
|
}
|