@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/spectrum/system-theme-bridge.css CHANGED
@@ -2158,6 +2158,11 @@
2158
2158
  var(--spectrum-gray-900-rgb),
2159
2159
  var(--spectrum-transparent-black-200-opacity)
2160
2160
  );
2161
+ --system-menu-item-corner-radius: 0;
2162
+ --system-menu-item-focus-indicator-shadow: inset;
2163
+ --system-menu-item-focus-indicator-offset: 0;
2164
+ --system-menu-item-spacing-multiplier: 0;
2165
+ --system-menu-item-focus-indicator-outline-style: none;
2161
2166
  --system-meter-min-width: var(--spectrum-meter-minimum-width);
2162
2167
  --system-meter-max-width: var(--spectrum-meter-maximum-width);
2163
2168
  --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: var(--spectrum-corner-radius-100);
2594
2560
  --system-search-size-m-border-radius: var(--spectrum-corner-radius-100);
2595
2561
  --system-search-edge-to-visual: var(
@@ -2598,42 +2564,18 @@
2598
2564
  --system-search-size-m-edge-to-visual: var(
2599
2565
  --spectrum-component-edge-to-visual-100
2600
2566
  );
2601
- --system-search-block-size: var(--spectrum-component-height-100);
2602
- --system-search-size-m-block-size: var(--spectrum-component-height-100);
2603
- --system-search-icon-size: var(--spectrum-workflow-icon-size-100);
2604
- --system-search-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
2605
- --system-search-text-to-icon: var(--spectrum-text-to-visual-100);
2606
- --system-search-size-m-text-to-icon: var(--spectrum-text-to-visual-100);
2607
2567
  --system-search-size-s-border-radius: var(--spectrum-corner-radius-100);
2608
2568
  --system-search-size-s-edge-to-visual: var(
2609
2569
  --spectrum-component-edge-to-visual-75
2610
2570
  );
2611
- --system-search-size-s-block-size: var(--spectrum-component-height-75);
2612
- --system-search-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
2613
- --system-search-size-s-text-to-icon: var(--spectrum-text-to-visual-75);
2614
2571
  --system-search-size-l-border-radius: var(--spectrum-corner-radius-100);
2615
2572
  --system-search-size-l-edge-to-visual: var(
2616
2573
  --spectrum-component-edge-to-visual-200
2617
2574
  );
2618
- --system-search-size-l-block-size: var(--spectrum-component-height-200);
2619
- --system-search-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
2620
- --system-search-size-l-text-to-icon: var(--spectrum-text-to-visual-200);
2621
2575
  --system-search-size-xl-border-radius: var(--spectrum-corner-radius-100);
2622
2576
  --system-search-size-xl-edge-to-visual: var(
2623
2577
  --spectrum-component-edge-to-visual-300
2624
2578
  );
2625
- --system-search-size-xl-block-size: var(--spectrum-component-height-300);
2626
- --system-search-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
2627
- --system-search-size-xl-text-to-icon: var(--spectrum-text-to-visual-300);
2628
- --system-search-quiet-background-color: transparent;
2629
- --system-search-quiet-background-color-disabled: transparent;
2630
- --system-search-quiet-border-color-disabled: var(
2631
- --spectrum-disabled-border-color
2632
- );
2633
- --system-search-quiet-border-radius: 0;
2634
- --system-search-quiet-edge-to-visual: var(
2635
- --spectrum-field-edge-to-visual-quiet
2636
- );
2637
2579
  --system-side-nav-focus-ring-size: var(
2638
2580
  --spectrum-focus-indicator-thickness
2639
2581
  );
@@ -2968,16 +2910,11 @@
2968
2910
  --spectrum-component-bottom-to-text-300
2969
2911
  );
2970
2912
  --system-stepper-border-width: var(--spectrum-border-width-100);
2971
- --system-stepper-border-color: var(--spectrum-gray-500);
2913
+ --system-stepper-border-color-default: var(--spectrum-gray-500);
2972
2914
  --system-stepper-border-color-hover: var(--spectrum-gray-600);
2973
2915
  --system-stepper-border-color-focus: var(--spectrum-gray-800);
2974
2916
  --system-stepper-border-color-focus-hover: var(--spectrum-gray-800);
2975
2917
  --system-stepper-border-color-keyboard-focus: var(--spectrum-gray-900);
2976
- --system-stepper-border-radius: var(--spectrum-corner-radius-100);
2977
- --system-stepper-min-width-multiplier: var(
2978
- --spectrum-text-field-minimum-width-multiplier
2979
- );
2980
- --system-stepper-animation-duration: var(--spectrum-animation-duration-100);
2981
2918
  --system-stepper-buttons-border-style: none;
2982
2919
  --system-stepper-buttons-border-width: 0;
2983
2920
  --system-stepper-buttons-border-color: var(--spectrum-gray-500);
@@ -2987,21 +2924,10 @@
2987
2924
  --system-stepper-buttons-border-color-keyboard-focus: var(
2988
2925
  --spectrum-gray-900
2989
2926
  );
2990
- --system-stepper-button-padding: var(
2991
- --spectrum-in-field-button-edge-to-fill
2992
- );
2993
- --system-stepper-button-border-radius-reset: 0px;
2994
2927
  --system-stepper-button-border-width: var(--spectrum-border-width-100);
2995
- --system-stepper-button-background-color-focus: var(--spectrum-gray-300);
2996
- --system-stepper-button-background-color-keyboard-focus: var(
2997
- --spectrum-gray-200
2998
- );
2999
2928
  --system-stepper-border-color-invalid: var(
3000
2929
  --spectrum-negative-border-color-default
3001
2930
  );
3002
- --system-stepper-border-color-hover-invalid: var(
3003
- --spectrum-negative-border-color-hover
3004
- );
3005
2931
  --system-stepper-border-color-focus-invalid: var(
3006
2932
  --spectrum-negative-border-color-focus
3007
2933
  );
@@ -3011,41 +2937,14 @@
3011
2937
  --system-stepper-border-color-keyboard-focus-invalid: var(
3012
2938
  --spectrum-negative-border-color-key-focus
3013
2939
  );
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: var(
3024
2941
  --spectrum-border-width-100
3025
2942
  );
3026
2943
  --system-stepper-buttons-background-color-disabled: var(
3027
2944
  --spectrum-gray-100
3028
2945
  );
3029
- --system-stepper-size-s-button-width: var(
3030
- --spectrum-in-field-button-width-stacked-small
3031
- );
3032
- --system-stepper-size-s-height: var(--spectrum-component-height-75);
3033
- --system-stepper-button-width: var(
3034
- --spectrum-in-field-button-width-stacked-medium
3035
- );
3036
- --system-stepper-size-m-button-width: var(
3037
- --spectrum-in-field-button-width-stacked-medium
3038
- );
3039
- --system-stepper-height: var(--spectrum-component-height-100);
3040
- --system-stepper-size-m-height: var(--spectrum-component-height-100);
3041
- --system-stepper-size-l-button-width: var(
3042
- --spectrum-in-field-button-width-stacked-large
3043
- );
3044
- --system-stepper-size-l-height: var(--spectrum-component-height-200);
3045
- --system-stepper-size-xl-button-width: var(
3046
- --spectrum-in-field-button-width-stacked-extra-large
3047
- );
3048
- --system-stepper-size-xl-height: var(--spectrum-component-height-300);
2946
+ --system-stepper-quiet-buttons-border-style: none;
2947
+ --system-stepper-quiet-button-edge-to-fill: 0;
3049
2948
  --system-swatch-border-radius: var(--spectrum-corner-radius-100);
3050
2949
  --system-swatch-focus-indicator-border-radius: var(
3051
2950
  --spectrum-corner-radius-200
@@ -4155,372 +4054,7 @@
4155
4054
  --system-textfield-border-color-focus-hover: var(--spectrum-gray-900);
4156
4055
  --system-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
4157
4056
  --system-textfield-border-width: var(--spectrum-border-width-100);
4158
- --system-textfield-texfield-animation-duration: var(
4159
- --spectrum-animation-duration-100
4160
- );
4161
- --system-textfield-width: 240px;
4162
- --system-textfield-min-width: var(
4163
- --spectrum-text-field-minimum-width-multiplier
4164
- );
4165
- --system-textfield-corner-radius: var(--spectrum-corner-radius-100);
4166
- --system-textfield-spacing-inline-quiet: var(
4167
- --spectrum-field-edge-to-text-quiet
4168
- );
4169
- --system-textfield-spacing-block-start: var(
4170
- --spectrum-component-top-to-text-100
4171
- );
4172
- --system-textfield-spacing-block-end: var(
4173
- --spectrum-component-bottom-to-text-100
4174
- );
4175
- --system-textfield-spacing-block-quiet: var(
4176
- --spectrum-field-edge-to-border-quiet
4177
- );
4178
- --system-textfield-label-spacing-block: var(
4179
- --spectrum-field-label-to-component
4180
- );
4181
- --system-textfield-helptext-spacing-block: var(
4182
- --spectrum-help-text-to-component
4183
- );
4184
- --system-textfield-icon-spacing-inline-end-quiet-invalid: var(
4185
- --spectrum-field-edge-to-alert-icon-quiet
4186
- );
4187
- --system-textfield-icon-spacing-inline-end-quiet-valid: var(
4188
- --spectrum-field-edge-to-validation-icon-quiet
4189
- );
4190
- --system-textfield-font-family: var(--spectrum-sans-font-family-stack);
4191
- --system-textfield-font-weight: var(--spectrum-regular-font-weight);
4192
- --system-textfield-character-count-font-family: var(
4193
- --spectrum-sans-font-family-stack
4194
- );
4195
- --system-textfield-character-count-font-weight: var(
4196
- --spectrum-regular-font-weight
4197
- );
4198
- --system-textfield-character-count-spacing-inline: var(
4199
- --spectrum-spacing-200
4200
- );
4201
- --system-textfield-character-count-spacing-inline-side: var(
4202
- --spectrum-side-label-character-count-to-field
4203
- );
4204
- --system-textfield-focus-indicator-width: var(
4205
- --spectrum-focus-indicator-thickness
4206
- );
4207
- --system-textfield-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
4208
4057
  --system-textfield-background-color: var(--spectrum-gray-50);
4209
- --system-textfield-text-color-default: var(
4210
- --spectrum-neutral-content-color-default
4211
- );
4212
- --system-textfield-text-color-hover: var(
4213
- --spectrum-neutral-content-color-hover
4214
- );
4215
- --system-textfield-text-color-focus: var(
4216
- --spectrum-neutral-content-color-focus
4217
- );
4218
- --system-textfield-text-color-focus-hover: var(
4219
- --spectrum-neutral-content-color-focus-hover
4220
- );
4221
- --system-textfield-text-color-keyboard-focus: var(
4222
- --spectrum-neutral-content-color-key-focus
4223
- );
4224
- --system-textfield-text-color-readonly: var(
4225
- --spectrum-neutral-content-color-default
4226
- );
4227
- --system-textfield-background-color-disabled: var(
4228
- --spectrum-disabled-background-color
4229
- );
4230
- --system-textfield-border-color-disabled: var(
4231
- --spectrum-disabled-border-color
4232
- );
4233
- --system-textfield-text-color-disabled: var(
4234
- --spectrum-disabled-content-color
4235
- );
4236
- --system-textfield-border-color-invalid-default: var(
4237
- --spectrum-negative-border-color-default
4238
- );
4239
- --system-textfield-border-color-invalid-hover: var(
4240
- --spectrum-negative-border-color-hover
4241
- );
4242
- --system-textfield-border-color-invalid-focus: var(
4243
- --spectrum-negative-border-color-focus
4244
- );
4245
- --system-textfield-border-color-invalid-focus-hover: var(
4246
- --spectrum-negative-border-color-focus-hover
4247
- );
4248
- --system-textfield-border-color-invalid-keyboard-focus: var(
4249
- --spectrum-negative-border-color-key-focus
4250
- );
4251
- --system-textfield-icon-color-invalid: var(
4252
- --spectrum-negative-visual-color
4253
- );
4254
- --system-textfield-text-color-invalid: var(
4255
- --spectrum-neutral-content-color-default
4256
- );
4257
- --system-textfield-text-color-valid: var(
4258
- --spectrum-neutral-content-color-default
4259
- );
4260
- --system-textfield-icon-color-valid: var(--spectrum-positive-visual-color);
4261
- --system-textfield-focus-indicator-color: var(
4262
- --spectrum-focus-indicator-color
4263
- );
4264
- --system-textfield-text-area-min-inline-size: var(
4265
- --spectrum-text-area-minimum-width
4266
- );
4267
- --system-textfield-text-area-min-block-size: var(
4268
- --spectrum-text-area-minimum-height
4269
- );
4270
- --system-textfield-size-s-height: var(--spectrum-component-height-75);
4271
- --system-textfield-size-s-label-spacing-block-quiet: var(
4272
- --spectrum-field-label-to-component-quiet-small
4273
- );
4274
- --system-textfield-size-s-label-spacing-inline-side-label: var(
4275
- --spectrum-spacing-100
4276
- );
4277
- --system-textfield-size-s-placeholder-font-size: var(
4278
- --spectrum-font-size-75
4279
- );
4280
- --system-textfield-size-s-spacing-inline: var(
4281
- --spectrum-component-edge-to-text-75
4282
- );
4283
- --system-textfield-size-s-icon-size-invalid: var(
4284
- --spectrum-workflow-icon-size-75
4285
- );
4286
- --system-textfield-size-s-icon-size-valid: var(
4287
- --spectrum-checkmark-icon-size-75
4288
- );
4289
- --system-textfield-size-s-icon-spacing-inline-end-invalid: var(
4290
- --spectrum-field-edge-to-alert-icon-small
4291
- );
4292
- --system-textfield-size-s-icon-spacing-inline-end-valid: var(
4293
- --spectrum-field-edge-to-validation-icon-small
4294
- );
4295
- --system-textfield-size-s-icon-spacing-block-invalid: var(
4296
- --spectrum-field-top-to-alert-icon-small
4297
- );
4298
- --system-textfield-size-s-icon-spacing-block-valid: var(
4299
- --spectrum-field-top-to-validation-icon-small
4300
- );
4301
- --system-textfield-size-s-icon-spacing-inline-start-invalid: var(
4302
- --spectrum-field-text-to-alert-icon-small
4303
- );
4304
- --system-textfield-size-s-icon-spacing-inline-start-valid: var(
4305
- --spectrum-field-text-to-validation-icon-small
4306
- );
4307
- --system-textfield-size-s-character-count-font-size: var(
4308
- --spectrum-font-size-75
4309
- );
4310
- --system-textfield-size-s-character-count-spacing-block: var(
4311
- --spectrum-component-bottom-to-text-75
4312
- );
4313
- --system-textfield-size-s-character-count-spacing-block-quiet: var(
4314
- --spectrum-character-count-to-field-quiet-small
4315
- );
4316
- --system-textfield-size-s-character-count-spacing-block-side: var(
4317
- --spectrum-side-label-character-count-top-margin-small
4318
- );
4319
- --system-textfield-size-s-text-area-min-block-size-quiet: var(
4320
- --spectrum-component-height-75
4321
- );
4322
- --system-textfield-height: var(--spectrum-component-height-100);
4323
- --system-textfield-size-m-height: var(--spectrum-component-height-100);
4324
- --system-textfield-label-spacing-block-quiet: var(
4325
- --spectrum-field-label-to-component-quiet-medium
4326
- );
4327
- --system-textfield-size-m-label-spacing-block-quiet: var(
4328
- --spectrum-field-label-to-component-quiet-medium
4329
- );
4330
- --system-textfield-label-spacing-inline-side-label: var(
4331
- --spectrum-spacing-200
4332
- );
4333
- --system-textfield-size-m-label-spacing-inline-side-label: var(
4334
- --spectrum-spacing-200
4335
- );
4336
- --system-textfield-placeholder-font-size: var(--spectrum-font-size-100);
4337
- --system-textfield-size-m-placeholder-font-size: var(
4338
- --spectrum-font-size-100
4339
- );
4340
- --system-textfield-spacing-inline: var(
4341
- --spectrum-component-edge-to-text-100
4342
- );
4343
- --system-textfield-size-m-spacing-inline: var(
4344
- --spectrum-component-edge-to-text-100
4345
- );
4346
- --system-textfield-icon-size-invalid: var(
4347
- --spectrum-workflow-icon-size-100
4348
- );
4349
- --system-textfield-size-m-icon-size-invalid: var(
4350
- --spectrum-workflow-icon-size-100
4351
- );
4352
- --system-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
4353
- --system-textfield-size-m-icon-size-valid: var(
4354
- --spectrum-checkmark-icon-size-100
4355
- );
4356
- --system-textfield-icon-spacing-inline-end-invalid: var(
4357
- --spectrum-field-edge-to-alert-icon-medium
4358
- );
4359
- --system-textfield-size-m-icon-spacing-inline-end-invalid: var(
4360
- --spectrum-field-edge-to-alert-icon-medium
4361
- );
4362
- --system-textfield-icon-spacing-inline-end-valid: var(
4363
- --spectrum-field-edge-to-validation-icon-medium
4364
- );
4365
- --system-textfield-size-m-icon-spacing-inline-end-valid: var(
4366
- --spectrum-field-edge-to-validation-icon-medium
4367
- );
4368
- --system-textfield-icon-spacing-block-invalid: var(
4369
- --spectrum-field-top-to-alert-icon-medium
4370
- );
4371
- --system-textfield-size-m-icon-spacing-block-invalid: var(
4372
- --spectrum-field-top-to-alert-icon-medium
4373
- );
4374
- --system-textfield-icon-spacing-block-valid: var(
4375
- --spectrum-field-top-to-validation-icon-medium
4376
- );
4377
- --system-textfield-size-m-icon-spacing-block-valid: var(
4378
- --spectrum-field-top-to-validation-icon-medium
4379
- );
4380
- --system-textfield-icon-spacing-inline-start-invalid: var(
4381
- --spectrum-field-text-to-alert-icon-medium
4382
- );
4383
- --system-textfield-size-m-icon-spacing-inline-start-invalid: var(
4384
- --spectrum-field-text-to-alert-icon-medium
4385
- );
4386
- --system-textfield-icon-spacing-inline-start-valid: var(
4387
- --spectrum-field-text-to-validation-icon-medium
4388
- );
4389
- --system-textfield-size-m-icon-spacing-inline-start-valid: var(
4390
- --spectrum-field-text-to-validation-icon-medium
4391
- );
4392
- --system-textfield-character-count-font-size: var(--spectrum-font-size-75);
4393
- --system-textfield-size-m-character-count-font-size: var(
4394
- --spectrum-font-size-75
4395
- );
4396
- --system-textfield-character-count-spacing-block: var(
4397
- --spectrum-component-bottom-to-text-75
4398
- );
4399
- --system-textfield-size-m-character-count-spacing-block: var(
4400
- --spectrum-component-bottom-to-text-75
4401
- );
4402
- --system-textfield-character-count-spacing-block-quiet: var(
4403
- --spectrum-character-count-to-field-quiet-medium
4404
- );
4405
- --system-textfield-size-m-character-count-spacing-block-quiet: var(
4406
- --spectrum-character-count-to-field-quiet-medium
4407
- );
4408
- --system-textfield-character-count-spacing-block-side: var(
4409
- --spectrum-side-label-character-count-top-margin-medium
4410
- );
4411
- --system-textfield-size-m-character-count-spacing-block-side: var(
4412
- --spectrum-side-label-character-count-top-margin-medium
4413
- );
4414
- --system-textfield-text-area-min-block-size-quiet: var(
4415
- --spectrum-component-height-100
4416
- );
4417
- --system-textfield-size-m-text-area-min-block-size-quiet: var(
4418
- --spectrum-component-height-100
4419
- );
4420
- --system-textfield-size-l-height: var(--spectrum-component-height-200);
4421
- --system-textfield-size-l-label-spacing-block-quiet: var(
4422
- --spectrum-field-label-to-component-quiet-large
4423
- );
4424
- --system-textfield-size-l-label-spacing-inline-side-label: var(
4425
- --spectrum-spacing-200
4426
- );
4427
- --system-textfield-size-l-placeholder-font-size: var(
4428
- --spectrum-font-size-200
4429
- );
4430
- --system-textfield-size-l-spacing-inline: var(
4431
- --spectrum-component-edge-to-text-200
4432
- );
4433
- --system-textfield-size-l-icon-size-invalid: var(
4434
- --spectrum-workflow-icon-size-200
4435
- );
4436
- --system-textfield-size-l-icon-size-valid: var(
4437
- --spectrum-checkmark-icon-size-200
4438
- );
4439
- --system-textfield-size-l-icon-spacing-inline-end-invalid: var(
4440
- --spectrum-field-edge-to-alert-icon-large
4441
- );
4442
- --system-textfield-size-l-icon-spacing-inline-end-valid: var(
4443
- --spectrum-field-edge-to-validation-icon-large
4444
- );
4445
- --system-textfield-size-l-icon-spacing-block-invalid: var(
4446
- --spectrum-field-top-to-alert-icon-large
4447
- );
4448
- --system-textfield-size-l-icon-spacing-block-valid: var(
4449
- --spectrum-field-top-to-validation-icon-large
4450
- );
4451
- --system-textfield-size-l-icon-spacing-inline-start-invalid: var(
4452
- --spectrum-field-text-to-alert-icon-large
4453
- );
4454
- --system-textfield-size-l-icon-spacing-inline-start-valid: var(
4455
- --spectrum-field-text-to-validation-icon-large
4456
- );
4457
- --system-textfield-size-l-character-count-font-size: var(
4458
- --spectrum-font-size-100
4459
- );
4460
- --system-textfield-size-l-character-count-spacing-block: var(
4461
- --spectrum-component-bottom-to-text-100
4462
- );
4463
- --system-textfield-size-l-character-count-spacing-block-quiet: var(
4464
- --spectrum-character-count-to-field-quiet-large
4465
- );
4466
- --system-textfield-size-l-character-count-spacing-block-side: var(
4467
- --spectrum-side-label-character-count-top-margin-large
4468
- );
4469
- --system-textfield-size-l-text-area-min-block-size-quiet: var(
4470
- --spectrum-component-height-200
4471
- );
4472
- --system-textfield-size-xl-height: var(--spectrum-component-height-300);
4473
- --system-textfield-size-xl-label-spacing-block-quiet: var(
4474
- --spectrum-field-label-to-component-quiet-extra-large
4475
- );
4476
- --system-textfield-size-xl-label-spacing-inline-side-label: var(
4477
- --spectrum-spacing-200
4478
- );
4479
- --system-textfield-size-xl-placeholder-font-size: var(
4480
- --spectrum-font-size-300
4481
- );
4482
- --system-textfield-size-xl-spacing-inline: var(
4483
- --spectrum-component-edge-to-text-200
4484
- );
4485
- --system-textfield-size-xl-icon-size-invalid: var(
4486
- --spectrum-workflow-icon-size-300
4487
- );
4488
- --system-textfield-size-xl-icon-size-valid: var(
4489
- --spectrum-checkmark-icon-size-300
4490
- );
4491
- --system-textfield-size-xl-icon-spacing-inline-end-invalid: var(
4492
- --spectrum-field-edge-to-alert-icon-extra-large
4493
- );
4494
- --system-textfield-size-xl-icon-spacing-inline-end-valid: var(
4495
- --spectrum-field-edge-to-validation-icon-extra-large
4496
- );
4497
- --system-textfield-size-xl-icon-spacing-block-invalid: var(
4498
- --spectrum-field-top-to-alert-icon-extra-large
4499
- );
4500
- --system-textfield-size-xl-icon-spacing-block-valid: var(
4501
- --spectrum-field-top-to-validation-icon-extra-large
4502
- );
4503
- --system-textfield-size-xl-icon-spacing-inline-start-invalid: var(
4504
- --spectrum-field-text-to-alert-icon-extra-large
4505
- );
4506
- --system-textfield-size-xl-icon-spacing-inline-start-valid: var(
4507
- --spectrum-field-text-to-validation-icon-extra-large
4508
- );
4509
- --system-textfield-size-xl-character-count-font-size: var(
4510
- --spectrum-font-size-200
4511
- );
4512
- --system-textfield-size-xl-character-count-spacing-block: var(
4513
- --spectrum-component-bottom-to-text-200
4514
- );
4515
- --system-textfield-size-xl-character-count-spacing-block-quiet: var(
4516
- --spectrum-character-count-to-field-quiet-extra-large
4517
- );
4518
- --system-textfield-size-xl-character-count-spacing-block-side: var(
4519
- --spectrum-side-label-character-count-top-margin-extra-large
4520
- );
4521
- --system-textfield-size-xl-text-area-min-block-size-quiet: var(
4522
- --spectrum-component-height-300
4523
- );
4524
4058
  --system-thumbnail-border-radius: var(--spectrum-corner-radius-75);
4525
4059
  --system-toast-background-color-default: var(
4526
4060
  --spectrum-neutral-subdued-background-color-default