@spectrum-web-components/styles 1.3.0-testing.0 → 1.3.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.
Files changed (4) hide show
  1. package/package.json +2 -2
  2. package/tokens/express/system-theme-bridge.css +8 -474
  3. package/tokens/spectrum/system-theme-bridge.css +8 -474
  4. package/tokens-v2/system-theme-bridge.css +14 -478
package/tokens-v2/system-theme-bridge.css CHANGED
@@ -1142,7 +1142,9 @@
1142
1142
  --system-breadcrumbs-focus-indicator-color: var(
1143
1143
  --spectrum-focus-indicator-color
1144
1144
  );
1145
- --system-checkbox-control-color-default: var(--spectrum-gray-600);
1145
+ --system-checkbox-control-color-default: var(
1146
+ --spectrum-neutral-content-color-default
1147
+ );
1146
1148
  --system-checkbox-control-color-hover: var(--spectrum-gray-700);
1147
1149
  --system-checkbox-control-color-down: var(--spectrum-gray-800);
1148
1150
  --system-checkbox-control-color-focus: var(--spectrum-gray-700);
@@ -2150,6 +2152,11 @@
2150
2152
  var(--spectrum-gray-1000-rgb),
2151
2153
  var(--spectrum-transparent-black-200-opacity)
2152
2154
  );
2155
+ --system-menu-item-corner-radius: var(--spectrum-corner-radius-100);
2156
+ --system-menu-item-focus-indicator-shadow: none;
2157
+ --system-menu-item-focus-indicator-offset: var(--spectrum-spacing-50);
2158
+ --system-menu-item-spacing-multiplier: 1;
2159
+ --system-menu-item-focus-indicator-outline-style: solid;
2153
2160
  --system-meter-min-width: var(--spectrum-meter-minimum-width);
2154
2161
  --system-meter-max-width: var(--spectrum-meter-maximum-width);
2155
2162
  --system-meter-inline-size: var(--spectrum-meter-width);
@@ -2192,13 +2199,13 @@
2192
2199
  --spectrum-animation-duration-100
2193
2200
  );
2194
2201
  --system-picker-background-color-default: var(--spectrum-gray-100);
2195
- --system-picker-background-color-default-open: var(--spectrum-gray-100);
2202
+ --system-picker-background-color-default-open: var(--spectrum-gray-200);
2196
2203
  --system-picker-background-color-hover: var(--spectrum-gray-200);
2197
2204
  --system-picker-background-color-hover-open: var(--spectrum-gray-200);
2198
2205
  --system-picker-background-color-active: var(--spectrum-gray-200);
2199
2206
  --system-picker-background-color-key-focus: var(--spectrum-gray-200);
2200
- --system-picker-border-color-default: var(--spectrum-gray-800);
2201
- --system-picker-border-color-default-open: var(--spectrum-gray-500);
2207
+ --system-picker-border-color-default: var(--spectrum-gray-500);
2208
+ --system-picker-border-color-default-open: var(--spectrum-gray-800);
2202
2209
  --system-picker-border-color-hover: var(--spectrum-gray-600);
2203
2210
  --system-picker-border-color-hover-open: var(--spectrum-gray-900);
2204
2211
  --system-picker-border-color-active: var(--spectrum-gray-700);
@@ -2544,46 +2551,7 @@
2544
2551
  --system-search-border-color-focus: var(--spectrum-gray-800);
2545
2552
  --system-search-border-color-focus-hover: var(--spectrum-gray-900);
2546
2553
  --system-search-border-color-key-focus: var(--spectrum-gray-900);
2547
- --system-search-inline-size: var(--spectrum-field-width);
2548
- --system-search-min-inline-multiplier: var(
2549
- --spectrum-search-field-minimum-width-multiplier
2550
- );
2551
- --system-search-to-help-text: var(--spectrum-help-text-to-component);
2552
- --system-search-top-to-text: var(--spectrum-component-top-to-text-100);
2553
- --system-search-bottom-to-text: var(
2554
- --spectrum-component-bottom-to-text-100
2555
- );
2556
- --system-search-focus-indicator-thickness: var(
2557
- --spectrum-focus-indicator-thickness
2558
- );
2559
- --system-search-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
2560
- --system-search-focus-indicator-color: var(
2561
- --spectrum-focus-indicator-color
2562
- );
2563
- --system-search-font-family: var(--spectrum-sans-font-family-stack);
2564
- --system-search-font-weight: var(--spectrum-regular-font-weight);
2565
- --system-search-font-style: var(--spectrum-default-font-style);
2566
- --system-search-line-height: var(--spectrum-line-height-100);
2567
- --system-search-color-default: var(
2568
- --spectrum-neutral-content-color-default
2569
- );
2570
- --system-search-color-hover: var(--spectrum-neutral-content-color-hover);
2571
- --system-search-color-focus: var(--spectrum-neutral-content-color-focus);
2572
- --system-search-color-focus-hover: var(
2573
- --spectrum-neutral-content-color-focus-hover
2574
- );
2575
- --system-search-color-key-focus: var(
2576
- --spectrum-neutral-content-color-key-focus
2577
- );
2578
- --system-search-border-width: var(--spectrum-border-width-100);
2579
2554
  --system-search-background-color: var(--spectrum-gray-25);
2580
- --system-search-color-disabled: var(--spectrum-disabled-content-color);
2581
- --system-search-background-color-disabled: var(
2582
- --spectrum-disabled-background-color
2583
- );
2584
- --system-search-border-color-disabled: var(
2585
- --spectrum-disabled-background-color
2586
- );
2587
2555
  --system-search-border-radius: var(--spectrum-corner-radius-100);
2588
2556
  --system-search-size-m-border-radius: var(--spectrum-corner-radius-100);
2589
2557
  --system-search-edge-to-visual: var(
@@ -2592,42 +2560,18 @@
2592
2560
  --system-search-size-m-edge-to-visual: var(
2593
2561
  --spectrum-component-edge-to-visual-100
2594
2562
  );
2595
- --system-search-block-size: var(--spectrum-component-height-100);
2596
- --system-search-size-m-block-size: var(--spectrum-component-height-100);
2597
- --system-search-icon-size: var(--spectrum-workflow-icon-size-100);
2598
- --system-search-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
2599
- --system-search-text-to-icon: var(--spectrum-text-to-visual-100);
2600
- --system-search-size-m-text-to-icon: var(--spectrum-text-to-visual-100);
2601
2563
  --system-search-size-s-border-radius: var(--spectrum-corner-radius-100);
2602
2564
  --system-search-size-s-edge-to-visual: var(
2603
2565
  --spectrum-component-edge-to-visual-75
2604
2566
  );
2605
- --system-search-size-s-block-size: var(--spectrum-component-height-75);
2606
- --system-search-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
2607
- --system-search-size-s-text-to-icon: var(--spectrum-text-to-visual-75);
2608
2567
  --system-search-size-l-border-radius: var(--spectrum-corner-radius-100);
2609
2568
  --system-search-size-l-edge-to-visual: var(
2610
2569
  --spectrum-component-edge-to-visual-200
2611
2570
  );
2612
- --system-search-size-l-block-size: var(--spectrum-component-height-200);
2613
- --system-search-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
2614
- --system-search-size-l-text-to-icon: var(--spectrum-text-to-visual-200);
2615
2571
  --system-search-size-xl-border-radius: var(--spectrum-corner-radius-100);
2616
2572
  --system-search-size-xl-edge-to-visual: var(
2617
2573
  --spectrum-component-edge-to-visual-300
2618
2574
  );
2619
- --system-search-size-xl-block-size: var(--spectrum-component-height-300);
2620
- --system-search-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
2621
- --system-search-size-xl-text-to-icon: var(--spectrum-text-to-visual-300);
2622
- --system-search-quiet-background-color: transparent;
2623
- --system-search-quiet-background-color-disabled: transparent;
2624
- --system-search-quiet-border-color-disabled: var(
2625
- --spectrum-disabled-border-color
2626
- );
2627
- --system-search-quiet-border-radius: 0;
2628
- --system-search-quiet-edge-to-visual: var(
2629
- --spectrum-field-edge-to-visual-quiet
2630
- );
2631
2575
  --system-side-nav-focus-ring-size: var(
2632
2576
  --spectrum-focus-indicator-thickness
2633
2577
  );
@@ -2962,16 +2906,11 @@
2962
2906
  --spectrum-component-bottom-to-text-300
2963
2907
  );
2964
2908
  --system-stepper-border-width: var(--spectrum-border-width-100);
2965
- --system-stepper-border-color: var(--spectrum-gray-500);
2909
+ --system-stepper-border-color-default: var(--spectrum-gray-500);
2966
2910
  --system-stepper-border-color-hover: var(--spectrum-gray-600);
2967
2911
  --system-stepper-border-color-focus: var(--spectrum-gray-800);
2968
2912
  --system-stepper-border-color-focus-hover: var(--spectrum-gray-800);
2969
2913
  --system-stepper-border-color-keyboard-focus: var(--spectrum-gray-900);
2970
- --system-stepper-border-radius: var(--spectrum-corner-radius-100);
2971
- --system-stepper-min-width-multiplier: var(
2972
- --spectrum-text-field-minimum-width-multiplier
2973
- );
2974
- --system-stepper-animation-duration: var(--spectrum-animation-duration-100);
2975
2914
  --system-stepper-buttons-border-style: none;
2976
2915
  --system-stepper-buttons-border-width: 0;
2977
2916
  --system-stepper-buttons-border-color: var(--spectrum-gray-500);
@@ -2981,21 +2920,10 @@
2981
2920
  --system-stepper-buttons-border-color-keyboard-focus: var(
2982
2921
  --spectrum-gray-900
2983
2922
  );
2984
- --system-stepper-button-padding: var(
2985
- --spectrum-in-field-button-edge-to-fill
2986
- );
2987
- --system-stepper-button-border-radius-reset: 0px;
2988
2923
  --system-stepper-button-border-width: var(--spectrum-border-width-100);
2989
- --system-stepper-button-background-color-focus: var(--spectrum-gray-300);
2990
- --system-stepper-button-background-color-keyboard-focus: var(
2991
- --spectrum-gray-100
2992
- );
2993
2924
  --system-stepper-border-color-invalid: var(
2994
2925
  --spectrum-negative-border-color-default
2995
2926
  );
2996
- --system-stepper-border-color-hover-invalid: var(
2997
- --spectrum-negative-border-color-hover
2998
- );
2999
2927
  --system-stepper-border-color-focus-invalid: var(
3000
2928
  --spectrum-negative-border-color-focus
3001
2929
  );
@@ -3005,39 +2933,12 @@
3005
2933
  --system-stepper-border-color-keyboard-focus-invalid: var(
3006
2934
  --spectrum-negative-border-color-key-focus
3007
2935
  );
3008
- --system-stepper-focus-indicator-width: var(
3009
- --spectrum-focus-indicator-thickness
3010
- );
3011
- --system-stepper-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
3012
- --system-stepper-focus-indicator-color: var(
3013
- --spectrum-focus-indicator-color
3014
- );
3015
- --system-stepper-button-border-color-quiet: transparent;
3016
- --system-stepper-button-border-color-disabled: var(--spectrum-gray-100);
3017
2936
  --system-stepper-button-border-width-disabled: var(
3018
2937
  --spectrum-border-width-100
3019
2938
  );
3020
2939
  --system-stepper-buttons-background-color-disabled: var(--spectrum-gray-50);
3021
- --system-stepper-size-s-button-width: var(
3022
- --spectrum-in-field-button-width-stacked-small
3023
- );
3024
- --system-stepper-size-s-height: var(--spectrum-component-height-75);
3025
- --system-stepper-button-width: var(
3026
- --spectrum-in-field-button-width-stacked-medium
3027
- );
3028
- --system-stepper-size-m-button-width: var(
3029
- --spectrum-in-field-button-width-stacked-medium
3030
- );
3031
- --system-stepper-height: var(--spectrum-component-height-100);
3032
- --system-stepper-size-m-height: var(--spectrum-component-height-100);
3033
- --system-stepper-size-l-button-width: var(
3034
- --spectrum-in-field-button-width-stacked-large
3035
- );
3036
- --system-stepper-size-l-height: var(--spectrum-component-height-200);
3037
- --system-stepper-size-xl-button-width: var(
3038
- --spectrum-in-field-button-width-stacked-extra-large
3039
- );
3040
- --system-stepper-size-xl-height: var(--spectrum-component-height-300);
2940
+ --system-stepper-quiet-buttons-border-style: none;
2941
+ --system-stepper-quiet-button-edge-to-fill: 0;
3041
2942
  --system-swatch-border-radius: var(--spectrum-corner-radius-100);
3042
2943
  --system-swatch-focus-indicator-border-radius: var(
3043
2944
  --spectrum-corner-radius-200
@@ -4147,372 +4048,7 @@
4147
4048
  --system-textfield-border-color-focus-hover: var(--spectrum-gray-900);
4148
4049
  --system-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
4149
4050
  --system-textfield-border-width: var(--spectrum-border-width-100);
4150
- --system-textfield-texfield-animation-duration: var(
4151
- --spectrum-animation-duration-100
4152
- );
4153
- --system-textfield-width: 240px;
4154
- --system-textfield-min-width: var(
4155
- --spectrum-text-field-minimum-width-multiplier
4156
- );
4157
- --system-textfield-corner-radius: var(--spectrum-corner-radius-100);
4158
- --system-textfield-spacing-inline-quiet: var(
4159
- --spectrum-field-edge-to-text-quiet
4160
- );
4161
- --system-textfield-spacing-block-start: var(
4162
- --spectrum-component-top-to-text-100
4163
- );
4164
- --system-textfield-spacing-block-end: var(
4165
- --spectrum-component-bottom-to-text-100
4166
- );
4167
- --system-textfield-spacing-block-quiet: var(
4168
- --spectrum-field-edge-to-border-quiet
4169
- );
4170
- --system-textfield-label-spacing-block: var(
4171
- --spectrum-field-label-to-component
4172
- );
4173
- --system-textfield-helptext-spacing-block: var(
4174
- --spectrum-help-text-to-component
4175
- );
4176
- --system-textfield-icon-spacing-inline-end-quiet-invalid: var(
4177
- --spectrum-field-edge-to-alert-icon-quiet
4178
- );
4179
- --system-textfield-icon-spacing-inline-end-quiet-valid: var(
4180
- --spectrum-field-edge-to-validation-icon-quiet
4181
- );
4182
- --system-textfield-font-family: var(--spectrum-sans-font-family-stack);
4183
- --system-textfield-font-weight: var(--spectrum-regular-font-weight);
4184
- --system-textfield-character-count-font-family: var(
4185
- --spectrum-sans-font-family-stack
4186
- );
4187
- --system-textfield-character-count-font-weight: var(
4188
- --spectrum-regular-font-weight
4189
- );
4190
- --system-textfield-character-count-spacing-inline: var(
4191
- --spectrum-spacing-200
4192
- );
4193
- --system-textfield-character-count-spacing-inline-side: var(
4194
- --spectrum-side-label-character-count-to-field
4195
- );
4196
- --system-textfield-focus-indicator-width: var(
4197
- --spectrum-focus-indicator-thickness
4198
- );
4199
- --system-textfield-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
4200
4051
  --system-textfield-background-color: var(--spectrum-gray-25);
4201
- --system-textfield-text-color-default: var(
4202
- --spectrum-neutral-content-color-default
4203
- );
4204
- --system-textfield-text-color-hover: var(
4205
- --spectrum-neutral-content-color-hover
4206
- );
4207
- --system-textfield-text-color-focus: var(
4208
- --spectrum-neutral-content-color-focus
4209
- );
4210
- --system-textfield-text-color-focus-hover: var(
4211
- --spectrum-neutral-content-color-focus-hover
4212
- );
4213
- --system-textfield-text-color-keyboard-focus: var(
4214
- --spectrum-neutral-content-color-key-focus
4215
- );
4216
- --system-textfield-text-color-readonly: var(
4217
- --spectrum-neutral-content-color-default
4218
- );
4219
- --system-textfield-background-color-disabled: var(
4220
- --spectrum-disabled-background-color
4221
- );
4222
- --system-textfield-border-color-disabled: var(
4223
- --spectrum-disabled-border-color
4224
- );
4225
- --system-textfield-text-color-disabled: var(
4226
- --spectrum-disabled-content-color
4227
- );
4228
- --system-textfield-border-color-invalid-default: var(
4229
- --spectrum-negative-border-color-default
4230
- );
4231
- --system-textfield-border-color-invalid-hover: var(
4232
- --spectrum-negative-border-color-hover
4233
- );
4234
- --system-textfield-border-color-invalid-focus: var(
4235
- --spectrum-negative-border-color-focus
4236
- );
4237
- --system-textfield-border-color-invalid-focus-hover: var(
4238
- --spectrum-negative-border-color-focus-hover
4239
- );
4240
- --system-textfield-border-color-invalid-keyboard-focus: var(
4241
- --spectrum-negative-border-color-key-focus
4242
- );
4243
- --system-textfield-icon-color-invalid: var(
4244
- --spectrum-negative-visual-color
4245
- );
4246
- --system-textfield-text-color-invalid: var(
4247
- --spectrum-neutral-content-color-default
4248
- );
4249
- --system-textfield-text-color-valid: var(
4250
- --spectrum-neutral-content-color-default
4251
- );
4252
- --system-textfield-icon-color-valid: var(--spectrum-positive-visual-color);
4253
- --system-textfield-focus-indicator-color: var(
4254
- --spectrum-focus-indicator-color
4255
- );
4256
- --system-textfield-text-area-min-inline-size: var(
4257
- --spectrum-text-area-minimum-width
4258
- );
4259
- --system-textfield-text-area-min-block-size: var(
4260
- --spectrum-text-area-minimum-height
4261
- );
4262
- --system-textfield-size-s-height: var(--spectrum-component-height-75);
4263
- --system-textfield-size-s-label-spacing-block-quiet: var(
4264
- --spectrum-field-label-to-component-quiet-small
4265
- );
4266
- --system-textfield-size-s-label-spacing-inline-side-label: var(
4267
- --spectrum-spacing-100
4268
- );
4269
- --system-textfield-size-s-placeholder-font-size: var(
4270
- --spectrum-font-size-75
4271
- );
4272
- --system-textfield-size-s-spacing-inline: var(
4273
- --spectrum-component-edge-to-text-75
4274
- );
4275
- --system-textfield-size-s-icon-size-invalid: var(
4276
- --spectrum-workflow-icon-size-75
4277
- );
4278
- --system-textfield-size-s-icon-size-valid: var(
4279
- --spectrum-checkmark-icon-size-75
4280
- );
4281
- --system-textfield-size-s-icon-spacing-inline-end-invalid: var(
4282
- --spectrum-field-edge-to-alert-icon-small
4283
- );
4284
- --system-textfield-size-s-icon-spacing-inline-end-valid: var(
4285
- --spectrum-field-edge-to-validation-icon-small
4286
- );
4287
- --system-textfield-size-s-icon-spacing-block-invalid: var(
4288
- --spectrum-field-top-to-alert-icon-small
4289
- );
4290
- --system-textfield-size-s-icon-spacing-block-valid: var(
4291
- --spectrum-field-top-to-validation-icon-small
4292
- );
4293
- --system-textfield-size-s-icon-spacing-inline-start-invalid: var(
4294
- --spectrum-field-text-to-alert-icon-small
4295
- );
4296
- --system-textfield-size-s-icon-spacing-inline-start-valid: var(
4297
- --spectrum-field-text-to-validation-icon-small
4298
- );
4299
- --system-textfield-size-s-character-count-font-size: var(
4300
- --spectrum-font-size-75
4301
- );
4302
- --system-textfield-size-s-character-count-spacing-block: var(
4303
- --spectrum-component-bottom-to-text-75
4304
- );
4305
- --system-textfield-size-s-character-count-spacing-block-quiet: var(
4306
- --spectrum-character-count-to-field-quiet-small
4307
- );
4308
- --system-textfield-size-s-character-count-spacing-block-side: var(
4309
- --spectrum-side-label-character-count-top-margin-small
4310
- );
4311
- --system-textfield-size-s-text-area-min-block-size-quiet: var(
4312
- --spectrum-component-height-75
4313
- );
4314
- --system-textfield-height: var(--spectrum-component-height-100);
4315
- --system-textfield-size-m-height: var(--spectrum-component-height-100);
4316
- --system-textfield-label-spacing-block-quiet: var(
4317
- --spectrum-field-label-to-component-quiet-medium
4318
- );
4319
- --system-textfield-size-m-label-spacing-block-quiet: var(
4320
- --spectrum-field-label-to-component-quiet-medium
4321
- );
4322
- --system-textfield-label-spacing-inline-side-label: var(
4323
- --spectrum-spacing-200
4324
- );
4325
- --system-textfield-size-m-label-spacing-inline-side-label: var(
4326
- --spectrum-spacing-200
4327
- );
4328
- --system-textfield-placeholder-font-size: var(--spectrum-font-size-100);
4329
- --system-textfield-size-m-placeholder-font-size: var(
4330
- --spectrum-font-size-100
4331
- );
4332
- --system-textfield-spacing-inline: var(
4333
- --spectrum-component-edge-to-text-100
4334
- );
4335
- --system-textfield-size-m-spacing-inline: var(
4336
- --spectrum-component-edge-to-text-100
4337
- );
4338
- --system-textfield-icon-size-invalid: var(
4339
- --spectrum-workflow-icon-size-100
4340
- );
4341
- --system-textfield-size-m-icon-size-invalid: var(
4342
- --spectrum-workflow-icon-size-100
4343
- );
4344
- --system-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
4345
- --system-textfield-size-m-icon-size-valid: var(
4346
- --spectrum-checkmark-icon-size-100
4347
- );
4348
- --system-textfield-icon-spacing-inline-end-invalid: var(
4349
- --spectrum-field-edge-to-alert-icon-medium
4350
- );
4351
- --system-textfield-size-m-icon-spacing-inline-end-invalid: var(
4352
- --spectrum-field-edge-to-alert-icon-medium
4353
- );
4354
- --system-textfield-icon-spacing-inline-end-valid: var(
4355
- --spectrum-field-edge-to-validation-icon-medium
4356
- );
4357
- --system-textfield-size-m-icon-spacing-inline-end-valid: var(
4358
- --spectrum-field-edge-to-validation-icon-medium
4359
- );
4360
- --system-textfield-icon-spacing-block-invalid: var(
4361
- --spectrum-field-top-to-alert-icon-medium
4362
- );
4363
- --system-textfield-size-m-icon-spacing-block-invalid: var(
4364
- --spectrum-field-top-to-alert-icon-medium
4365
- );
4366
- --system-textfield-icon-spacing-block-valid: var(
4367
- --spectrum-field-top-to-validation-icon-medium
4368
- );
4369
- --system-textfield-size-m-icon-spacing-block-valid: var(
4370
- --spectrum-field-top-to-validation-icon-medium
4371
- );
4372
- --system-textfield-icon-spacing-inline-start-invalid: var(
4373
- --spectrum-field-text-to-alert-icon-medium
4374
- );
4375
- --system-textfield-size-m-icon-spacing-inline-start-invalid: var(
4376
- --spectrum-field-text-to-alert-icon-medium
4377
- );
4378
- --system-textfield-icon-spacing-inline-start-valid: var(
4379
- --spectrum-field-text-to-validation-icon-medium
4380
- );
4381
- --system-textfield-size-m-icon-spacing-inline-start-valid: var(
4382
- --spectrum-field-text-to-validation-icon-medium
4383
- );
4384
- --system-textfield-character-count-font-size: var(--spectrum-font-size-75);
4385
- --system-textfield-size-m-character-count-font-size: var(
4386
- --spectrum-font-size-75
4387
- );
4388
- --system-textfield-character-count-spacing-block: var(
4389
- --spectrum-component-bottom-to-text-75
4390
- );
4391
- --system-textfield-size-m-character-count-spacing-block: var(
4392
- --spectrum-component-bottom-to-text-75
4393
- );
4394
- --system-textfield-character-count-spacing-block-quiet: var(
4395
- --spectrum-character-count-to-field-quiet-medium
4396
- );
4397
- --system-textfield-size-m-character-count-spacing-block-quiet: var(
4398
- --spectrum-character-count-to-field-quiet-medium
4399
- );
4400
- --system-textfield-character-count-spacing-block-side: var(
4401
- --spectrum-side-label-character-count-top-margin-medium
4402
- );
4403
- --system-textfield-size-m-character-count-spacing-block-side: var(
4404
- --spectrum-side-label-character-count-top-margin-medium
4405
- );
4406
- --system-textfield-text-area-min-block-size-quiet: var(
4407
- --spectrum-component-height-100
4408
- );
4409
- --system-textfield-size-m-text-area-min-block-size-quiet: var(
4410
- --spectrum-component-height-100
4411
- );
4412
- --system-textfield-size-l-height: var(--spectrum-component-height-200);
4413
- --system-textfield-size-l-label-spacing-block-quiet: var(
4414
- --spectrum-field-label-to-component-quiet-large
4415
- );
4416
- --system-textfield-size-l-label-spacing-inline-side-label: var(
4417
- --spectrum-spacing-200
4418
- );
4419
- --system-textfield-size-l-placeholder-font-size: var(
4420
- --spectrum-font-size-200
4421
- );
4422
- --system-textfield-size-l-spacing-inline: var(
4423
- --spectrum-component-edge-to-text-200
4424
- );
4425
- --system-textfield-size-l-icon-size-invalid: var(
4426
- --spectrum-workflow-icon-size-200
4427
- );
4428
- --system-textfield-size-l-icon-size-valid: var(
4429
- --spectrum-checkmark-icon-size-200
4430
- );
4431
- --system-textfield-size-l-icon-spacing-inline-end-invalid: var(
4432
- --spectrum-field-edge-to-alert-icon-large
4433
- );
4434
- --system-textfield-size-l-icon-spacing-inline-end-valid: var(
4435
- --spectrum-field-edge-to-validation-icon-large
4436
- );
4437
- --system-textfield-size-l-icon-spacing-block-invalid: var(
4438
- --spectrum-field-top-to-alert-icon-large
4439
- );
4440
- --system-textfield-size-l-icon-spacing-block-valid: var(
4441
- --spectrum-field-top-to-validation-icon-large
4442
- );
4443
- --system-textfield-size-l-icon-spacing-inline-start-invalid: var(
4444
- --spectrum-field-text-to-alert-icon-large
4445
- );
4446
- --system-textfield-size-l-icon-spacing-inline-start-valid: var(
4447
- --spectrum-field-text-to-validation-icon-large
4448
- );
4449
- --system-textfield-size-l-character-count-font-size: var(
4450
- --spectrum-font-size-100
4451
- );
4452
- --system-textfield-size-l-character-count-spacing-block: var(
4453
- --spectrum-component-bottom-to-text-100
4454
- );
4455
- --system-textfield-size-l-character-count-spacing-block-quiet: var(
4456
- --spectrum-character-count-to-field-quiet-large
4457
- );
4458
- --system-textfield-size-l-character-count-spacing-block-side: var(
4459
- --spectrum-side-label-character-count-top-margin-large
4460
- );
4461
- --system-textfield-size-l-text-area-min-block-size-quiet: var(
4462
- --spectrum-component-height-200
4463
- );
4464
- --system-textfield-size-xl-height: var(--spectrum-component-height-300);
4465
- --system-textfield-size-xl-label-spacing-block-quiet: var(
4466
- --spectrum-field-label-to-component-quiet-extra-large
4467
- );
4468
- --system-textfield-size-xl-label-spacing-inline-side-label: var(
4469
- --spectrum-spacing-200
4470
- );
4471
- --system-textfield-size-xl-placeholder-font-size: var(
4472
- --spectrum-font-size-300
4473
- );
4474
- --system-textfield-size-xl-spacing-inline: var(
4475
- --spectrum-component-edge-to-text-200
4476
- );
4477
- --system-textfield-size-xl-icon-size-invalid: var(
4478
- --spectrum-workflow-icon-size-300
4479
- );
4480
- --system-textfield-size-xl-icon-size-valid: var(
4481
- --spectrum-checkmark-icon-size-300
4482
- );
4483
- --system-textfield-size-xl-icon-spacing-inline-end-invalid: var(
4484
- --spectrum-field-edge-to-alert-icon-extra-large
4485
- );
4486
- --system-textfield-size-xl-icon-spacing-inline-end-valid: var(
4487
- --spectrum-field-edge-to-validation-icon-extra-large
4488
- );
4489
- --system-textfield-size-xl-icon-spacing-block-invalid: var(
4490
- --spectrum-field-top-to-alert-icon-extra-large
4491
- );
4492
- --system-textfield-size-xl-icon-spacing-block-valid: var(
4493
- --spectrum-field-top-to-validation-icon-extra-large
4494
- );
4495
- --system-textfield-size-xl-icon-spacing-inline-start-invalid: var(
4496
- --spectrum-field-text-to-alert-icon-extra-large
4497
- );
4498
- --system-textfield-size-xl-icon-spacing-inline-start-valid: var(
4499
- --spectrum-field-text-to-validation-icon-extra-large
4500
- );
4501
- --system-textfield-size-xl-character-count-font-size: var(
4502
- --spectrum-font-size-200
4503
- );
4504
- --system-textfield-size-xl-character-count-spacing-block: var(
4505
- --spectrum-component-bottom-to-text-200
4506
- );
4507
- --system-textfield-size-xl-character-count-spacing-block-quiet: var(
4508
- --spectrum-character-count-to-field-quiet-extra-large
4509
- );
4510
- --system-textfield-size-xl-character-count-spacing-block-side: var(
4511
- --spectrum-side-label-character-count-top-margin-extra-large
4512
- );
4513
- --system-textfield-size-xl-text-area-min-block-size-quiet: var(
4514
- --spectrum-component-height-300
4515
- );
4516
4052
  --system-thumbnail-border-radius: 2px;
4517
4053
  --system-toast-background-color-default: var(
4518
4054
  --spectrum-neutral-subdued-background-color-default