@spectrum-web-components/styles 1.3.0-testing.0 → 1.3.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/styles",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1-beta.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"lit-html"
|
|
116
116
|
],
|
|
117
117
|
"dependencies": {
|
|
118
|
-
"@spectrum-web-components/base": "
|
|
118
|
+
"@spectrum-web-components/base": "1.3.1-beta.0",
|
|
119
119
|
"lit": "^2.5.0 || ^3.1.3"
|
|
120
120
|
},
|
|
121
121
|
"devDependencies": {
|
|
@@ -2154,6 +2154,11 @@
|
|
|
2154
2154
|
var(--spectrum-gray-900-rgb),
|
|
2155
2155
|
var(--spectrum-transparent-black-200-opacity)
|
|
2156
2156
|
);
|
|
2157
|
+
--system-menu-item-corner-radius: 0;
|
|
2158
|
+
--system-menu-item-focus-indicator-shadow: inset;
|
|
2159
|
+
--system-menu-item-focus-indicator-offset: 0;
|
|
2160
|
+
--system-menu-item-spacing-multiplier: 0;
|
|
2161
|
+
--system-menu-item-focus-indicator-outline-style: none;
|
|
2157
2162
|
--system-meter-min-width: var(--spectrum-meter-minimum-width);
|
|
2158
2163
|
--system-meter-max-width: var(--spectrum-meter-maximum-width);
|
|
2159
2164
|
--system-meter-inline-size: var(--spectrum-progressbar-size-2500);
|
|
@@ -2550,46 +2555,7 @@
|
|
|
2550
2555
|
--system-search-border-color-focus: var(--spectrum-gray-800);
|
|
2551
2556
|
--system-search-border-color-focus-hover: var(--spectrum-gray-900);
|
|
2552
2557
|
--system-search-border-color-key-focus: var(--spectrum-gray-900);
|
|
2553
|
-
--system-search-inline-size: var(--spectrum-field-width);
|
|
2554
|
-
--system-search-min-inline-multiplier: var(
|
|
2555
|
-
--spectrum-search-field-minimum-width-multiplier
|
|
2556
|
-
);
|
|
2557
|
-
--system-search-to-help-text: var(--spectrum-help-text-to-component);
|
|
2558
|
-
--system-search-top-to-text: var(--spectrum-component-top-to-text-100);
|
|
2559
|
-
--system-search-bottom-to-text: var(
|
|
2560
|
-
--spectrum-component-bottom-to-text-100
|
|
2561
|
-
);
|
|
2562
|
-
--system-search-focus-indicator-thickness: var(
|
|
2563
|
-
--spectrum-focus-indicator-thickness
|
|
2564
|
-
);
|
|
2565
|
-
--system-search-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
|
|
2566
|
-
--system-search-focus-indicator-color: var(
|
|
2567
|
-
--spectrum-focus-indicator-color
|
|
2568
|
-
);
|
|
2569
|
-
--system-search-font-family: var(--spectrum-sans-font-family-stack);
|
|
2570
|
-
--system-search-font-weight: var(--spectrum-regular-font-weight);
|
|
2571
|
-
--system-search-font-style: var(--spectrum-default-font-style);
|
|
2572
|
-
--system-search-line-height: var(--spectrum-line-height-100);
|
|
2573
|
-
--system-search-color-default: var(
|
|
2574
|
-
--spectrum-neutral-content-color-default
|
|
2575
|
-
);
|
|
2576
|
-
--system-search-color-hover: var(--spectrum-neutral-content-color-hover);
|
|
2577
|
-
--system-search-color-focus: var(--spectrum-neutral-content-color-focus);
|
|
2578
|
-
--system-search-color-focus-hover: var(
|
|
2579
|
-
--spectrum-neutral-content-color-focus-hover
|
|
2580
|
-
);
|
|
2581
|
-
--system-search-color-key-focus: var(
|
|
2582
|
-
--spectrum-neutral-content-color-key-focus
|
|
2583
|
-
);
|
|
2584
|
-
--system-search-border-width: var(--spectrum-border-width-100);
|
|
2585
2558
|
--system-search-background-color: var(--spectrum-gray-50);
|
|
2586
|
-
--system-search-color-disabled: var(--spectrum-disabled-content-color);
|
|
2587
|
-
--system-search-background-color-disabled: var(
|
|
2588
|
-
--spectrum-disabled-background-color
|
|
2589
|
-
);
|
|
2590
|
-
--system-search-border-color-disabled: var(
|
|
2591
|
-
--spectrum-disabled-background-color
|
|
2592
|
-
);
|
|
2593
2559
|
--system-search-border-radius: calc(
|
|
2594
2560
|
var(--spectrum-component-height-100) / 2
|
|
2595
2561
|
);
|
|
@@ -2602,48 +2568,24 @@
|
|
|
2602
2568
|
--system-search-size-m-edge-to-visual: var(
|
|
2603
2569
|
--spectrum-component-pill-edge-to-visual-100
|
|
2604
2570
|
);
|
|
2605
|
-
--system-search-block-size: var(--spectrum-component-height-100);
|
|
2606
|
-
--system-search-size-m-block-size: var(--spectrum-component-height-100);
|
|
2607
|
-
--system-search-icon-size: var(--spectrum-workflow-icon-size-100);
|
|
2608
|
-
--system-search-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
|
|
2609
|
-
--system-search-text-to-icon: var(--spectrum-text-to-visual-100);
|
|
2610
|
-
--system-search-size-m-text-to-icon: var(--spectrum-text-to-visual-100);
|
|
2611
2571
|
--system-search-size-s-border-radius: calc(
|
|
2612
2572
|
var(--spectrum-component-height-75) / 2
|
|
2613
2573
|
);
|
|
2614
2574
|
--system-search-size-s-edge-to-visual: var(
|
|
2615
2575
|
--spectrum-component-pill-edge-to-visual-75
|
|
2616
2576
|
);
|
|
2617
|
-
--system-search-size-s-block-size: var(--spectrum-component-height-75);
|
|
2618
|
-
--system-search-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
|
|
2619
|
-
--system-search-size-s-text-to-icon: var(--spectrum-text-to-visual-75);
|
|
2620
2577
|
--system-search-size-l-border-radius: calc(
|
|
2621
2578
|
var(--spectrum-component-height-200) / 2
|
|
2622
2579
|
);
|
|
2623
2580
|
--system-search-size-l-edge-to-visual: var(
|
|
2624
2581
|
--spectrum-component-pill-edge-to-visual-200
|
|
2625
2582
|
);
|
|
2626
|
-
--system-search-size-l-block-size: var(--spectrum-component-height-200);
|
|
2627
|
-
--system-search-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
|
|
2628
|
-
--system-search-size-l-text-to-icon: var(--spectrum-text-to-visual-200);
|
|
2629
2583
|
--system-search-size-xl-border-radius: calc(
|
|
2630
2584
|
var(--spectrum-component-height-300) / 2
|
|
2631
2585
|
);
|
|
2632
2586
|
--system-search-size-xl-edge-to-visual: var(
|
|
2633
2587
|
--spectrum-component-pill-edge-to-visual-300
|
|
2634
2588
|
);
|
|
2635
|
-
--system-search-size-xl-block-size: var(--spectrum-component-height-300);
|
|
2636
|
-
--system-search-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
|
|
2637
|
-
--system-search-size-xl-text-to-icon: var(--spectrum-text-to-visual-300);
|
|
2638
|
-
--system-search-quiet-background-color: transparent;
|
|
2639
|
-
--system-search-quiet-background-color-disabled: transparent;
|
|
2640
|
-
--system-search-quiet-border-color-disabled: var(
|
|
2641
|
-
--spectrum-disabled-border-color
|
|
2642
|
-
);
|
|
2643
|
-
--system-search-quiet-border-radius: 0;
|
|
2644
|
-
--system-search-quiet-edge-to-visual: var(
|
|
2645
|
-
--spectrum-field-edge-to-visual-quiet
|
|
2646
|
-
);
|
|
2647
2589
|
--system-side-nav-focus-ring-size: var(
|
|
2648
2590
|
--spectrum-focus-indicator-thickness
|
|
2649
2591
|
);
|
|
@@ -2978,16 +2920,11 @@
|
|
|
2978
2920
|
--spectrum-component-bottom-to-text-300
|
|
2979
2921
|
);
|
|
2980
2922
|
--system-stepper-border-width: var(--spectrum-border-width-200);
|
|
2981
|
-
--system-stepper-border-color: var(--spectrum-gray-400);
|
|
2923
|
+
--system-stepper-border-color-default: var(--spectrum-gray-400);
|
|
2982
2924
|
--system-stepper-border-color-hover: var(--spectrum-gray-500);
|
|
2983
2925
|
--system-stepper-border-color-focus: var(--spectrum-gray-800);
|
|
2984
2926
|
--system-stepper-border-color-focus-hover: var(--spectrum-gray-900);
|
|
2985
2927
|
--system-stepper-border-color-keyboard-focus: var(--spectrum-gray-900);
|
|
2986
|
-
--system-stepper-border-radius: var(--spectrum-corner-radius-100);
|
|
2987
|
-
--system-stepper-min-width-multiplier: var(
|
|
2988
|
-
--spectrum-text-field-minimum-width-multiplier
|
|
2989
|
-
);
|
|
2990
|
-
--system-stepper-animation-duration: var(--spectrum-animation-duration-100);
|
|
2991
2928
|
--system-stepper-buttons-border-style: solid;
|
|
2992
2929
|
--system-stepper-buttons-border-width: var(--spectrum-border-width-200);
|
|
2993
2930
|
--system-stepper-buttons-border-color: transparent;
|
|
@@ -2995,55 +2932,17 @@
|
|
|
2995
2932
|
--system-stepper-buttons-border-color-hover: transparent;
|
|
2996
2933
|
--system-stepper-buttons-border-color-focus: transparent;
|
|
2997
2934
|
--system-stepper-buttons-border-color-keyboard-focus: transparent;
|
|
2998
|
-
--system-stepper-button-padding: var(
|
|
2999
|
-
--spectrum-in-field-button-edge-to-fill
|
|
3000
|
-
);
|
|
3001
|
-
--system-stepper-button-border-radius-reset: var(
|
|
3002
|
-
--spectrum-in-field-button-fill-stacked-inner-border-rounding
|
|
3003
|
-
);
|
|
3004
2935
|
--system-stepper-button-border-width: 0;
|
|
3005
|
-
--system-stepper-button-background-color-focus: var(--spectrum-gray-400);
|
|
3006
|
-
--system-stepper-button-background-color-keyboard-focus: var(
|
|
3007
|
-
--spectrum-gray-300
|
|
3008
|
-
);
|
|
3009
2936
|
--system-stepper-border-color-invalid: transparent;
|
|
3010
|
-
--system-stepper-border-color-hover-invalid: transparent;
|
|
3011
2937
|
--system-stepper-border-color-focus-invalid: transparent;
|
|
3012
2938
|
--system-stepper-border-color-focus-hover-invalid: transparent;
|
|
3013
2939
|
--system-stepper-border-color-keyboard-focus-invalid: transparent;
|
|
3014
|
-
--system-stepper-focus-indicator-width: var(
|
|
3015
|
-
--spectrum-focus-indicator-thickness
|
|
3016
|
-
);
|
|
3017
|
-
--system-stepper-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
|
|
3018
|
-
--system-stepper-focus-indicator-color: var(
|
|
3019
|
-
--spectrum-focus-indicator-color
|
|
3020
|
-
);
|
|
3021
|
-
--system-stepper-button-border-color-quiet: transparent;
|
|
3022
|
-
--system-stepper-button-border-color-disabled: var(--spectrum-gray-200);
|
|
3023
2940
|
--system-stepper-button-border-width-disabled: 0;
|
|
3024
2941
|
--system-stepper-buttons-background-color-disabled: var(
|
|
3025
2942
|
--spectrum-disabled-background-color
|
|
3026
2943
|
);
|
|
3027
|
-
--system-stepper-
|
|
3028
|
-
|
|
3029
|
-
);
|
|
3030
|
-
--system-stepper-size-s-height: var(--spectrum-component-height-75);
|
|
3031
|
-
--system-stepper-button-width: var(
|
|
3032
|
-
--spectrum-in-field-button-width-stacked-medium
|
|
3033
|
-
);
|
|
3034
|
-
--system-stepper-size-m-button-width: var(
|
|
3035
|
-
--spectrum-in-field-button-width-stacked-medium
|
|
3036
|
-
);
|
|
3037
|
-
--system-stepper-height: var(--spectrum-component-height-100);
|
|
3038
|
-
--system-stepper-size-m-height: var(--spectrum-component-height-100);
|
|
3039
|
-
--system-stepper-size-l-button-width: var(
|
|
3040
|
-
--spectrum-in-field-button-width-stacked-large
|
|
3041
|
-
);
|
|
3042
|
-
--system-stepper-size-l-height: var(--spectrum-component-height-200);
|
|
3043
|
-
--system-stepper-size-xl-button-width: var(
|
|
3044
|
-
--spectrum-in-field-button-width-stacked-extra-large
|
|
3045
|
-
);
|
|
3046
|
-
--system-stepper-size-xl-height: var(--spectrum-component-height-300);
|
|
2944
|
+
--system-stepper-quiet-buttons-border-style: none;
|
|
2945
|
+
--system-stepper-quiet-button-edge-to-fill: 0;
|
|
3047
2946
|
--system-swatch-border-radius: var(--spectrum-corner-radius-100);
|
|
3048
2947
|
--system-swatch-focus-indicator-border-radius: var(
|
|
3049
2948
|
--spectrum-corner-radius-200
|
|
@@ -4151,372 +4050,7 @@
|
|
|
4151
4050
|
--system-textfield-border-color-focus-hover: var(--spectrum-gray-900);
|
|
4152
4051
|
--system-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
|
|
4153
4052
|
--system-textfield-border-width: var(--spectrum-border-width-200);
|
|
4154
|
-
--system-textfield-texfield-animation-duration: var(
|
|
4155
|
-
--spectrum-animation-duration-100
|
|
4156
|
-
);
|
|
4157
|
-
--system-textfield-width: 240px;
|
|
4158
|
-
--system-textfield-min-width: var(
|
|
4159
|
-
--spectrum-text-field-minimum-width-multiplier
|
|
4160
|
-
);
|
|
4161
|
-
--system-textfield-corner-radius: var(--spectrum-corner-radius-100);
|
|
4162
|
-
--system-textfield-spacing-inline-quiet: var(
|
|
4163
|
-
--spectrum-field-edge-to-text-quiet
|
|
4164
|
-
);
|
|
4165
|
-
--system-textfield-spacing-block-start: var(
|
|
4166
|
-
--spectrum-component-top-to-text-100
|
|
4167
|
-
);
|
|
4168
|
-
--system-textfield-spacing-block-end: var(
|
|
4169
|
-
--spectrum-component-bottom-to-text-100
|
|
4170
|
-
);
|
|
4171
|
-
--system-textfield-spacing-block-quiet: var(
|
|
4172
|
-
--spectrum-field-edge-to-border-quiet
|
|
4173
|
-
);
|
|
4174
|
-
--system-textfield-label-spacing-block: var(
|
|
4175
|
-
--spectrum-field-label-to-component
|
|
4176
|
-
);
|
|
4177
|
-
--system-textfield-helptext-spacing-block: var(
|
|
4178
|
-
--spectrum-help-text-to-component
|
|
4179
|
-
);
|
|
4180
|
-
--system-textfield-icon-spacing-inline-end-quiet-invalid: var(
|
|
4181
|
-
--spectrum-field-edge-to-alert-icon-quiet
|
|
4182
|
-
);
|
|
4183
|
-
--system-textfield-icon-spacing-inline-end-quiet-valid: var(
|
|
4184
|
-
--spectrum-field-edge-to-validation-icon-quiet
|
|
4185
|
-
);
|
|
4186
|
-
--system-textfield-font-family: var(--spectrum-sans-font-family-stack);
|
|
4187
|
-
--system-textfield-font-weight: var(--spectrum-regular-font-weight);
|
|
4188
|
-
--system-textfield-character-count-font-family: var(
|
|
4189
|
-
--spectrum-sans-font-family-stack
|
|
4190
|
-
);
|
|
4191
|
-
--system-textfield-character-count-font-weight: var(
|
|
4192
|
-
--spectrum-regular-font-weight
|
|
4193
|
-
);
|
|
4194
|
-
--system-textfield-character-count-spacing-inline: var(
|
|
4195
|
-
--spectrum-spacing-200
|
|
4196
|
-
);
|
|
4197
|
-
--system-textfield-character-count-spacing-inline-side: var(
|
|
4198
|
-
--spectrum-side-label-character-count-to-field
|
|
4199
|
-
);
|
|
4200
|
-
--system-textfield-focus-indicator-width: var(
|
|
4201
|
-
--spectrum-focus-indicator-thickness
|
|
4202
|
-
);
|
|
4203
|
-
--system-textfield-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
|
|
4204
4053
|
--system-textfield-background-color: var(--spectrum-gray-50);
|
|
4205
|
-
--system-textfield-text-color-default: var(
|
|
4206
|
-
--spectrum-neutral-content-color-default
|
|
4207
|
-
);
|
|
4208
|
-
--system-textfield-text-color-hover: var(
|
|
4209
|
-
--spectrum-neutral-content-color-hover
|
|
4210
|
-
);
|
|
4211
|
-
--system-textfield-text-color-focus: var(
|
|
4212
|
-
--spectrum-neutral-content-color-focus
|
|
4213
|
-
);
|
|
4214
|
-
--system-textfield-text-color-focus-hover: var(
|
|
4215
|
-
--spectrum-neutral-content-color-focus-hover
|
|
4216
|
-
);
|
|
4217
|
-
--system-textfield-text-color-keyboard-focus: var(
|
|
4218
|
-
--spectrum-neutral-content-color-key-focus
|
|
4219
|
-
);
|
|
4220
|
-
--system-textfield-text-color-readonly: var(
|
|
4221
|
-
--spectrum-neutral-content-color-default
|
|
4222
|
-
);
|
|
4223
|
-
--system-textfield-background-color-disabled: var(
|
|
4224
|
-
--spectrum-disabled-background-color
|
|
4225
|
-
);
|
|
4226
|
-
--system-textfield-border-color-disabled: var(
|
|
4227
|
-
--spectrum-disabled-border-color
|
|
4228
|
-
);
|
|
4229
|
-
--system-textfield-text-color-disabled: var(
|
|
4230
|
-
--spectrum-disabled-content-color
|
|
4231
|
-
);
|
|
4232
|
-
--system-textfield-border-color-invalid-default: var(
|
|
4233
|
-
--spectrum-negative-border-color-default
|
|
4234
|
-
);
|
|
4235
|
-
--system-textfield-border-color-invalid-hover: var(
|
|
4236
|
-
--spectrum-negative-border-color-hover
|
|
4237
|
-
);
|
|
4238
|
-
--system-textfield-border-color-invalid-focus: var(
|
|
4239
|
-
--spectrum-negative-border-color-focus
|
|
4240
|
-
);
|
|
4241
|
-
--system-textfield-border-color-invalid-focus-hover: var(
|
|
4242
|
-
--spectrum-negative-border-color-focus-hover
|
|
4243
|
-
);
|
|
4244
|
-
--system-textfield-border-color-invalid-keyboard-focus: var(
|
|
4245
|
-
--spectrum-negative-border-color-key-focus
|
|
4246
|
-
);
|
|
4247
|
-
--system-textfield-icon-color-invalid: var(
|
|
4248
|
-
--spectrum-negative-visual-color
|
|
4249
|
-
);
|
|
4250
|
-
--system-textfield-text-color-invalid: var(
|
|
4251
|
-
--spectrum-neutral-content-color-default
|
|
4252
|
-
);
|
|
4253
|
-
--system-textfield-text-color-valid: var(
|
|
4254
|
-
--spectrum-neutral-content-color-default
|
|
4255
|
-
);
|
|
4256
|
-
--system-textfield-icon-color-valid: var(--spectrum-positive-visual-color);
|
|
4257
|
-
--system-textfield-focus-indicator-color: var(
|
|
4258
|
-
--spectrum-focus-indicator-color
|
|
4259
|
-
);
|
|
4260
|
-
--system-textfield-text-area-min-inline-size: var(
|
|
4261
|
-
--spectrum-text-area-minimum-width
|
|
4262
|
-
);
|
|
4263
|
-
--system-textfield-text-area-min-block-size: var(
|
|
4264
|
-
--spectrum-text-area-minimum-height
|
|
4265
|
-
);
|
|
4266
|
-
--system-textfield-size-s-height: var(--spectrum-component-height-75);
|
|
4267
|
-
--system-textfield-size-s-label-spacing-block-quiet: var(
|
|
4268
|
-
--spectrum-field-label-to-component-quiet-small
|
|
4269
|
-
);
|
|
4270
|
-
--system-textfield-size-s-label-spacing-inline-side-label: var(
|
|
4271
|
-
--spectrum-spacing-100
|
|
4272
|
-
);
|
|
4273
|
-
--system-textfield-size-s-placeholder-font-size: var(
|
|
4274
|
-
--spectrum-font-size-75
|
|
4275
|
-
);
|
|
4276
|
-
--system-textfield-size-s-spacing-inline: var(
|
|
4277
|
-
--spectrum-component-edge-to-text-75
|
|
4278
|
-
);
|
|
4279
|
-
--system-textfield-size-s-icon-size-invalid: var(
|
|
4280
|
-
--spectrum-workflow-icon-size-75
|
|
4281
|
-
);
|
|
4282
|
-
--system-textfield-size-s-icon-size-valid: var(
|
|
4283
|
-
--spectrum-checkmark-icon-size-75
|
|
4284
|
-
);
|
|
4285
|
-
--system-textfield-size-s-icon-spacing-inline-end-invalid: var(
|
|
4286
|
-
--spectrum-field-edge-to-alert-icon-small
|
|
4287
|
-
);
|
|
4288
|
-
--system-textfield-size-s-icon-spacing-inline-end-valid: var(
|
|
4289
|
-
--spectrum-field-edge-to-validation-icon-small
|
|
4290
|
-
);
|
|
4291
|
-
--system-textfield-size-s-icon-spacing-block-invalid: var(
|
|
4292
|
-
--spectrum-field-top-to-alert-icon-small
|
|
4293
|
-
);
|
|
4294
|
-
--system-textfield-size-s-icon-spacing-block-valid: var(
|
|
4295
|
-
--spectrum-field-top-to-validation-icon-small
|
|
4296
|
-
);
|
|
4297
|
-
--system-textfield-size-s-icon-spacing-inline-start-invalid: var(
|
|
4298
|
-
--spectrum-field-text-to-alert-icon-small
|
|
4299
|
-
);
|
|
4300
|
-
--system-textfield-size-s-icon-spacing-inline-start-valid: var(
|
|
4301
|
-
--spectrum-field-text-to-validation-icon-small
|
|
4302
|
-
);
|
|
4303
|
-
--system-textfield-size-s-character-count-font-size: var(
|
|
4304
|
-
--spectrum-font-size-75
|
|
4305
|
-
);
|
|
4306
|
-
--system-textfield-size-s-character-count-spacing-block: var(
|
|
4307
|
-
--spectrum-component-bottom-to-text-75
|
|
4308
|
-
);
|
|
4309
|
-
--system-textfield-size-s-character-count-spacing-block-quiet: var(
|
|
4310
|
-
--spectrum-character-count-to-field-quiet-small
|
|
4311
|
-
);
|
|
4312
|
-
--system-textfield-size-s-character-count-spacing-block-side: var(
|
|
4313
|
-
--spectrum-side-label-character-count-top-margin-small
|
|
4314
|
-
);
|
|
4315
|
-
--system-textfield-size-s-text-area-min-block-size-quiet: var(
|
|
4316
|
-
--spectrum-component-height-75
|
|
4317
|
-
);
|
|
4318
|
-
--system-textfield-height: var(--spectrum-component-height-100);
|
|
4319
|
-
--system-textfield-size-m-height: var(--spectrum-component-height-100);
|
|
4320
|
-
--system-textfield-label-spacing-block-quiet: var(
|
|
4321
|
-
--spectrum-field-label-to-component-quiet-medium
|
|
4322
|
-
);
|
|
4323
|
-
--system-textfield-size-m-label-spacing-block-quiet: var(
|
|
4324
|
-
--spectrum-field-label-to-component-quiet-medium
|
|
4325
|
-
);
|
|
4326
|
-
--system-textfield-label-spacing-inline-side-label: var(
|
|
4327
|
-
--spectrum-spacing-200
|
|
4328
|
-
);
|
|
4329
|
-
--system-textfield-size-m-label-spacing-inline-side-label: var(
|
|
4330
|
-
--spectrum-spacing-200
|
|
4331
|
-
);
|
|
4332
|
-
--system-textfield-placeholder-font-size: var(--spectrum-font-size-100);
|
|
4333
|
-
--system-textfield-size-m-placeholder-font-size: var(
|
|
4334
|
-
--spectrum-font-size-100
|
|
4335
|
-
);
|
|
4336
|
-
--system-textfield-spacing-inline: var(
|
|
4337
|
-
--spectrum-component-edge-to-text-100
|
|
4338
|
-
);
|
|
4339
|
-
--system-textfield-size-m-spacing-inline: var(
|
|
4340
|
-
--spectrum-component-edge-to-text-100
|
|
4341
|
-
);
|
|
4342
|
-
--system-textfield-icon-size-invalid: var(
|
|
4343
|
-
--spectrum-workflow-icon-size-100
|
|
4344
|
-
);
|
|
4345
|
-
--system-textfield-size-m-icon-size-invalid: var(
|
|
4346
|
-
--spectrum-workflow-icon-size-100
|
|
4347
|
-
);
|
|
4348
|
-
--system-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
|
|
4349
|
-
--system-textfield-size-m-icon-size-valid: var(
|
|
4350
|
-
--spectrum-checkmark-icon-size-100
|
|
4351
|
-
);
|
|
4352
|
-
--system-textfield-icon-spacing-inline-end-invalid: var(
|
|
4353
|
-
--spectrum-field-edge-to-alert-icon-medium
|
|
4354
|
-
);
|
|
4355
|
-
--system-textfield-size-m-icon-spacing-inline-end-invalid: var(
|
|
4356
|
-
--spectrum-field-edge-to-alert-icon-medium
|
|
4357
|
-
);
|
|
4358
|
-
--system-textfield-icon-spacing-inline-end-valid: var(
|
|
4359
|
-
--spectrum-field-edge-to-validation-icon-medium
|
|
4360
|
-
);
|
|
4361
|
-
--system-textfield-size-m-icon-spacing-inline-end-valid: var(
|
|
4362
|
-
--spectrum-field-edge-to-validation-icon-medium
|
|
4363
|
-
);
|
|
4364
|
-
--system-textfield-icon-spacing-block-invalid: var(
|
|
4365
|
-
--spectrum-field-top-to-alert-icon-medium
|
|
4366
|
-
);
|
|
4367
|
-
--system-textfield-size-m-icon-spacing-block-invalid: var(
|
|
4368
|
-
--spectrum-field-top-to-alert-icon-medium
|
|
4369
|
-
);
|
|
4370
|
-
--system-textfield-icon-spacing-block-valid: var(
|
|
4371
|
-
--spectrum-field-top-to-validation-icon-medium
|
|
4372
|
-
);
|
|
4373
|
-
--system-textfield-size-m-icon-spacing-block-valid: var(
|
|
4374
|
-
--spectrum-field-top-to-validation-icon-medium
|
|
4375
|
-
);
|
|
4376
|
-
--system-textfield-icon-spacing-inline-start-invalid: var(
|
|
4377
|
-
--spectrum-field-text-to-alert-icon-medium
|
|
4378
|
-
);
|
|
4379
|
-
--system-textfield-size-m-icon-spacing-inline-start-invalid: var(
|
|
4380
|
-
--spectrum-field-text-to-alert-icon-medium
|
|
4381
|
-
);
|
|
4382
|
-
--system-textfield-icon-spacing-inline-start-valid: var(
|
|
4383
|
-
--spectrum-field-text-to-validation-icon-medium
|
|
4384
|
-
);
|
|
4385
|
-
--system-textfield-size-m-icon-spacing-inline-start-valid: var(
|
|
4386
|
-
--spectrum-field-text-to-validation-icon-medium
|
|
4387
|
-
);
|
|
4388
|
-
--system-textfield-character-count-font-size: var(--spectrum-font-size-75);
|
|
4389
|
-
--system-textfield-size-m-character-count-font-size: var(
|
|
4390
|
-
--spectrum-font-size-75
|
|
4391
|
-
);
|
|
4392
|
-
--system-textfield-character-count-spacing-block: var(
|
|
4393
|
-
--spectrum-component-bottom-to-text-75
|
|
4394
|
-
);
|
|
4395
|
-
--system-textfield-size-m-character-count-spacing-block: var(
|
|
4396
|
-
--spectrum-component-bottom-to-text-75
|
|
4397
|
-
);
|
|
4398
|
-
--system-textfield-character-count-spacing-block-quiet: var(
|
|
4399
|
-
--spectrum-character-count-to-field-quiet-medium
|
|
4400
|
-
);
|
|
4401
|
-
--system-textfield-size-m-character-count-spacing-block-quiet: var(
|
|
4402
|
-
--spectrum-character-count-to-field-quiet-medium
|
|
4403
|
-
);
|
|
4404
|
-
--system-textfield-character-count-spacing-block-side: var(
|
|
4405
|
-
--spectrum-side-label-character-count-top-margin-medium
|
|
4406
|
-
);
|
|
4407
|
-
--system-textfield-size-m-character-count-spacing-block-side: var(
|
|
4408
|
-
--spectrum-side-label-character-count-top-margin-medium
|
|
4409
|
-
);
|
|
4410
|
-
--system-textfield-text-area-min-block-size-quiet: var(
|
|
4411
|
-
--spectrum-component-height-100
|
|
4412
|
-
);
|
|
4413
|
-
--system-textfield-size-m-text-area-min-block-size-quiet: var(
|
|
4414
|
-
--spectrum-component-height-100
|
|
4415
|
-
);
|
|
4416
|
-
--system-textfield-size-l-height: var(--spectrum-component-height-200);
|
|
4417
|
-
--system-textfield-size-l-label-spacing-block-quiet: var(
|
|
4418
|
-
--spectrum-field-label-to-component-quiet-large
|
|
4419
|
-
);
|
|
4420
|
-
--system-textfield-size-l-label-spacing-inline-side-label: var(
|
|
4421
|
-
--spectrum-spacing-200
|
|
4422
|
-
);
|
|
4423
|
-
--system-textfield-size-l-placeholder-font-size: var(
|
|
4424
|
-
--spectrum-font-size-200
|
|
4425
|
-
);
|
|
4426
|
-
--system-textfield-size-l-spacing-inline: var(
|
|
4427
|
-
--spectrum-component-edge-to-text-200
|
|
4428
|
-
);
|
|
4429
|
-
--system-textfield-size-l-icon-size-invalid: var(
|
|
4430
|
-
--spectrum-workflow-icon-size-200
|
|
4431
|
-
);
|
|
4432
|
-
--system-textfield-size-l-icon-size-valid: var(
|
|
4433
|
-
--spectrum-checkmark-icon-size-200
|
|
4434
|
-
);
|
|
4435
|
-
--system-textfield-size-l-icon-spacing-inline-end-invalid: var(
|
|
4436
|
-
--spectrum-field-edge-to-alert-icon-large
|
|
4437
|
-
);
|
|
4438
|
-
--system-textfield-size-l-icon-spacing-inline-end-valid: var(
|
|
4439
|
-
--spectrum-field-edge-to-validation-icon-large
|
|
4440
|
-
);
|
|
4441
|
-
--system-textfield-size-l-icon-spacing-block-invalid: var(
|
|
4442
|
-
--spectrum-field-top-to-alert-icon-large
|
|
4443
|
-
);
|
|
4444
|
-
--system-textfield-size-l-icon-spacing-block-valid: var(
|
|
4445
|
-
--spectrum-field-top-to-validation-icon-large
|
|
4446
|
-
);
|
|
4447
|
-
--system-textfield-size-l-icon-spacing-inline-start-invalid: var(
|
|
4448
|
-
--spectrum-field-text-to-alert-icon-large
|
|
4449
|
-
);
|
|
4450
|
-
--system-textfield-size-l-icon-spacing-inline-start-valid: var(
|
|
4451
|
-
--spectrum-field-text-to-validation-icon-large
|
|
4452
|
-
);
|
|
4453
|
-
--system-textfield-size-l-character-count-font-size: var(
|
|
4454
|
-
--spectrum-font-size-100
|
|
4455
|
-
);
|
|
4456
|
-
--system-textfield-size-l-character-count-spacing-block: var(
|
|
4457
|
-
--spectrum-component-bottom-to-text-100
|
|
4458
|
-
);
|
|
4459
|
-
--system-textfield-size-l-character-count-spacing-block-quiet: var(
|
|
4460
|
-
--spectrum-character-count-to-field-quiet-large
|
|
4461
|
-
);
|
|
4462
|
-
--system-textfield-size-l-character-count-spacing-block-side: var(
|
|
4463
|
-
--spectrum-side-label-character-count-top-margin-large
|
|
4464
|
-
);
|
|
4465
|
-
--system-textfield-size-l-text-area-min-block-size-quiet: var(
|
|
4466
|
-
--spectrum-component-height-200
|
|
4467
|
-
);
|
|
4468
|
-
--system-textfield-size-xl-height: var(--spectrum-component-height-300);
|
|
4469
|
-
--system-textfield-size-xl-label-spacing-block-quiet: var(
|
|
4470
|
-
--spectrum-field-label-to-component-quiet-extra-large
|
|
4471
|
-
);
|
|
4472
|
-
--system-textfield-size-xl-label-spacing-inline-side-label: var(
|
|
4473
|
-
--spectrum-spacing-200
|
|
4474
|
-
);
|
|
4475
|
-
--system-textfield-size-xl-placeholder-font-size: var(
|
|
4476
|
-
--spectrum-font-size-300
|
|
4477
|
-
);
|
|
4478
|
-
--system-textfield-size-xl-spacing-inline: var(
|
|
4479
|
-
--spectrum-component-edge-to-text-200
|
|
4480
|
-
);
|
|
4481
|
-
--system-textfield-size-xl-icon-size-invalid: var(
|
|
4482
|
-
--spectrum-workflow-icon-size-300
|
|
4483
|
-
);
|
|
4484
|
-
--system-textfield-size-xl-icon-size-valid: var(
|
|
4485
|
-
--spectrum-checkmark-icon-size-300
|
|
4486
|
-
);
|
|
4487
|
-
--system-textfield-size-xl-icon-spacing-inline-end-invalid: var(
|
|
4488
|
-
--spectrum-field-edge-to-alert-icon-extra-large
|
|
4489
|
-
);
|
|
4490
|
-
--system-textfield-size-xl-icon-spacing-inline-end-valid: var(
|
|
4491
|
-
--spectrum-field-edge-to-validation-icon-extra-large
|
|
4492
|
-
);
|
|
4493
|
-
--system-textfield-size-xl-icon-spacing-block-invalid: var(
|
|
4494
|
-
--spectrum-field-top-to-alert-icon-extra-large
|
|
4495
|
-
);
|
|
4496
|
-
--system-textfield-size-xl-icon-spacing-block-valid: var(
|
|
4497
|
-
--spectrum-field-top-to-validation-icon-extra-large
|
|
4498
|
-
);
|
|
4499
|
-
--system-textfield-size-xl-icon-spacing-inline-start-invalid: var(
|
|
4500
|
-
--spectrum-field-text-to-alert-icon-extra-large
|
|
4501
|
-
);
|
|
4502
|
-
--system-textfield-size-xl-icon-spacing-inline-start-valid: var(
|
|
4503
|
-
--spectrum-field-text-to-validation-icon-extra-large
|
|
4504
|
-
);
|
|
4505
|
-
--system-textfield-size-xl-character-count-font-size: var(
|
|
4506
|
-
--spectrum-font-size-200
|
|
4507
|
-
);
|
|
4508
|
-
--system-textfield-size-xl-character-count-spacing-block: var(
|
|
4509
|
-
--spectrum-component-bottom-to-text-200
|
|
4510
|
-
);
|
|
4511
|
-
--system-textfield-size-xl-character-count-spacing-block-quiet: var(
|
|
4512
|
-
--spectrum-character-count-to-field-quiet-extra-large
|
|
4513
|
-
);
|
|
4514
|
-
--system-textfield-size-xl-character-count-spacing-block-side: var(
|
|
4515
|
-
--spectrum-side-label-character-count-top-margin-extra-large
|
|
4516
|
-
);
|
|
4517
|
-
--system-textfield-size-xl-text-area-min-block-size-quiet: var(
|
|
4518
|
-
--spectrum-component-height-300
|
|
4519
|
-
);
|
|
4520
4054
|
--system-thumbnail-border-radius: var(--spectrum-corner-radius-75);
|
|
4521
4055
|
--system-toast-background-color-default: var(
|
|
4522
4056
|
--spectrum-neutral-background-color-default
|