@mittwald/flow-design-tokens 0.2.0-alpha.54 → 0.2.0-alpha.540

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 (3) hide show
  1. package/dist/variables.css +123 -51
  2. package/dist/variables.json +6625 -2671
  3. package/package.json +5 -5
package/dist/variables.css CHANGED
@@ -123,7 +123,20 @@
123
123
  --color--super-teal--900: #006b78;
124
124
  --color--super-teal--1000: #004f59;
125
125
  --color--super-teal--1100: #00424a;
126
+ --color--categorical--sea-green: #0fb5ae;
127
+ --color--categorical--palatinate-blue: #4046ca;
128
+ --color--categorical--tangerine: #f68511;
129
+ --color--categorical--magenta: #de3d82;
130
+ --color--categorical--tropical-indigo: #7e84fa;
131
+ --color--categorical--malachite: #72e06a;
132
+ --color--categorical--azure: #147af3;
133
+ --color--categorical--violet: #7326d3;
134
+ --color--categorical--yellow: #e8c600;
135
+ --color--categorical--alloy-orange: #cb5d00;
136
+ --color--categorical--green: #008f5d;
137
+ --color--categorical--lime: #bce931;
126
138
  --color--transparent: transparent;
139
+ --color--gradient: radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%);
127
140
  --avatar--size--m: 2.5rem;
128
141
  --code--default-syntax-color-addition: #397300;
129
142
  --code--default-syntax-color-built-in: #397300;
@@ -223,6 +236,7 @@
223
236
  --contextual-help--max-width: 500px;
224
237
  --modal--size--s: 660px;
225
238
  --modal--size--m: 900px;
239
+ --modal--size--l: 1300px;
226
240
  --modal--content-min-height: 120px;
227
241
  --popover--min-width: 200px;
228
242
  --tooltip--max-width: 300px;
@@ -246,10 +260,14 @@
246
260
  --counter-badge--height: 1.25rem;
247
261
  --counter-badge--height-empty: 0.75rem;
248
262
  --loading-spinner--transition-duration: 2000ms;
263
+ --loading-spinner--transition-duration-slow: 6000ms;
249
264
  --notification--width: 355px;
250
- --progress-bar--height-s: 0.375rem;
251
- --transition--duration--default: 200ms;
252
- --transition--duration--slow: 300ms;
265
+ --accent-box--background-color-green: #D8F5D6;
266
+ --accent-box--icon-color-green: #c4e3c1;
267
+ --accent-box--icon-color-gradient: #002b7b14;
268
+ --transition--duration--fast: 200ms;
269
+ --transition--duration--default: 300ms;
270
+ --transition--duration--slow: 400ms;
253
271
  --action-group--spacing--m: var(--size-px--m);
254
272
  --action-group--spacing--s: var(--size-px--s);
255
273
  --button--padding-x: var(--size-px--m);
@@ -276,6 +294,17 @@
276
294
  --border-width--200: var(--size-px--xxs);
277
295
  --border-width--300: var(--size-px--xs);
278
296
  --border-width--400: var(--size-px--s);
297
+ --chat--spacing: var(--size-px--m);
298
+ --message-separator--font-size: var(--font-size-text--s);
299
+ --message-separator--padding: var(--size-px--m);
300
+ --message-thread--spacing: var(--size-rem--l);
301
+ --message-thread--indentation: var(--size-px--m);
302
+ --message--padding-y: var(--size-px--s);
303
+ --message--padding-x: var(--size-px--m);
304
+ --message--spacing-y: var(--size-rem--s);
305
+ --message--spacing-x: var(--size-rem--m);
306
+ --message--background-color-responder: var(--color--gray--400);
307
+ --message--background-color-sender: var(--color--hosting-blue--200);
279
308
  --primary--color--100: var(--color--hosting-blue--100);
280
309
  --primary--color--200: var(--color--hosting-blue--200);
281
310
  --primary--color--300: var(--color--hosting-blue--300);
@@ -405,6 +434,9 @@
405
434
  --light-outline-background-color--pressed: var(--light--color--200);
406
435
  --light-outline-border-color: var(--light--color--800);
407
436
  --light-outline-content-color: var(--light--color--800);
437
+ --color--violet: var(--color--soft-contrast-violet--800);
438
+ --color--teal: var(--color--super-teal--800);
439
+ --color--lilac: var(--color--bright-lilac--800);
408
440
  --avatar--size--xs: var(--size-rem--l);
409
441
  --avatar--size--s: var(--size-rem--xl);
410
442
  --avatar--size--l: var(--size-rem--xxl);
@@ -443,11 +475,29 @@
443
475
  --labeled-value--label-to-value-spacing: var(--size-rem--xxs);
444
476
  --labeled-value--value-to-action-spacing: var(--size-rem--xs);
445
477
  --markdown--spacing: var(--size-rem--m);
446
- --message-thread--spacing: var(--size-rem--l);
447
- --message-thread--indentation: var(--size-px--m);
478
+ --rating--spacing--s: var(--size-rem--xs);
479
+ --rating--spacing--m: var(--size-rem--s);
448
480
  --text--blockquote-border-style: var(--border-style--default);
449
481
  --text--blockquote-padding: var(--size-rem--s);
450
482
  --text--list-padding: var(--size-rem--l);
483
+ --axis--spacing: var(--size-px--s);
484
+ --axis--font-size: var(--font-size-text--s);
485
+ --axis--color: var(--color--gray--700);
486
+ --axis--tick-size: var(--size-px--s);
487
+ --big-number--spacing: var(--size-rem--xs);
488
+ --big-number--top-font-size: var(--font-size-heading--xl);
489
+ --big-number--bottom-font-size: var(--font-size-text--m);
490
+ --big-number--font-weight: var(--font-weight--bold);
491
+ --cartesian-grid--color: var(--color--gray--700);
492
+ --chart-tooltip--spacing: var(--size-px--s);
493
+ --donut-chart--spacing-y: var(--size-rem--s);
494
+ --donut-chart--spacing-x: var(--size-rem--m);
495
+ --donut-chart--padding--m: var(--size-px--l);
496
+ --donut-chart--padding--l: var(--size-px--xl);
497
+ --legend--spacing-x: var(--size-px--m);
498
+ --legend--spacing-y: var(--size-px--s);
499
+ --legend-item--spacing: var(--size-rem--s);
500
+ --legend-item--marker--size: var(--size-rem--m);
451
501
  --focus--outline-offset: var(--size-px--xxs);
452
502
  --line-height--m: calc(var(--font-size-text--m) * 1.5);
453
503
  --line-height--s: calc(var(--font-size-text--s) * 1.5);
@@ -468,27 +518,16 @@
468
518
  --form-control--padding-y: var(--size-px--s);
469
519
  --form-control--border-style: var(--border-style--default);
470
520
  --segmented-button--text-to-text-spacing: var(--size-rem--xs);
521
+ --slider--spacing-x: var(--size-rem--s);
522
+ --slider--spacing-y: var(--size-rem--m);
523
+ --slider--border-style: var(--border-style--default);
471
524
  --slider--value-font-weight: var(--font-weight--bold);
472
- --slider--value-to-label-spacing: var(--size-rem--xs);
473
- --slider--text-to-track-spacing: var(--size-rem--xs);
474
- --slider--track-height: var(--size-rem--xs);
475
- --slider--thumb-border-width: var(--size-rem--xs);
476
- --slider--thumb-border-style: var(--border-style--default);
477
- --slider--thumb-corner-radius: var(--corner-radius--round);
478
- --slider--thumb-size: var(--size-rem--l);
525
+ --slider--handle-corner-radius: var(--corner-radius--round);
526
+ --slider--handle-size: var(--size-rem--l);
479
527
  --slider--initial-marker-height: var(--size-rem--m);
480
- --slider--initial-marker-width: var(--size-rem--xs);
481
528
  --switch--label-to-track-spacing: var(--size-rem--s);
482
529
  --switch--track-padding: var(--size-rem--xxs);
483
530
  --time-field--date-segment-corner-radius: var(--size-px--xs);
484
- --message-separator--font-size: var(--font-size-text--s);
485
- --message-separator--padding: var(--size-px--m);
486
- --message--padding-y: var(--size-px--s);
487
- --message--padding-x: var(--size-px--m);
488
- --message--spacing-y: var(--size-rem--s);
489
- --message--spacing-x: var(--size-rem--m);
490
- --message--background-color-responder: var(--color--gray--400);
491
- --message--background-color-sender: var(--color--hosting-blue--200);
492
531
  --breadcrumb--color-light--default: var(--light--color--800);
493
532
  --breadcrumb--color-light--hover: var(--light--color--700);
494
533
  --breadcrumb--color-light--pressed: var(--light--color--600);
@@ -514,7 +553,6 @@
514
553
  --tabs--padding: var(--size-px--m);
515
554
  --tabs--font-weight--selected: var(--font-weight--bold);
516
555
  --tabs--spacing: var(--size-rem--s);
517
- --tab-panel--padding: var(--size-px--xl);
518
556
  --light-box--overlay-background-color: var(--dark--color--600);
519
557
  --light-box--max-width: calc(100dvw - var(--size-px--l));
520
558
  --light-box--max-height: calc(100dvh - var(--size-px--l));
@@ -638,29 +676,38 @@
638
676
  --notification--heading-to-text-spacing: var(--size-rem--xs);
639
677
  --notification--spacing: var(--size-rem--s);
640
678
  --notification--font-size: var(--font-size-text--s);
679
+ --password-creation-field--rule-to-rule-spacing: var(--size-px--s);
641
680
  --progress-bar--font-size: var(--font-size-text--m);
642
681
  --progress-bar--font-size-s: var(--font-size-text--s);
643
682
  --progress-bar--value-font-weight: var(--font-weight--bold);
644
683
  --progress-bar--spacing-y: var(--size-rem--xs);
645
684
  --progress-bar--spacing-x: var(--size-rem--m);
646
- --progress-bar--height: var(--size-rem--s);
685
+ --progress-bar--spacing-bar-to-legend: var(--size-px--m);
686
+ --progress-bar--height--m: var(--size-rem--m);
687
+ --progress-bar--height--s: var(--size-rem--s);
688
+ --progress-bar--height--l: var(--size-rem--l);
647
689
  --progress-bar--corner-radius: var(--size-rem--xs);
690
+ --accent-box--background-color-gradient: var(--color--gradient);
691
+ --accent-box--background-color-blue: var(--color--hosting-blue--100);
692
+ --accent-box--icon-color-blue: var(--color--hosting-blue--200);
693
+ --accent-box--padding: var(--size-px--m);
648
694
  --accordion--spacing: var(--size-rem--s);
649
695
  --accordion--border-style: var(--border-style--default);
650
696
  --accordion--padding-x: var(--size-px--s);
651
697
  --accordion--padding-y: var(--size-px--xs);
652
698
  --align--avatar-text--spacing: var(--size-rem--s);
653
699
  --align--input-button--spacing: var(--size-px--m);
654
- --align--text-copyButton--spacing: var(--size-rem--xs);
700
+ --align--text-button--spacing: var(--size-rem--xs);
655
701
  --align--icon-text--spacing: var(--size-rem--s);
656
- --align--text-contextualHelp--spacing: var(--size-rem--xs);
657
702
  --column-layout--gap--s: var(--size-px--s);
658
703
  --column-layout--gap--m: var(--size-px--m);
659
704
  --column-layout--gap--l: var(--size-px--l);
660
705
  --column-layout--gap--xl: var(--size-px--xl);
661
- --layout-card--padding: var(--size-px--xl);
706
+ --layout-card--padding: var(--size-px--l);
707
+ --layout-card--padding-mobile: var(--size-px--m);
662
708
  --list--spacing: var(--size-px--s);
663
709
  --list--block-to-block-spacing: var(--size-px--m);
710
+ --list--filter-to-search-spacing: var(--size-px--xl);
664
711
  --list-item--padding: var(--size-px--s);
665
712
  --list-item--border-style: var(--border-style--default);
666
713
  --list-item--spacing: var(--size-px--m);
@@ -672,6 +719,7 @@
672
719
  --section--sub-heading-spacing-s: var(--size-rem--s);
673
720
  --section-header--action-to-action-spacing: var(--size-rem--s);
674
721
  --section-header--heading-to-action-spacing: var(--size-rem--m);
722
+ --separator--border-style: var(--border-style--default);
675
723
  --table--border-style: var(--border-style--default);
676
724
  --table--padding-x: var(--size-px--m);
677
725
  --table--padding-y: var(--size-px--s);
@@ -687,8 +735,6 @@
687
735
  --file-drop-zone--border-style--target: var(--border-style--default);
688
736
  --button--corner-radius: var(--corner-radius--default);
689
737
  --button--pending-icon-color: var(--neutral--color--1000);
690
- --button--succeeded-icon-color: var(--success--color--800);
691
- --button--failed-icon-color: var(--danger--color--800);
692
738
  --button--border-width: var(--border-width--100);
693
739
  --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
694
740
  --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
@@ -775,6 +821,9 @@
775
821
  --menu-item--icon-color--default: var(--neutral--color--800);
776
822
  --menu-item--icon-color--current: var(--primary--color--800);
777
823
  --menu-item--disabled-background-color: var(--disabled-plain-background-color);
824
+ --message-separator--background-color: var(--neutral--color--100);
825
+ --message-separator--color: var(--neutral--color--800);
826
+ --message--corner-radius: var(--corner-radius--default);
778
827
  --primary-solid-background-color--default: var(--primary--color--800);
779
828
  --primary-solid-background-color--hover: var(--primary--color--900);
780
829
  --primary-solid-background-color--pressed: var(--primary--color--1000);
@@ -880,8 +929,12 @@
880
929
  --disabled-outline-border-color: var(--neutral--color--400);
881
930
  --disabled-soft-background-color: var(--neutral--color--300);
882
931
  --disabled-soft-content-color: var(--neutral--color--500);
932
+ --color--blue: var(--primary--color--1000);
883
933
  --avatar-stack--border-width: var(--border-width--200);
884
- --code--line-height: var(--line-height--m);
934
+ --avatar--info-status-background-color: var(--info--color--200);
935
+ --avatar--warning-status-background-color: var(--warning--color--200);
936
+ --avatar--danger-status-background-color: var(--danger--color--200);
937
+ --avatar--success-status-background-color: var(--success--color--200);
885
938
  --code--corner-radius: var(--corner-radius--default);
886
939
  --code--light-background-color: var(--light-soft-background-color--default);
887
940
  --code--light-content-color: var(--light-soft-content-color);
@@ -900,11 +953,22 @@
900
953
  --image--border-width: var(--border-width--100);
901
954
  --label--line-height: var(--line-height--m);
902
955
  --label--color--default: var(--neutral--color--800);
956
+ --rating--star-color: var(--neutral--color--700);
957
+ --rating--star-filled-color: var(--primary--color--1000);
903
958
  --text--color--default: var(--neutral--color--1000);
904
959
  --text--color--light: var(--light-plain-content-color);
905
960
  --text--color--dark: var(--dark-plain-content-color);
906
961
  --text--blockquote-border-width: var(--border-width--300);
962
+ --area--border-width: var(--border-width--200);
963
+ --area--border-color: var(--neutral--color--100);
964
+ --axis--text-color: var(--neutral--color--1000);
965
+ --axis--stroke-width: var(--border-width--100);
966
+ --cartesian-grid--stroke-width: var(--border-width--100);
967
+ --donut-chart--background-color: var(--neutral--color--300);
968
+ --legend-item--marker--corner-radius: var(--corner-radius--default);
969
+ --line--border-width: var(--border-width--200);
907
970
  --focus--outline-color: var(--primary--color--800);
971
+ --focus--secondary-outline-color: var(--neutral--color--100);
908
972
  --focus--outline-width: var(--border-width--200);
909
973
  --choice--icon-color--selected: var(--primary--color--800);
910
974
  --calendar--heading-font-size: var(--font-size-text--default);
@@ -922,15 +986,16 @@
922
986
  --form-control--background-color--focused: var(--neutral--color--300);
923
987
  --form-control--background-color--invalid: var(--danger--color--100);
924
988
  --form-control--background-color--selected: var(--primary--color--200);
925
- --slider--track-corner-radius: var(--corner-radius--default);
926
- --slider--thumb-background-color--default: var(--neutral--color--100);
927
- --slider--initial-marker-corner-radius: var(--corner-radius--default);
989
+ --slider--color--default: var(--primary--color--1000);
990
+ --slider--color--disabled: var(--neutral--color--600);
991
+ --slider--track-color--default: var(--neutral--color--700);
992
+ --slider--track-color--disabled: var(--neutral--color--400);
993
+ --slider--border-width: var(--border-width--300);
994
+ --slider--corner-radius: var(--corner-radius--default);
995
+ --slider--handle-fill-color: var(--neutral--color--100);
928
996
  --switch--handle-color--disabled: var(--neutral--color--500);
929
997
  --switch--handle-background-color--default: var(--neutral--color--100);
930
998
  --switch--handle-background-color--disabled: var(--neutral--color--300);
931
- --message-separator--background-color: var(--neutral--color--100);
932
- --message-separator--color: var(--neutral--color--800);
933
- --message--corner-radius: var(--corner-radius--default);
934
999
  --breadcrumb--color-primary--default: var(--primary--color--1000);
935
1000
  --breadcrumb--color-primary--hover: var(--primary--color--900);
936
1001
  --breadcrumb--color-primary--pressed: var(--primary--color--800);
@@ -977,6 +1042,8 @@
977
1042
  --badge--disabled-light-scope-content-color: var(--disabled-solid-light-content-color);
978
1043
  --counter-badge--border-width: var(--border-width--200);
979
1044
  --counter-badge--border-color: var(--neutral--color--100);
1045
+ --loading-spinner--color-light: var(--light-plain-content-color);
1046
+ --loading-spinner--color-dark: var(--dark-plain-content-color);
980
1047
  --notification--corner-radius: var(--corner-radius--default);
981
1048
  --notification--border-x-start-width: var(--border-width--300);
982
1049
  --notification--box-shadow: var(--shadow--overlay);
@@ -985,7 +1052,10 @@
985
1052
  --notification--danger-background-color--default: var(--neutral--color--100);
986
1053
  --notification--success-background-color--default: var(--neutral--color--100);
987
1054
  --progress-bar--border-width: var(--border-width--100);
988
- --progress-bar--background-color: var(--neutral-outline-background-color--default);
1055
+ --progress-bar--background-color: var(--neutral--color--300);
1056
+ --accent-box--background-color-neutral: var(--neutral--color--300);
1057
+ --accent-box--icon-color-neutral: var(--neutral--color--400);
1058
+ --accent-box--corner-radius: var(--corner-radius--default);
989
1059
  --accordion--corner-radius: var(--corner-radius--default);
990
1060
  --accordion--border-width: var(--border-width--100);
991
1061
  --accordion--background-color--hover: var(--primary--color--100);
@@ -1008,6 +1078,7 @@
1008
1078
  --file-card--corner-radius: var(--corner-radius--default);
1009
1079
  --file-card--border-width: var(--border-width--100);
1010
1080
  --file-card--background-color--default: var(--neutral--color--100);
1081
+ --file-card--background-color--error: var(--danger--color--100);
1011
1082
  --file-drop-zone--corner-radius: var(--corner-radius--default);
1012
1083
  --file-drop-zone--border-width: var(--border-width--100);
1013
1084
  --file-drop-zone--border-color--target: var(--primary--color--800);
@@ -1141,6 +1212,10 @@
1141
1212
  --menu-item--disabled-color: var(--disabled-plain-content-color);
1142
1213
  --code--default-background-color: var(--neutral-soft-background-color--default);
1143
1214
  --code--default-content-color: var(--neutral-soft-content-color--default);
1215
+ --icon--info-color: var(--info-outline-content-color);
1216
+ --icon--warning-color: var(--warning-outline-content-color);
1217
+ --icon--danger-color: var(--danger-outline-content-color);
1218
+ --icon--success-color: var(--success-outline-content-color);
1144
1219
  --illustrated-message--primary-heading-color: var(--heading--color);
1145
1220
  --illustrated-message--dark-heading-color: var(--heading--color-dark);
1146
1221
  --illustrated-message--light-heading-color: var(--heading--color-light);
@@ -1148,6 +1223,11 @@
1148
1223
  --label--color--disabled: var(--disabled-plain-content-color);
1149
1224
  --text--color--disabled: var(--disabled-plain-content-color);
1150
1225
  --text--blockquote-border-color: var(--info-outline-border-color);
1226
+ --donut-chart--border-color: var(--neutral-outline-border-color);
1227
+ --donut-chart--info-fill-background-color: var(--info-solid-background-color--default);
1228
+ --donut-chart--success-fill-background-color: var(--success-solid-background-color--default);
1229
+ --donut-chart--warning-fill-background-color: var(--warning-solid-background-color--default);
1230
+ --donut-chart--danger-fill-background-color: var(--danger-solid-background-color--default);
1151
1231
  --choice--icon-color--default: var(--icon--color);
1152
1232
  --choice--icon-color--disabled: var(--disabled-outline-content-color);
1153
1233
  --date-picker--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
@@ -1163,16 +1243,6 @@
1163
1243
  --form-control--content-color--default: var(--neutral-outline-content-color);
1164
1244
  --form-control--content-color--disabled: var(--disabled-outline-content-color);
1165
1245
  --form-control--content-color--selected: var(--neutral-outline-content-color);
1166
- --slider--text-color--disabled: var(--disabled-plain-content-color);
1167
- --slider--track-background-color--default: var(--primary-soft-background-color--default);
1168
- --slider--track-background-color--disabled: var(--disabled-soft-background-color);
1169
- --slider--track-background-color-fill--default: var(--primary-solid-background-color--default);
1170
- --slider--track-background-color-fill--disabled: var(--disabled-solid-background-color);
1171
- --slider--thumb-border-color--default: var(--primary-solid-background-color--default);
1172
- --slider--thumb-border-color--disabled: var(--disabled-solid-background-color);
1173
- --slider--thumb-background-color--pressed: var(--primary-solid-background-color--default);
1174
- --slider--initial-marker-background-color--default: var(--primary-solid-background-color--default);
1175
- --slider--initial-marker-background-color--disabled: var(--disabled-solid-background-color);
1176
1246
  --switch--track-background-color--default: var(--neutral-solid-background-color--default);
1177
1247
  --switch--track-background-color--disabled: var(--disabled-solid-background-color);
1178
1248
  --switch--track-background-color--selected: var(--success-solid-background-color--default);
@@ -1201,10 +1271,6 @@
1201
1271
  --alert-badge--danger-background-color: var(--danger-soft-background-color--default);
1202
1272
  --alert-badge--danger-content-color: var(--danger-soft-content-color--default);
1203
1273
  --alert-badge--danger-border-color: var(--danger-outline-border-color);
1204
- --alert-icon--info-color: var(--info-outline-content-color);
1205
- --alert-icon--warning-color: var(--warning-outline-content-color);
1206
- --alert-icon--danger-color: var(--danger-outline-content-color);
1207
- --alert-icon--success-color: var(--success-outline-content-color);
1208
1274
  --alert--info-border-color: var(--info-outline-border-color);
1209
1275
  --alert--info-heading-color: var(--info-outline-content-color);
1210
1276
  --alert--warning-border-color: var(--warning-outline-border-color);
@@ -1231,6 +1297,7 @@
1231
1297
  --badge--disabled-scope-content-color: var(--disabled-solid-content-color);
1232
1298
  --counter-badge--background-color: var(--success-solid-background-color--default);
1233
1299
  --counter-badge--content-color: var(--success-solid-content-color);
1300
+ --loading-spinner--color: var(--icon--color);
1234
1301
  --notification--info-border-color: var(--info-outline-border-color);
1235
1302
  --notification--info-heading-color: var(--info-outline-content-color);
1236
1303
  --notification--info-background-color--hover: var(--info-outline-background-color--hover);
@@ -1252,14 +1319,19 @@
1252
1319
  --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);
1253
1320
  --progress-bar--warning-fill-background-color: var(--warning-solid-background-color--default);
1254
1321
  --progress-bar--danger-fill-background-color: var(--danger-solid-background-color--default);
1322
+ --progress-bar--indeterminate-fill-background-color: var(--neutral-solid-background-color--default);
1255
1323
  --accordion--border-color: var(--neutral-outline-border-color);
1256
1324
  --list-item--border-color: var(--neutral-outline-border-color);
1257
1325
  --separator--color: var(--neutral-outline-border-color);
1258
1326
  --table--border-color: var(--neutral-outline-border-color);
1259
- --file-card--border-color: var(--neutral-outline-border-color);
1327
+ --file-card--border-color--default: var(--neutral-outline-border-color);
1328
+ --file-card--border-color--error: var(--danger-outline-border-color);
1260
1329
  --file-card--background-color--hover: var(--neutral-outline-background-color--hover);
1261
1330
  --file-card--background-color--pressed: var(--neutral-outline-background-color--pressed);
1331
+ --file-drop-zone--content-color--disabled: var(--disabled-outline-content-color);
1262
1332
  --file-drop-zone--background-color--default: var(--form-control--background-color--default);
1263
1333
  --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
1334
+ --file-drop-zone--background-color--disabled: var(--disabled-outline-background-color);
1335
+ --file-drop-zone--border-color--disabled: var(--disabled-outline-border-color);
1264
1336
  --file-drop-zone--border-color--default: var(--form-control--border-color--default);
1265
1337
  }