@mittwald/flow-design-tokens 0.2.0-alpha.71 → 0.2.0-alpha.710

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 +104 -30
  2. package/dist/variables.json +5611 -1611
  3. package/package.json +7 -7
package/dist/variables.css CHANGED
@@ -8,6 +8,7 @@
8
8
  --corner-radius--round: 50%;
9
9
  --border-style--default: solid;
10
10
  --border-style--dashed: dashed;
11
+ --message--tip-size-y: 12px;
11
12
  --dark--color--100: rgb(0 0 0 / 12.5%);
12
13
  --dark--color--200: rgb(0 0 0 / 25%);
13
14
  --dark--color--300: rgb(0 0 0 / 37.5%);
@@ -136,6 +137,7 @@
136
137
  --color--categorical--green: #008f5d;
137
138
  --color--categorical--lime: #bce931;
138
139
  --color--transparent: transparent;
140
+ --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%);
139
141
  --avatar--size--m: 2.5rem;
140
142
  --code--default-syntax-color-addition: #397300;
141
143
  --code--default-syntax-color-built-in: #397300;
@@ -235,6 +237,7 @@
235
237
  --contextual-help--max-width: 500px;
236
238
  --modal--size--s: 660px;
237
239
  --modal--size--m: 900px;
240
+ --modal--size--l: 1300px;
238
241
  --modal--content-min-height: 120px;
239
242
  --popover--min-width: 200px;
240
243
  --tooltip--max-width: 300px;
@@ -258,10 +261,14 @@
258
261
  --counter-badge--height: 1.25rem;
259
262
  --counter-badge--height-empty: 0.75rem;
260
263
  --loading-spinner--transition-duration: 2000ms;
264
+ --loading-spinner--transition-duration-slow: 6000ms;
261
265
  --notification--width: 355px;
262
- --progress-bar--height-s: 0.375rem;
263
- --transition--duration--default: 200ms;
264
- --transition--duration--slow: 300ms;
266
+ --accent-box--background-color-green: #D8F5D6;
267
+ --accent-box--icon-color-green: #c4e3c1;
268
+ --accent-box--icon-color-gradient: #002b7b14;
269
+ --transition--duration--fast: 200ms;
270
+ --transition--duration--default: 300ms;
271
+ --transition--duration--slow: 400ms;
265
272
  --action-group--spacing--m: var(--size-px--m);
266
273
  --action-group--spacing--s: var(--size-px--s);
267
274
  --button--padding-x: var(--size-px--m);
@@ -288,7 +295,7 @@
288
295
  --border-width--200: var(--size-px--xxs);
289
296
  --border-width--300: var(--size-px--xs);
290
297
  --border-width--400: var(--size-px--s);
291
- --chat--spacing: var(--size-px--m);
298
+ --chat--spacing: var(--size-px--s);
292
299
  --message-separator--font-size: var(--font-size-text--s);
293
300
  --message-separator--padding: var(--size-px--m);
294
301
  --message-thread--spacing: var(--size-rem--l);
@@ -299,6 +306,7 @@
299
306
  --message--spacing-x: var(--size-rem--m);
300
307
  --message--background-color-responder: var(--color--gray--400);
301
308
  --message--background-color-sender: var(--color--hosting-blue--200);
309
+ --message--tip-size-x: var(--size-px--s);
302
310
  --primary--color--100: var(--color--hosting-blue--100);
303
311
  --primary--color--200: var(--color--hosting-blue--200);
304
312
  --primary--color--300: var(--color--hosting-blue--300);
@@ -428,6 +436,9 @@
428
436
  --light-outline-background-color--pressed: var(--light--color--200);
429
437
  --light-outline-border-color: var(--light--color--800);
430
438
  --light-outline-content-color: var(--light--color--800);
439
+ --color--violet: var(--color--soft-contrast-violet--800);
440
+ --color--teal: var(--color--super-teal--800);
441
+ --color--lilac: var(--color--bright-lilac--800);
431
442
  --avatar--size--xs: var(--size-rem--l);
432
443
  --avatar--size--s: var(--size-rem--xl);
433
444
  --avatar--size--l: var(--size-rem--xxl);
@@ -469,6 +480,24 @@
469
480
  --text--blockquote-border-style: var(--border-style--default);
470
481
  --text--blockquote-padding: var(--size-rem--s);
471
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);
472
501
  --focus--outline-offset: var(--size-px--xxs);
473
502
  --line-height--m: calc(var(--font-size-text--m) * 1.5);
474
503
  --line-height--s: calc(var(--font-size-text--s) * 1.5);
@@ -480,7 +509,6 @@
480
509
  --calendar--header-cell-font-weight: var(--font-weight--bold);
481
510
  --field-description--font-size: var(--font-size-text--s);
482
511
  --field-error--font-size: var(--font-size-text--s);
483
- --field-error--spacing: var(--size-rem--xs);
484
512
  --form-control--label-to-control-spacing: var(--size-rem--xxs);
485
513
  --form-control--control-to-info-spacing: var(--size-rem--xs);
486
514
  --form-control--spacing-x: var(--size-rem--s);
@@ -488,6 +516,8 @@
488
516
  --form-control--padding-x: var(--size-px--m);
489
517
  --form-control--padding-y: var(--size-px--s);
490
518
  --form-control--border-style: var(--border-style--default);
519
+ --rating--spacing--s: var(--size-rem--xxs);
520
+ --rating--spacing--m: var(--size-rem--xs);
491
521
  --segmented-button--text-to-text-spacing: var(--size-rem--xs);
492
522
  --slider--spacing-x: var(--size-rem--s);
493
523
  --slider--spacing-y: var(--size-rem--m);
@@ -513,6 +543,7 @@
513
543
  --header-navigation--corner-radius-round: var(--corner-radius--round);
514
544
  --header-navigation--font-weight-current: var(--font-weight--bold);
515
545
  --link--icon-height: calc(var(--font-size-text--m) * 1.25);
546
+ --link--icon-height-s: calc(var(--font-size-text--s) * 1.25);
516
547
  --link--font-weight: var(--font-weight--bold);
517
548
  --link--spacing: var(--size-rem--xs);
518
549
  --link--color-dark--default: var(--dark--color--800);
@@ -529,6 +560,7 @@
529
560
  --light-box--max-height: calc(100dvh - var(--size-px--l));
530
561
  --light-box--spacing: var(--size-px--m);
531
562
  --modal--padding: var(--size-px--l);
563
+ --modal--padding-mobile: var(--size-px--m);
532
564
  --modal--border-style: var(--border-style--default);
533
565
  --modal--header-padding-y: var(--size-px--s);
534
566
  --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
@@ -547,6 +579,7 @@
547
579
  --tooltip--tip-size: var(--size-px--s);
548
580
  --shadow--content: rgba(0, 0, 0, 0.1) 0 var(--size-px--xs) var(--size-px--s);
549
581
  --shadow--overlay: rgba(0, 0, 0, 0.14) 0 var(--size-px--m) var(--size-px--l);
582
+ --alert-text--spacing: var(--size-rem--xs);
550
583
  --alert--padding: var(--size-px--m);
551
584
  --alert--border-style: var(--border-style--default);
552
585
  --alert--heading-to-content-spacing: var(--size-rem--s);
@@ -647,22 +680,29 @@
647
680
  --notification--heading-to-text-spacing: var(--size-rem--xs);
648
681
  --notification--spacing: var(--size-rem--s);
649
682
  --notification--font-size: var(--font-size-text--s);
683
+ --password-creation-field--rule-to-rule-spacing: var(--size-px--s);
650
684
  --progress-bar--font-size: var(--font-size-text--m);
651
685
  --progress-bar--font-size-s: var(--font-size-text--s);
652
686
  --progress-bar--value-font-weight: var(--font-weight--bold);
653
687
  --progress-bar--spacing-y: var(--size-rem--xs);
654
688
  --progress-bar--spacing-x: var(--size-rem--m);
655
- --progress-bar--height: var(--size-rem--s);
689
+ --progress-bar--spacing-bar-to-legend: var(--size-px--m);
690
+ --progress-bar--height--m: var(--size-rem--m);
691
+ --progress-bar--height--s: var(--size-rem--s);
692
+ --progress-bar--height--l: var(--size-rem--l);
656
693
  --progress-bar--corner-radius: var(--size-rem--xs);
694
+ --accent-box--background-color-gradient: var(--color--gradient);
695
+ --accent-box--background-color-blue: var(--color--hosting-blue--100);
696
+ --accent-box--icon-color-blue: var(--color--hosting-blue--200);
697
+ --accent-box--padding: var(--size-px--m);
657
698
  --accordion--spacing: var(--size-rem--s);
658
699
  --accordion--border-style: var(--border-style--default);
659
700
  --accordion--padding-x: var(--size-px--s);
660
701
  --accordion--padding-y: var(--size-px--xs);
661
702
  --align--avatar-text--spacing: var(--size-rem--s);
662
703
  --align--input-button--spacing: var(--size-px--m);
663
- --align--text-copyButton--spacing: var(--size-rem--xs);
704
+ --align--text-button--spacing: var(--size-rem--xs);
664
705
  --align--icon-text--spacing: var(--size-rem--s);
665
- --align--text-contextualHelp--spacing: var(--size-rem--xs);
666
706
  --column-layout--gap--s: var(--size-px--s);
667
707
  --column-layout--gap--m: var(--size-px--m);
668
708
  --column-layout--gap--l: var(--size-px--l);
@@ -671,6 +711,7 @@
671
711
  --layout-card--padding-mobile: var(--size-px--m);
672
712
  --list--spacing: var(--size-px--s);
673
713
  --list--block-to-block-spacing: var(--size-px--m);
714
+ --list--filter-to-search-spacing: var(--size-px--xl);
674
715
  --list-item--padding: var(--size-px--s);
675
716
  --list-item--border-style: var(--border-style--default);
676
717
  --list-item--spacing: var(--size-px--m);
@@ -682,6 +723,7 @@
682
723
  --section--sub-heading-spacing-s: var(--size-rem--s);
683
724
  --section-header--action-to-action-spacing: var(--size-rem--s);
684
725
  --section-header--heading-to-action-spacing: var(--size-rem--m);
726
+ --separator--border-style: var(--border-style--default);
685
727
  --table--border-style: var(--border-style--default);
686
728
  --table--padding-x: var(--size-px--m);
687
729
  --table--padding-y: var(--size-px--s);
@@ -697,8 +739,6 @@
697
739
  --file-drop-zone--border-style--target: var(--border-style--default);
698
740
  --button--corner-radius: var(--corner-radius--default);
699
741
  --button--pending-icon-color: var(--neutral--color--1000);
700
- --button--succeeded-icon-color: var(--success--color--800);
701
- --button--failed-icon-color: var(--danger--color--800);
702
742
  --button--border-width: var(--border-width--100);
703
743
  --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
704
744
  --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
@@ -865,9 +905,9 @@
865
905
  --warning-soft-background-color--pressed: var(--warning--color--300);
866
906
  --warning-soft-content-color--default: var(--warning--color--900);
867
907
  --warning-soft-content-color--pressed: var(--warning--color--1000);
868
- --warning-plain-background-color--hover: var(--info--color--100);
869
- --warning-plain-background-color--pressed: var(--info--color--200);
870
- --warning-plain-content-color: var(--info--color--800);
908
+ --warning-plain-background-color--hover: var(--warning--color--100);
909
+ --warning-plain-background-color--pressed: var(--warning--color--200);
910
+ --warning-plain-content-color: var(--warning--color--800);
871
911
  --neutral-solid-background-color--default: var(--neutral--color--800);
872
912
  --neutral-solid-background-color--hover: var(--neutral--color--900);
873
913
  --neutral-solid-background-color--pressed: var(--neutral--color--1000);
@@ -893,8 +933,12 @@
893
933
  --disabled-outline-border-color: var(--neutral--color--400);
894
934
  --disabled-soft-background-color: var(--neutral--color--300);
895
935
  --disabled-soft-content-color: var(--neutral--color--500);
936
+ --color--blue: var(--primary--color--1000);
896
937
  --avatar-stack--border-width: var(--border-width--200);
897
- --code--line-height: var(--line-height--m);
938
+ --avatar--info-status-background-color: var(--info--color--200);
939
+ --avatar--warning-status-background-color: var(--warning--color--200);
940
+ --avatar--danger-status-background-color: var(--danger--color--200);
941
+ --avatar--success-status-background-color: var(--success--color--200);
898
942
  --code--corner-radius: var(--corner-radius--default);
899
943
  --code--light-background-color: var(--light-soft-background-color--default);
900
944
  --code--light-content-color: var(--light-soft-content-color);
@@ -903,12 +947,15 @@
903
947
  --heading--color: var(--primary--color--1000);
904
948
  --heading--color-dark: var(--dark-plain-content-color);
905
949
  --heading--color-light: var(--light-plain-content-color);
950
+ --heading--color-danger: var(--danger--color--900);
951
+ --heading--color-unavailable: var(--neutral--color--900);
906
952
  --icon--color: var(--neutral--color--800);
907
- --illustrated-message--primary-icon-color: var(--primary--color--900);
908
- --illustrated-message--danger-icon-color: var(--danger--color--900);
909
- --illustrated-message--danger-heading-color: var(--danger--color--1000);
910
- --illustrated-message--dark-icon-color: var(--dark-plain-content-color);
911
- --illustrated-message--light-icon-color: var(--light-plain-content-color);
953
+ --icon--unavailable-color: var(--neutral--color--900);
954
+ --illustrated-message--primary-content-color: var(--primary--color--1000);
955
+ --illustrated-message--danger-content-color: var(--danger--color--900);
956
+ --illustrated-message--unavailable-content-color: var(--neutral--color--900);
957
+ --illustrated-message--dark-content-color: var(--dark-plain-content-color);
958
+ --illustrated-message--light-content-color: var(--light-plain-content-color);
912
959
  --image--corner-radius: var(--corner-radius--default);
913
960
  --image--border-width: var(--border-width--100);
914
961
  --label--line-height: var(--line-height--m);
@@ -917,6 +964,14 @@
917
964
  --text--color--light: var(--light-plain-content-color);
918
965
  --text--color--dark: var(--dark-plain-content-color);
919
966
  --text--blockquote-border-width: var(--border-width--300);
967
+ --area--border-width: var(--border-width--200);
968
+ --area--border-color: var(--neutral--color--100);
969
+ --axis--text-color: var(--neutral--color--1000);
970
+ --axis--stroke-width: var(--border-width--100);
971
+ --cartesian-grid--stroke-width: var(--border-width--100);
972
+ --donut-chart--background-color: var(--neutral--color--300);
973
+ --legend-item--marker--corner-radius: var(--corner-radius--default);
974
+ --line--border-width: var(--border-width--200);
920
975
  --focus--outline-color: var(--primary--color--800);
921
976
  --focus--secondary-outline-color: var(--neutral--color--100);
922
977
  --focus--outline-width: var(--border-width--200);
@@ -926,7 +981,6 @@
926
981
  --calendar--cell-background-color--hover: var(--dark-plain-background-color--hover);
927
982
  --calendar--cell-background-color--pressed: var(--dark-plain-background-color--pressed);
928
983
  --calendar--cell-range-background-color: var(--primary--color--100);
929
- --field-error--color: var(--danger--color--800);
930
984
  --form-control--corner-radius: var(--corner-radius--default);
931
985
  --form-control--border-width: var(--border-width--100);
932
986
  --form-control--placeholder-color--default: var(--neutral--color--900);
@@ -936,6 +990,8 @@
936
990
  --form-control--background-color--focused: var(--neutral--color--300);
937
991
  --form-control--background-color--invalid: var(--danger--color--100);
938
992
  --form-control--background-color--selected: var(--primary--color--200);
993
+ --rating--star-color: var(--neutral--color--700);
994
+ --rating--star-filled-color: var(--primary--color--1000);
939
995
  --slider--color--default: var(--primary--color--1000);
940
996
  --slider--color--disabled: var(--neutral--color--600);
941
997
  --slider--track-color--default: var(--neutral--color--700);
@@ -958,7 +1014,6 @@
958
1014
  --header-navigation--background-color-light--hover: var(--light-plain-background-color--hover);
959
1015
  --header-navigation--background-color-light--pressed: var(--light-plain-background-color--pressed);
960
1016
  --header-navigation--underline-width-current: var(--border-width--200);
961
- --link--line-height: var(--line-height--m);
962
1017
  --link--color--default: var(--primary--color--800);
963
1018
  --link--color--hover: var(--primary--color--900);
964
1019
  --link--color--pressed: var(--primary--color--1000);
@@ -976,6 +1031,7 @@
976
1031
  --tooltip--background-color: var(--neutral--color--900);
977
1032
  --tooltip--box-shadow: var(--shadow--overlay);
978
1033
  --tooltip--header-corner-radius: var(--corner-radius--default);
1034
+ --alert-text--unavailable-color: var(--neutral--color--900);
979
1035
  --alert--corner-radius: var(--corner-radius--default);
980
1036
  --alert--border-width: var(--border-width--100);
981
1037
  --alert--border-x-start-width: var(--border-width--400);
@@ -992,6 +1048,8 @@
992
1048
  --badge--disabled-light-scope-content-color: var(--disabled-solid-light-content-color);
993
1049
  --counter-badge--border-width: var(--border-width--200);
994
1050
  --counter-badge--border-color: var(--neutral--color--100);
1051
+ --loading-spinner--color-light: var(--light-plain-content-color);
1052
+ --loading-spinner--color-dark: var(--dark-plain-content-color);
995
1053
  --notification--corner-radius: var(--corner-radius--default);
996
1054
  --notification--border-x-start-width: var(--border-width--300);
997
1055
  --notification--box-shadow: var(--shadow--overlay);
@@ -1000,7 +1058,10 @@
1000
1058
  --notification--danger-background-color--default: var(--neutral--color--100);
1001
1059
  --notification--success-background-color--default: var(--neutral--color--100);
1002
1060
  --progress-bar--border-width: var(--border-width--100);
1003
- --progress-bar--background-color: var(--neutral-outline-background-color--default);
1061
+ --progress-bar--background-color: var(--neutral--color--300);
1062
+ --accent-box--background-color-neutral: var(--neutral--color--300);
1063
+ --accent-box--icon-color-neutral: var(--neutral--color--400);
1064
+ --accent-box--corner-radius: var(--corner-radius--default);
1004
1065
  --accordion--corner-radius: var(--corner-radius--default);
1005
1066
  --accordion--border-width: var(--border-width--100);
1006
1067
  --accordion--background-color--hover: var(--primary--color--100);
@@ -1023,6 +1084,7 @@
1023
1084
  --file-card--corner-radius: var(--corner-radius--default);
1024
1085
  --file-card--border-width: var(--border-width--100);
1025
1086
  --file-card--background-color--default: var(--neutral--color--100);
1087
+ --file-card--background-color--error: var(--danger--color--100);
1026
1088
  --file-drop-zone--corner-radius: var(--corner-radius--default);
1027
1089
  --file-drop-zone--border-width: var(--border-width--100);
1028
1090
  --file-drop-zone--border-color--target: var(--primary--color--800);
@@ -1156,13 +1218,19 @@
1156
1218
  --menu-item--disabled-color: var(--disabled-plain-content-color);
1157
1219
  --code--default-background-color: var(--neutral-soft-background-color--default);
1158
1220
  --code--default-content-color: var(--neutral-soft-content-color--default);
1159
- --illustrated-message--primary-heading-color: var(--heading--color);
1160
- --illustrated-message--dark-heading-color: var(--heading--color-dark);
1161
- --illustrated-message--light-heading-color: var(--heading--color-light);
1221
+ --icon--info-color: var(--info-outline-content-color);
1222
+ --icon--warning-color: var(--warning-outline-content-color);
1223
+ --icon--danger-color: var(--danger-outline-content-color);
1224
+ --icon--success-color: var(--success-outline-content-color);
1162
1225
  --image--border-color: var(--neutral-outline-border-color);
1163
1226
  --label--color--disabled: var(--disabled-plain-content-color);
1164
1227
  --text--color--disabled: var(--disabled-plain-content-color);
1165
1228
  --text--blockquote-border-color: var(--info-outline-border-color);
1229
+ --donut-chart--border-color: var(--neutral-outline-border-color);
1230
+ --donut-chart--info-fill-background-color: var(--info-solid-background-color--default);
1231
+ --donut-chart--success-fill-background-color: var(--success-solid-background-color--default);
1232
+ --donut-chart--warning-fill-background-color: var(--warning-solid-background-color--default);
1233
+ --donut-chart--danger-fill-background-color: var(--danger-solid-background-color--default);
1166
1234
  --choice--icon-color--default: var(--icon--color);
1167
1235
  --choice--icon-color--disabled: var(--disabled-outline-content-color);
1168
1236
  --date-picker--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
@@ -1206,10 +1274,10 @@
1206
1274
  --alert-badge--danger-background-color: var(--danger-soft-background-color--default);
1207
1275
  --alert-badge--danger-content-color: var(--danger-soft-content-color--default);
1208
1276
  --alert-badge--danger-border-color: var(--danger-outline-border-color);
1209
- --alert-icon--info-color: var(--info-outline-content-color);
1210
- --alert-icon--warning-color: var(--warning-outline-content-color);
1211
- --alert-icon--danger-color: var(--danger-outline-content-color);
1212
- --alert-icon--success-color: var(--success-outline-content-color);
1277
+ --alert-text--info-color: var(--info-outline-content-color);
1278
+ --alert-text--warning-color: var(--warning-outline-content-color);
1279
+ --alert-text--danger-color: var(--danger-outline-content-color);
1280
+ --alert-text--success-color: var(--success-outline-content-color);
1213
1281
  --alert--info-border-color: var(--info-outline-border-color);
1214
1282
  --alert--info-heading-color: var(--info-outline-content-color);
1215
1283
  --alert--warning-border-color: var(--warning-outline-border-color);
@@ -1236,6 +1304,7 @@
1236
1304
  --badge--disabled-scope-content-color: var(--disabled-solid-content-color);
1237
1305
  --counter-badge--background-color: var(--success-solid-background-color--default);
1238
1306
  --counter-badge--content-color: var(--success-solid-content-color);
1307
+ --loading-spinner--color: var(--icon--color);
1239
1308
  --notification--info-border-color: var(--info-outline-border-color);
1240
1309
  --notification--info-heading-color: var(--info-outline-content-color);
1241
1310
  --notification--info-background-color--hover: var(--info-outline-background-color--hover);
@@ -1257,14 +1326,19 @@
1257
1326
  --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);
1258
1327
  --progress-bar--warning-fill-background-color: var(--warning-solid-background-color--default);
1259
1328
  --progress-bar--danger-fill-background-color: var(--danger-solid-background-color--default);
1329
+ --progress-bar--indeterminate-fill-background-color: var(--neutral-solid-background-color--default);
1260
1330
  --accordion--border-color: var(--neutral-outline-border-color);
1261
1331
  --list-item--border-color: var(--neutral-outline-border-color);
1262
1332
  --separator--color: var(--neutral-outline-border-color);
1263
1333
  --table--border-color: var(--neutral-outline-border-color);
1264
- --file-card--border-color: var(--neutral-outline-border-color);
1334
+ --file-card--border-color--default: var(--neutral-outline-border-color);
1335
+ --file-card--border-color--error: var(--danger-outline-border-color);
1265
1336
  --file-card--background-color--hover: var(--neutral-outline-background-color--hover);
1266
1337
  --file-card--background-color--pressed: var(--neutral-outline-background-color--pressed);
1338
+ --file-drop-zone--content-color--disabled: var(--disabled-outline-content-color);
1267
1339
  --file-drop-zone--background-color--default: var(--form-control--background-color--default);
1268
1340
  --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
1341
+ --file-drop-zone--background-color--disabled: var(--disabled-outline-background-color);
1342
+ --file-drop-zone--border-color--disabled: var(--disabled-outline-border-color);
1269
1343
  --file-drop-zone--border-color--default: var(--form-control--border-color--default);
1270
1344
  }