@salutejs/plasma-web 1.402.1-canary.1448.10995617090.0 → 1.402.1-canary.1448.11010066200.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +225 -2
- package/components/Attach/Attach.config.d.ts +27 -0
- package/components/Attach/Attach.config.js +36 -0
- package/components/Attach/Attach.d.ts +224 -0
- package/components/Attach/Attach.js +14 -0
- package/components/Attach/index.d.ts +1 -0
- package/components/Attach/index.js +12 -0
- package/components/Cell/Cell.d.ts +2 -2
- package/css/cjs/components/Attach/Attach.config.js +35 -0
- package/css/cjs/components/Attach/Attach.config.js.map +1 -0
- package/css/cjs/components/Attach/Attach.config_1s3phpr.css +14 -0
- package/css/cjs/components/Attach/Attach.css +14 -0
- package/css/cjs/components/Attach/Attach.js +16 -0
- package/css/cjs/components/Attach/Attach.js.map +1 -0
- package/css/cjs/index.css +15 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Attach/Attach.config.js +31 -0
- package/css/es/components/Attach/Attach.config.js.map +1 -0
- package/css/es/components/Attach/Attach.config_1s3phpr.css +14 -0
- package/css/es/components/Attach/Attach.css +14 -0
- package/css/es/components/Attach/Attach.js +12 -0
- package/css/es/components/Attach/Attach.js.map +1 -0
- package/css/es/index.css +15 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Attach/Attach.config.js +30 -0
- package/es/components/Attach/Attach.js +8 -0
- package/es/components/Attach/index.js +1 -0
- package/es/index.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +4 -4
- package/temp/plasma-web.api.md +225 -2
@@ -0,0 +1,14 @@
|
|
1
|
+
.Attach_config_1s3phpr_dh2upgr__849279a5{--plasma-attach-button-color:var(--inverse-text-primary);--plasma-attach-button-value-color:var(--inverse-text-secondary);--plasma-attach-button-background-color:var(--surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-button-color-active:var(--inverse-text-primary);--plasma-attach-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary);--plasma-attach-icon-button-background-color:var(--surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
2
|
+
.Attach_config_1s3phpr_a8wsq7j__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-accent);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
3
|
+
.Attach_config_1s3phpr_s5x2wim__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-transparent-secondary);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary);--plasma-attach-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-button-color-active:var(--text-primary);--plasma-attach-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-transparent-secondary);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-icon-button-color-active:var(--text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
4
|
+
.Attach_config_1s3phpr_c7t1r9b__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-clear);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary-hover);--plasma-attach-button-background-color-hover:var(--surface-clear);--plasma-attach-button-color-active:var(--text-primary-active);--plasma-attach-button-background-color-active:var(--surface-clear);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-clear);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary-hover);--plasma-attach-icon-button-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-color-active:var(--text-primary-active);--plasma-attach-icon-button-background-color-active:var(--surface-clear);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
5
|
+
.Attach_config_1s3phpr_savuac0__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-positive);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-positive-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-positive);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-positive-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
6
|
+
.Attach_config_1s3phpr_w1xds7bq__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-warning);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-warning-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-warning);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-warning-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
7
|
+
.Attach_config_1s3phpr_c5nbujf__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-negative);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-negative-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-negative);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-negative-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
8
|
+
.Attach_config_1s3phpr_drovqmd__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
9
|
+
.Attach_config_1s3phpr_b1r56d65__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
10
|
+
.Attach_config_1s3phpr_w106agwf__849279a5{--plasma-attach-button-color:var(--on-light-text-primary);--plasma-attach-button-value-color:var(--on-light-text-secondary);--plasma-attach-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-light-text-primary);--plasma-attach-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-light-text-primary);--plasma-attach-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-light-text-primary);--plasma-attach-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
11
|
+
.Attach_config_1s3phpr_l1x8glsz__849279a5{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
12
|
+
.Attach_config_1s3phpr_m1gytn7q__849279a5{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:3rem;--plasma-attach-icon-button-width:3rem;--plasma-attach-icon-button-padding:1.25rem;--plasma-attach-icon-button-radius:0.75rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
13
|
+
.Attach_config_1s3phpr_s19ojacu__849279a5{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
14
|
+
.Attach_config_1s3phpr_x7sr79d__849279a5{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-button-spinner-size:1rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-spinner-size:1rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { component, mergeConfig, attachConfig } from '@salutejs/plasma-new-hope';
|
2
|
+
import { config } from './Attach.config.js';
|
3
|
+
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
|
5
|
+
|
6
|
+
/**
|
7
|
+
* Компонент, позволяющий прикрепить локальный файл
|
8
|
+
*/
|
9
|
+
var Attach = /*#__PURE__*/component(mergedConfig);
|
10
|
+
|
11
|
+
export { Attach };
|
12
|
+
//# sourceMappingURL=Attach.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Attach.js","sources":["../../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
package/css/es/index.css
CHANGED
@@ -9,6 +9,21 @@
|
|
9
9
|
|
10
10
|
|
11
11
|
|
12
|
+
.Attach_config_1s3phpr_dh2upgr__849279a5{--plasma-attach-button-color:var(--inverse-text-primary);--plasma-attach-button-value-color:var(--inverse-text-secondary);--plasma-attach-button-background-color:var(--surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-button-color-active:var(--inverse-text-primary);--plasma-attach-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary);--plasma-attach-icon-button-background-color:var(--surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
13
|
+
.Attach_config_1s3phpr_a8wsq7j__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-accent);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
14
|
+
.Attach_config_1s3phpr_s5x2wim__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-transparent-secondary);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary);--plasma-attach-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-button-color-active:var(--text-primary);--plasma-attach-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-transparent-secondary);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-attach-icon-button-color-active:var(--text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
15
|
+
.Attach_config_1s3phpr_c7t1r9b__849279a5{--plasma-attach-button-color:var(--text-primary);--plasma-attach-button-value-color:var(--text-secondary);--plasma-attach-button-background-color:var(--surface-clear);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary-hover);--plasma-attach-button-background-color-hover:var(--surface-clear);--plasma-attach-button-color-active:var(--text-primary-active);--plasma-attach-button-background-color-active:var(--surface-clear);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-clear);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary-hover);--plasma-attach-icon-button-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-color-active:var(--text-primary-active);--plasma-attach-icon-button-background-color-active:var(--surface-clear);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
16
|
+
.Attach_config_1s3phpr_savuac0__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-positive);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-positive-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-positive);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-positive-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
17
|
+
.Attach_config_1s3phpr_w1xds7bq__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-warning);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-warning-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-warning);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-warning-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
18
|
+
.Attach_config_1s3phpr_c5nbujf__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-negative);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-negative-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-negative);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-negative-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
19
|
+
.Attach_config_1s3phpr_drovqmd__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
20
|
+
.Attach_config_1s3phpr_b1r56d65__849279a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
21
|
+
.Attach_config_1s3phpr_w106agwf__849279a5{--plasma-attach-button-color:var(--on-light-text-primary);--plasma-attach-button-value-color:var(--on-light-text-secondary);--plasma-attach-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-light-text-primary);--plasma-attach-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-button-color-active:var(--on-light-text-primary);--plasma-attach-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-light-text-primary);--plasma-attach-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--on-light-text-primary);--plasma-attach-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
|
22
|
+
.Attach_config_1s3phpr_l1x8glsz__849279a5{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
23
|
+
.Attach_config_1s3phpr_m1gytn7q__849279a5{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:3rem;--plasma-attach-icon-button-width:3rem;--plasma-attach-icon-button-padding:1.25rem;--plasma-attach-icon-button-radius:0.75rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
24
|
+
.Attach_config_1s3phpr_s19ojacu__849279a5{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
25
|
+
.Attach_config_1s3phpr_x7sr79d__849279a5{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-button-spinner-size:1rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-spinner-size:1rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;}
|
26
|
+
|
12
27
|
.Autocomplete_config_3qyax3_d15witju__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-secondary);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-transparent-tertiary);--plasma-autocomplete-textfield-border-color-hover:var(--plasma-colors-secondary);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
13
28
|
.Autocomplete_config_3qyax3_p23ewyp__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-positive);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-positive);--plasma-autocomplete-textfield-border-color-hover:var(--surface-positive);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
14
29
|
.Autocomplete_config_3qyax3_w19hpt9v__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-warning);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-warning);--plasma-autocomplete-textfield-border-color-hover:var(--surface-warning);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
package/css/es/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
export { Combobox } from './components/Combobox/index.js';
|
2
2
|
export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, modalClasses as modalBaseClasses, popupClasses as popupBaseClasses, priceClasses, rangeTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
3
3
|
export { Accordion } from './components/Accordion/Accordion.js';
|
4
|
+
export { Attach } from './components/Attach/Attach.js';
|
4
5
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
5
6
|
export { Avatar } from './components/Avatar/Avatar.js';
|
6
7
|
export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
export * from '../components/Accordion';
|
2
|
+
export * from '../components/Attach';
|
2
3
|
export * from '../components/Autocomplete';
|
3
4
|
export * from '../components/Avatar';
|
4
5
|
export * from '../components/AvatarGroup';
|
@@ -52,6 +53,7 @@ export * from '../components/Toolbar';
|
|
52
53
|
export * from '../components/Tooltip';
|
53
54
|
export * from '../components/Typography';
|
54
55
|
export * from '../components/Accordion';
|
56
|
+
export * from '../components/Attach';
|
55
57
|
export * from '../components/Autocomplete';
|
56
58
|
export * from '../components/Avatar';
|
57
59
|
export * from '../components/AvatarGroup';
|
@@ -0,0 +1,30 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import { css, attachTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
view: 'default',
|
7
|
+
focused: 'true',
|
8
|
+
size: 'm'
|
9
|
+
},
|
10
|
+
variations: {
|
11
|
+
view: {
|
12
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
13
|
+
accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
14
|
+
secondary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
15
|
+
clear: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
16
|
+
success: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
17
|
+
warning: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
18
|
+
critical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
19
|
+
dark: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
20
|
+
black: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
|
21
|
+
white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor)
|
22
|
+
},
|
23
|
+
size: {
|
24
|
+
l: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.5rem;\n\n ", ": 3.5rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.5rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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-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 ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
25
|
+
m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.5rem;\n\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.375rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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 ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
26
|
+
s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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 ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
|
27
|
+
xs: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.25rem;\n\n ", ": 2rem;\n ", ": 10rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.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-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 ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
28
|
+
}
|
29
|
+
}
|
30
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './Attach.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Компонент, позволяющий прикрепить локальный файл
|
7
|
+
*/
|
8
|
+
export var Attach = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Attach } from './Attach';
|
package/es/index.js
CHANGED
@@ -68,4 +68,5 @@ export * from './components/DatePicker';
|
|
68
68
|
export * from './components/Autocomplete';
|
69
69
|
export * from './components/EmptyState';
|
70
70
|
export * from './components/TextFieldGroup';
|
71
|
-
export * from './components/Mask';
|
71
|
+
export * from './components/Mask';
|
72
|
+
export * from './components/Attach';
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
@@ -783,4 +783,15 @@ Object.keys(_Mask).forEach(function (key) {
|
|
783
783
|
return _Mask[key];
|
784
784
|
}
|
785
785
|
});
|
786
|
+
});
|
787
|
+
var _Attach = /*#__PURE__*/require("./components/Attach");
|
788
|
+
Object.keys(_Attach).forEach(function (key) {
|
789
|
+
if (key === "default" || key === "__esModule") return;
|
790
|
+
if (key in exports && exports[key] === _Attach[key]) return;
|
791
|
+
Object.defineProperty(exports, key, {
|
792
|
+
enumerable: true,
|
793
|
+
get: function get() {
|
794
|
+
return _Attach[key];
|
795
|
+
}
|
796
|
+
});
|
786
797
|
});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.402.1-canary.1448.
|
3
|
+
"version": "1.402.1-canary.1448.11010066200.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",
|
@@ -20,8 +20,8 @@
|
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
23
|
-
"@salutejs/plasma-hope": "1.312.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.150.1-canary.1448.
|
23
|
+
"@salutejs/plasma-hope": "1.312.1-canary.1448.11010066200.0",
|
24
|
+
"@salutejs/plasma-new-hope": "0.150.1-canary.1448.11010066200.0",
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "dc1d5c39b7f08581d77adf6ded33d5c84b5284cd"
|
116
116
|
}
|