@nova-design-system/nova-base 3.0.0-beta.42 → 3.0.0-beta.44

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 (25) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +6 -0
  3. package/dist/css/mccs.css +104 -28
  4. package/dist/css/nova-utils.css +12 -0
  5. package/dist/css/ocean.css +104 -22
  6. package/dist/css/spark.css +104 -22
  7. package/dist/generated/nova-tailwind-tokens.d.ts +6 -0
  8. package/dist/generated/nova-tailwind-tokens.js +6 -0
  9. package/dist/js/mccs_dark.d.ts +36 -8
  10. package/dist/js/mccs_dark.js +36 -8
  11. package/dist/js/mccs_light.d.ts +36 -8
  12. package/dist/js/mccs_light.js +36 -8
  13. package/dist/js/ocean_dark.d.ts +36 -8
  14. package/dist/js/ocean_dark.js +36 -8
  15. package/dist/js/ocean_light.d.ts +36 -8
  16. package/dist/js/ocean_light.js +36 -8
  17. package/dist/js/primitives.d.ts +0 -6
  18. package/dist/js/primitives.js +0 -6
  19. package/dist/js/spacings.d.ts +32 -0
  20. package/dist/js/spacings.js +32 -0
  21. package/dist/js/spark_dark.d.ts +36 -8
  22. package/dist/js/spark_dark.js +36 -8
  23. package/dist/js/spark_light.d.ts +36 -8
  24. package/dist/js/spark_light.js +36 -8
  25. package/package.json +1 -1
package/dist/css/spark.css CHANGED
@@ -34,8 +34,6 @@
34
34
  --components-button-high-border-active: rgba(255, 255, 255, 0);
35
35
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
36
36
  --components-button-high-border: rgba(255, 255, 255, 0);
37
- --components-datagrid-background: rgba(0, 0, 0, 0);
38
- --components-wpf-components-2: #ffffff;
39
37
  --shadow-y-axis-2xl: 25px;
40
38
  --shadow-y-axis-xl-2: 20px;
41
39
  --shadow-y-axis-xl-1: 10px;
@@ -43,12 +41,15 @@
43
41
  --shadow-y-axis-lg-1: 4px;
44
42
  --shadow-y-axis-md-2: 4px;
45
43
  --shadow-y-axis-md-1: 2px;
46
- --shadow-y-axis-base: 1px;
44
+ --shadow-y-axis-base-2: 1px;
45
+ --shadow-y-axis-base-1: 1px;
47
46
  --shadow-y-axis-none: 0px;
48
47
  --shadow-spread-2xl: -6px;
49
48
  --shadow-spread-xl: -2px;
50
49
  --shadow-spread-lg-2: 0px;
51
50
  --shadow-spread-lg-1: 0px;
51
+ --shadow-spread-md: 0px;
52
+ --shadow-spread-base: 0px;
52
53
  --shadow-blur-2xl: 50px;
53
54
  --shadow-blur-xl-2: 25px;
54
55
  --shadow-blur-xl-1: 10px;
@@ -75,8 +76,13 @@
75
76
  --components-popover-background: var(--color-gray-spark-900);
76
77
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
77
78
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
79
+ --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);
80
+ --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);
78
81
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
79
82
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
83
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
84
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
85
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
80
86
  --components-overlay-background: var(--color-gray-spark-650);
81
87
  --components-button-destructive-high-icon-hover: var(--color-base-black);
82
88
  --components-button-destructive-high-icon: var(--color-base-black);
@@ -315,6 +321,23 @@
315
321
  --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
316
322
  --components-menu-contextual-border: var(--color-content-low-border);
317
323
  --components-menu-contextual-background: var(--color-level-00-background);
324
+ --components-calendar-background: var(--color-level-00-background);
325
+ --components-calendar-cell-text-today: var(--color-interaction-container-neutral-text-active);
326
+ --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
327
+ --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
328
+ --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
329
+ --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);
330
+ --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);
331
+ --components-calendar-cell-dot: var(--color-content-high-icon);
332
+ --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
333
+ --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
334
+ --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
335
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
336
+ --components-calendar-weeks-text: var(--color-content-high-text);
337
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
338
+ --components-calendar-weeks-background: var(--color-level-10-background);
339
+ --components-calendar-header-text: var(--color-content-high-text);
340
+ --components-calendar-border: var(--color-content-low-border);
318
341
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
319
342
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
320
343
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
@@ -351,6 +374,12 @@
351
374
  --components-avatar-background-3: var(--color-rainbow-3-background);
352
375
  --components-avatar-background-2: var(--color-rainbow-2-background);
353
376
  --components-avatar-background-1: var(--color-rainbow-1-background);
377
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
378
+ --components-datagrid-body-subtext: var(--color-content-low-text);
379
+ --components-datagrid-body-text: var(--color-content-high-text);
380
+ --components-datagrid-body-border: var(--color-content-low-border);
381
+ --components-datagrid-header-text: var(--color-content-low-text);
382
+ --components-datagrid-header-border: var(--color-content-medium-border);
354
383
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
355
384
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
356
385
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
@@ -454,13 +483,10 @@
454
483
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
455
484
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
456
485
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
457
- --components-datagrid-border-header: var(--color-content-medium-border);
458
- --components-datagrid-border-body: var(--color-content-low-border);
459
- --components-datagrid-content-subtext: var(--color-content-low-text);
460
- --components-datagrid-content-text: var(--color-content-high-text);
461
- --components-datagrid-content-header: var(--color-content-low-text);
462
486
  --color-focus-success: var(--color-feedback-success-low-border);
463
487
  --color-focus-destructive: var(--color-feedback-error-high-border);
488
+ --color-focus-background-inverted: var(--color-level-inverted-00-background);
489
+ --color-focus-background: var(--color-level-00-background);
464
490
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
465
491
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
466
492
  --color-interaction-link-low-icon: var(--color-content-high-text);
@@ -473,6 +499,8 @@
473
499
  --color-interaction-container-neutral-border: var(--color-content-low-text);
474
500
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
475
501
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
502
+ --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
503
+ --components-calendar-cell-text: var(--color-interaction-container-neutral-text);
476
504
  --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);
477
505
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
478
506
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
@@ -539,8 +567,6 @@
539
567
  --components-button-low-border: rgba(255, 255, 255, 0);
540
568
  --components-button-low-background: rgba(255, 255, 255, 0);
541
569
  --components-button-high-border: rgba(255, 255, 255, 0);
542
- --components-datagrid-background: rgba(255, 255, 255, 0);
543
- --components-wpf-components-2: #ffffff;
544
570
  --shadow-y-axis-2xl: 25px;
545
571
  --shadow-y-axis-xl-2: 20px;
546
572
  --shadow-y-axis-xl-1: 10px;
@@ -548,12 +574,15 @@
548
574
  --shadow-y-axis-lg-1: 4px;
549
575
  --shadow-y-axis-md-2: 4px;
550
576
  --shadow-y-axis-md-1: 2px;
551
- --shadow-y-axis-base: 1px;
577
+ --shadow-y-axis-base-2: 1px;
578
+ --shadow-y-axis-base-1: 1px;
552
579
  --shadow-y-axis-none: 0px;
553
580
  --shadow-spread-2xl: -12px;
554
581
  --shadow-spread-xl: -5px;
555
582
  --shadow-spread-lg-2: -3px;
556
583
  --shadow-spread-lg-1: -2px;
584
+ --shadow-spread-md: 0px;
585
+ --shadow-spread-base: 0px;
557
586
  --shadow-blur-2xl: 50px;
558
587
  --shadow-blur-xl-2: 25px;
559
588
  --shadow-blur-xl-1: 10px;
@@ -580,8 +609,13 @@
580
609
  --components-popover-background: var(--color-gray-spark-00);
581
610
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
582
611
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
612
+ --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);
613
+ --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);
583
614
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
584
615
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
616
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
617
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
618
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
585
619
  --components-overlay-background: var(--color-gray-spark-850);
586
620
  --components-button-destructive-high-icon-hover: var(--color-base-white);
587
621
  --components-button-destructive-high-icon: var(--color-base-white);
@@ -820,6 +854,22 @@
820
854
  --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
821
855
  --components-menu-contextual-border: var(--color-content-low-border);
822
856
  --components-menu-contextual-background: var(--color-level-00-background);
857
+ --components-calendar-background: var(--color-level-00-background);
858
+ --components-calendar-cell-text-today: var(--color-content-high-text);
859
+ --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
860
+ --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
861
+ --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
862
+ --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);
863
+ --components-calendar-cell-dot: var(--color-content-high-icon);
864
+ --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
865
+ --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
866
+ --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
867
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
868
+ --components-calendar-weeks-text: var(--color-content-high-text);
869
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
870
+ --components-calendar-weeks-background: var(--color-level-10-background);
871
+ --components-calendar-header-text: var(--color-content-high-text);
872
+ --components-calendar-border: var(--color-content-low-border);
823
873
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
824
874
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
825
875
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
@@ -856,6 +906,12 @@
856
906
  --components-avatar-background-3: var(--color-rainbow-3-background);
857
907
  --components-avatar-background-2: var(--color-rainbow-2-background);
858
908
  --components-avatar-background-1: var(--color-rainbow-1-background);
909
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
910
+ --components-datagrid-body-subtext: var(--color-content-low-text);
911
+ --components-datagrid-body-text: var(--color-content-high-text);
912
+ --components-datagrid-body-border: var(--color-content-low-border);
913
+ --components-datagrid-header-text: var(--color-content-low-text);
914
+ --components-datagrid-header-border: var(--color-content-medium-border);
859
915
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
860
916
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
861
917
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
@@ -961,13 +1017,10 @@
961
1017
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
962
1018
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
963
1019
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
964
- --components-datagrid-border-header: var(--color-content-medium-border);
965
- --components-datagrid-border-body: var(--color-content-low-border);
966
- --components-datagrid-content-subtext: var(--color-content-low-text);
967
- --components-datagrid-content-text: var(--color-content-high-text);
968
- --components-datagrid-content-header: var(--color-content-low-text);
969
1020
  --color-focus-success: var(--color-feedback-success-low-border);
970
1021
  --color-focus-destructive: var(--color-feedback-error-high-border);
1022
+ --color-focus-background-inverted: var(--color-level-inverted-00-background);
1023
+ --color-focus-background: var(--color-level-00-background);
971
1024
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
972
1025
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
973
1026
  --color-interaction-link-low-icon: var(--color-content-high-text);
@@ -980,6 +1033,9 @@
980
1033
  --color-interaction-container-neutral-border: var(--color-content-low-text);
981
1034
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
982
1035
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
1036
+ --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
1037
+ --components-calendar-cell-text: var(--color-interaction-container-neutral-text);
1038
+ --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);
983
1039
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
984
1040
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
985
1041
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
@@ -1108,12 +1164,6 @@
1108
1164
  --color-turquoise-200: #b8d6d2;
1109
1165
  --color-turquoise-100: #d2e5e3;
1110
1166
  --color-turquoise-50: #ecf4f3;
1111
- --color-red-mccs-00: #ff6161;
1112
- --color-red-mccs-500: #450000;
1113
- --color-red-mccs-400: #7d0000;
1114
- --color-red-mccs-300: #ae0303;
1115
- --color-red-mccs-200: #d00202;
1116
- --color-red-mccs-100: #ff3838;
1117
1167
  --color-red-900: #3d0909;
1118
1168
  --color-red-800: #610e0e;
1119
1169
  --color-red-700: #851313;
@@ -1299,6 +1349,7 @@
1299
1349
  --form-field-badge-gap: 0px;
1300
1350
  --list-native-separator-padding-y: 3px;
1301
1351
  --list-native-separator-padding-x: 9px;
1352
+ --calendar-cell-dot-size: 3px;
1302
1353
  --button-lg-ring-radius: 9px;
1303
1354
  --button-md-ring-radius: 7px;
1304
1355
  --button-sm-ring-radius: 5px;
@@ -1353,6 +1404,14 @@
1353
1404
  --dialog-header-gap-y: var(--spacing-0);
1354
1405
  --dialog-dismissible-position-right: var(--spacing-3);
1355
1406
  --dialog-dismissible-position-top: var(--spacing-5);
1407
+ --datagrid-cell-header-padding-y: var(--spacing-3);
1408
+ --datagrid-cell-header-padding-right: var(--spacing-2);
1409
+ --datagrid-cell-header-padding-x: var(--spacing-4);
1410
+ --datagrid-cell-body-actions-padding-y: var(--spacing-1);
1411
+ --datagrid-cell-body-padding-y: var(--spacing-2);
1412
+ --datagrid-cell-body-actions-gap-x: var(--spacing-2);
1413
+ --datagrid-cell-body-avatar-gap-x: var(--spacing-3);
1414
+ --datagrid-cell-body-padding-x: var(--spacing-4);
1356
1415
  --breadcrumb-padding-y: var(--spacing-1);
1357
1416
  --badge-radius: var(--radius-rounded-full);
1358
1417
  --badge-padding-y: var(--spacing-1);
@@ -1520,6 +1579,29 @@
1520
1579
  --list-native-line-height: var(--line-height-base);
1521
1580
  --list-native-font-size: var(--font-size-md);
1522
1581
  --list-native-icon-size: var(--spacing-5);
1582
+ --calendar-navigation-buttons-gap: var(--spacing-1);
1583
+ --calendar-controls-padding-top: var(--spacing-2);
1584
+ --calendar-controls-margin-top: var(--spacing-1);
1585
+ --calendar-weeks-size: var(--spacing-10);
1586
+ --calendar-weeks-radius: var(--radius-rounded);
1587
+ --calendar-header-button-size: var(--spacing-8);
1588
+ --calendar-header-margin-bottom: var(--spacing-1);
1589
+ --calendar-header-line-height: var(--line-height-sm);
1590
+ --calendar-header-font-weight: var(--font-weight-medium-emphasis);
1591
+ --calendar-header-font-size: var(--font-size-sm);
1592
+ --calendar-grid-gap-y: var(--spacing-0-5);
1593
+ --calendar-grid-gap-x: var(--spacing-0);
1594
+ --calendar-radius: var(--radius-rounded-md);
1595
+ --calendar-weeks-calendar-gap-x: var(--spacing-2);
1596
+ --calendar-gap-y: var(--spacing-1);
1597
+ --calendar-gap-x: var(--spacing-1);
1598
+ --calendar-double-gap-x: var(--spacing-3);
1599
+ --calendar-padding: var(--spacing-1);
1600
+ --calendar-cell-radius: var(--radius-rounded-2xl);
1601
+ --calendar-cell-size: var(--spacing-8);
1602
+ --calendar-cell-line-height: var(--line-height-sm);
1603
+ --calendar-cell-font-weight: var(--font-weight-low-emphasis);
1604
+ --calendar-cell-font-size: var(--font-size-sm);
1523
1605
  --button-lg-padding-y: var(--spacing-2-5);
1524
1606
  --button-lg-padding-x: var(--spacing-4);
1525
1607
  --button-lg-line-height: var(--line-height-lg);
package/dist/generated/nova-tailwind-tokens.d.ts CHANGED
@@ -177,6 +177,12 @@ export declare const NOVA_TAILWIND_TOKENS: {
177
177
  '.text-feedback-warning-low': {
178
178
  color: string;
179
179
  };
180
+ '.bg-focus': {
181
+ 'background-color': string;
182
+ };
183
+ '.bg-focus-inverted': {
184
+ 'background-color': string;
185
+ };
180
186
  '.bg-interaction-container-branded-high': {
181
187
  'background-color': string;
182
188
  };
package/dist/generated/nova-tailwind-tokens.js CHANGED
@@ -178,6 +178,12 @@ export const NOVA_TAILWIND_TOKENS = {
178
178
  '.text-feedback-warning-low': {
179
179
  'color': 'var(--color-feedback-warning-low-text)'
180
180
  },
181
+ '.bg-focus': {
182
+ 'background-color': 'var(--color-focus-background)'
183
+ },
184
+ '.bg-focus-inverted': {
185
+ 'background-color': 'var(--color-focus-background-inverted)'
186
+ },
181
187
  '.bg-interaction-container-branded-high': {
182
188
  'background-color': 'var(--color-interaction-container-branded-high-background)'
183
189
  },
package/dist/js/mccs_dark.d.ts CHANGED
@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder : string;
144
144
  export const ColorFeedbackSuccessLowIcon : string;
145
145
  export const ColorFeedbackSuccessLowText : string;
146
146
  export const ColorFocusBrand : string;
147
+ export const ColorFocusBackground : string;
148
+ export const ColorFocusBackgroundInverted : string;
147
149
  export const ColorFocusDestructive : string;
148
150
  export const ColorFocusSuccess : string;
149
151
  export const ColorRainbow1Background : string;
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 : string;
204
206
  export const ShadowBlurXl1 : string;
205
207
  export const ShadowBlurXl2 : string;
206
208
  export const ShadowBlur2xl : string;
209
+ export const ShadowSpreadBase : string;
210
+ export const ShadowSpreadMd : string;
207
211
  export const ShadowSpreadLg1 : string;
208
212
  export const ShadowSpreadLg2 : string;
209
213
  export const ShadowSpreadXl : string;
210
214
  export const ShadowSpread2xl : string;
211
215
  export const ShadowYAxisNone : string;
212
- export const ShadowYAxisBase : string;
216
+ export const ShadowYAxisBase1 : string;
217
+ export const ShadowYAxisBase2 : string;
213
218
  export const ShadowYAxisMd1 : string;
214
219
  export const ShadowYAxisMd2 : string;
215
220
  export const ShadowYAxisLg1 : string;
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 : string;
217
222
  export const ShadowYAxisXl1 : string;
218
223
  export const ShadowYAxisXl2 : string;
219
224
  export const ShadowYAxis2xl : string;
220
- export const ComponentsWpfComponents2 : string;
221
- export const ComponentsDatagridBackground : string;
222
- export const ComponentsDatagridContentHeader : string;
223
- export const ComponentsDatagridContentText : string;
224
- export const ComponentsDatagridContentSubtext : string;
225
- export const ComponentsDatagridBorderBody : string;
226
- export const ComponentsDatagridBorderHeader : string;
227
225
  export const ComponentsButtonHighBorder : string;
228
226
  export const ComponentsButtonHighBorderHover : string;
229
227
  export const ComponentsButtonHighBorderActive : string;
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon : string;
406
404
  export const ComponentsAlertNeutralBackground : string;
407
405
  export const ComponentsAlertNeutralBorder : string;
408
406
  export const ComponentsAlertNeutralIcon : string;
407
+ export const ComponentsDatagridHeaderBorder : string;
408
+ export const ComponentsDatagridHeaderText : string;
409
+ export const ComponentsDatagridHeaderBackground : string;
410
+ export const ComponentsDatagridBodyBorder : string;
411
+ export const ComponentsDatagridBodyText : string;
412
+ export const ComponentsDatagridBodySubtext : string;
413
+ export const ComponentsDatagridBodyBackgroundDefault : string;
414
+ export const ComponentsDatagridBodyBackgroundActive : string;
415
+ export const ComponentsDatagridBodyBackgroundHover : string;
409
416
  export const ComponentsAvatarBackground1 : string;
410
417
  export const ComponentsAvatarBackground2 : string;
411
418
  export const ComponentsAvatarBackground3 : string;
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault : string;
446
453
  export const ComponentsFieldTimeTextHover : string;
447
454
  export const ComponentsFieldTimeTextActive : string;
448
455
  export const ComponentsFieldTimeBorderActive : string;
456
+ export const ComponentsCalendarBorder : string;
457
+ export const ComponentsCalendarHeaderText : string;
458
+ export const ComponentsCalendarWeeksBackground : string;
459
+ export const ComponentsCalendarWeeksBackgroundHover : string;
460
+ export const ComponentsCalendarWeeksText : string;
461
+ export const ComponentsCalendarWeeksTextHover : string;
462
+ export const ComponentsCalendarCellBackground : string;
463
+ export const ComponentsCalendarCellBackgroundSelected : string;
464
+ export const ComponentsCalendarCellBackgroundInRange : string;
465
+ export const ComponentsCalendarCellBackgroundHover : string;
466
+ export const ComponentsCalendarCellBackgroundToday : string;
467
+ export const ComponentsCalendarCellDot : string;
468
+ export const ComponentsCalendarCellDotSelected : string;
469
+ export const ComponentsCalendarCellDotHover : string;
470
+ export const ComponentsCalendarCellText : string;
471
+ export const ComponentsCalendarCellTextSelected : string;
472
+ export const ComponentsCalendarCellTextInRange : string;
473
+ export const ComponentsCalendarCellTextHover : string;
474
+ export const ComponentsCalendarCellTextOutsideMonth : string;
475
+ export const ComponentsCalendarCellTextToday : string;
476
+ export const ComponentsCalendarBackground : string;
449
477
  export const ComponentsMenuContextualBackground : string;
450
478
  export const ComponentsMenuContextualBorder : string;
451
479
  export const ComponentsMenuContextualItemBackground : string;
package/dist/js/mccs_dark.js CHANGED
@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder = "#6bde71";
144
144
  export const ColorFeedbackSuccessLowIcon = "#6bde71";
145
145
  export const ColorFeedbackSuccessLowText = "#6bde71";
146
146
  export const ColorFocusBrand = "#4b9eaa";
147
+ export const ColorFocusBackground = "#0b0f11";
148
+ export const ColorFocusBackgroundInverted = "#ffffff";
147
149
  export const ColorFocusDestructive = "#ff3d3d";
148
150
  export const ColorFocusSuccess = "#6bde71";
149
151
  export const ColorRainbow1Background = "#482608";
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 = "15px";
204
206
  export const ShadowBlurXl1 = "10px";
205
207
  export const ShadowBlurXl2 = "0px";
206
208
  export const ShadowBlur2xl = "50px";
209
+ export const ShadowSpreadBase = "0px";
210
+ export const ShadowSpreadMd = "0px";
207
211
  export const ShadowSpreadLg1 = "0px";
208
212
  export const ShadowSpreadLg2 = "0px";
209
213
  export const ShadowSpreadXl = "-2px";
210
214
  export const ShadowSpread2xl = "-6px";
211
215
  export const ShadowYAxisNone = "0px";
212
- export const ShadowYAxisBase = "1px";
216
+ export const ShadowYAxisBase1 = "1px";
217
+ export const ShadowYAxisBase2 = "1px";
213
218
  export const ShadowYAxisMd1 = "2px";
214
219
  export const ShadowYAxisMd2 = "4px";
215
220
  export const ShadowYAxisLg1 = "4px";
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 = "10px";
217
222
  export const ShadowYAxisXl1 = "10px";
218
223
  export const ShadowYAxisXl2 = "20px";
219
224
  export const ShadowYAxis2xl = "25px";
220
- export const ComponentsWpfComponents2 = "#ffffff";
221
- export const ComponentsDatagridBackground = "#000000";
222
- export const ComponentsDatagridContentHeader = "#889499";
223
- export const ComponentsDatagridContentText = "#f5f6f7";
224
- export const ComponentsDatagridContentSubtext = "#889499";
225
- export const ComponentsDatagridBorderBody = "#394d55";
226
- export const ComponentsDatagridBorderHeader = "#394d55";
227
225
  export const ComponentsButtonHighBorder = "#ffffff";
228
226
  export const ComponentsButtonHighBorderHover = "#ffffff";
229
227
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon = "#6bde71";
406
404
  export const ComponentsAlertNeutralBackground = "#27353b";
407
405
  export const ComponentsAlertNeutralBorder = "#889499";
408
406
  export const ComponentsAlertNeutralIcon = "#889499";
407
+ export const ComponentsDatagridHeaderBorder = "#394d55";
408
+ export const ComponentsDatagridHeaderText = "#889499";
409
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
410
+ export const ComponentsDatagridBodyBorder = "#394d55";
411
+ export const ComponentsDatagridBodyText = "#f5f6f7";
412
+ export const ComponentsDatagridBodySubtext = "#889499";
413
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
414
+ export const ComponentsDatagridBodyBackgroundActive = "#ffffff";
415
+ export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
409
416
  export const ComponentsAvatarBackground1 = "#482608";
410
417
  export const ComponentsAvatarBackground2 = "#45190a";
411
418
  export const ComponentsAvatarBackground3 = "#4d3a00";
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault = "#889499";
446
453
  export const ComponentsFieldTimeTextHover = "#bac1c4";
447
454
  export const ComponentsFieldTimeTextActive = "#71b2bc";
448
455
  export const ComponentsFieldTimeBorderActive = "#71b2bc";
456
+ export const ComponentsCalendarBorder = "#394d55";
457
+ export const ComponentsCalendarHeaderText = "#f5f6f7";
458
+ export const ComponentsCalendarWeeksBackground = "#171f22";
459
+ export const ComponentsCalendarWeeksBackgroundHover = "#1e272b";
460
+ export const ComponentsCalendarWeeksText = "#eaeef0";
461
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
462
+ export const ComponentsCalendarCellBackground = "#ffffff";
463
+ export const ComponentsCalendarCellBackgroundSelected = "#258998";
464
+ export const ComponentsCalendarCellBackgroundInRange = "#ffffff";
465
+ export const ComponentsCalendarCellBackgroundHover = "#ffffff";
466
+ export const ComponentsCalendarCellBackgroundToday = "#ffffff";
467
+ export const ComponentsCalendarCellDot = "#f5f6f7";
468
+ export const ComponentsCalendarCellDotSelected = "#ffffff";
469
+ export const ComponentsCalendarCellDotHover = "#ffffff";
470
+ export const ComponentsCalendarCellText = "#889499";
471
+ export const ComponentsCalendarCellTextSelected = "#ffffff";
472
+ export const ComponentsCalendarCellTextInRange = "#71b2bc";
473
+ export const ComponentsCalendarCellTextHover = "#bac1c4";
474
+ export const ComponentsCalendarCellTextOutsideMonth = "#617177";
475
+ export const ComponentsCalendarCellTextToday = "#71b2bc";
476
+ export const ComponentsCalendarBackground = "#0b0f11";
449
477
  export const ComponentsMenuContextualBackground = "#0b0f11";
450
478
  export const ComponentsMenuContextualBorder = "#394d55";
451
479
  export const ComponentsMenuContextualItemBackground = "#ffffff";
package/dist/js/mccs_light.d.ts CHANGED
@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder : string;
144
144
  export const ColorFeedbackSuccessLowIcon : string;
145
145
  export const ColorFeedbackSuccessLowText : string;
146
146
  export const ColorFocusBrand : string;
147
+ export const ColorFocusBackground : string;
148
+ export const ColorFocusBackgroundInverted : string;
147
149
  export const ColorFocusDestructive : string;
148
150
  export const ColorFocusSuccess : string;
149
151
  export const ColorRainbow1Background : string;
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 : string;
204
206
  export const ShadowBlurXl1 : string;
205
207
  export const ShadowBlurXl2 : string;
206
208
  export const ShadowBlur2xl : string;
209
+ export const ShadowSpreadBase : string;
210
+ export const ShadowSpreadMd : string;
207
211
  export const ShadowSpreadLg1 : string;
208
212
  export const ShadowSpreadLg2 : string;
209
213
  export const ShadowSpreadXl : string;
210
214
  export const ShadowSpread2xl : string;
211
215
  export const ShadowYAxisNone : string;
212
- export const ShadowYAxisBase : string;
216
+ export const ShadowYAxisBase1 : string;
217
+ export const ShadowYAxisBase2 : string;
213
218
  export const ShadowYAxisMd1 : string;
214
219
  export const ShadowYAxisMd2 : string;
215
220
  export const ShadowYAxisLg1 : string;
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 : string;
217
222
  export const ShadowYAxisXl1 : string;
218
223
  export const ShadowYAxisXl2 : string;
219
224
  export const ShadowYAxis2xl : string;
220
- export const ComponentsWpfComponents2 : string;
221
- export const ComponentsDatagridBackground : string;
222
- export const ComponentsDatagridContentHeader : string;
223
- export const ComponentsDatagridContentText : string;
224
- export const ComponentsDatagridContentSubtext : string;
225
- export const ComponentsDatagridBorderBody : string;
226
- export const ComponentsDatagridBorderHeader : string;
227
225
  export const ComponentsButtonHighBorder : string;
228
226
  export const ComponentsButtonHighBorderHover : string;
229
227
  export const ComponentsButtonHighBorderActive : string;
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon : string;
406
404
  export const ComponentsAlertNeutralBackground : string;
407
405
  export const ComponentsAlertNeutralBorder : string;
408
406
  export const ComponentsAlertNeutralIcon : string;
407
+ export const ComponentsDatagridHeaderBorder : string;
408
+ export const ComponentsDatagridHeaderText : string;
409
+ export const ComponentsDatagridHeaderBackground : string;
410
+ export const ComponentsDatagridBodyBorder : string;
411
+ export const ComponentsDatagridBodyText : string;
412
+ export const ComponentsDatagridBodySubtext : string;
413
+ export const ComponentsDatagridBodyBackgroundDefault : string;
414
+ export const ComponentsDatagridBodyBackgroundActive : string;
415
+ export const ComponentsDatagridBodyBackgroundHover : string;
409
416
  export const ComponentsAvatarBackground1 : string;
410
417
  export const ComponentsAvatarBackground2 : string;
411
418
  export const ComponentsAvatarBackground3 : string;
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault : string;
446
453
  export const ComponentsFieldTimeTextHover : string;
447
454
  export const ComponentsFieldTimeTextActive : string;
448
455
  export const ComponentsFieldTimeBorderActive : string;
456
+ export const ComponentsCalendarBorder : string;
457
+ export const ComponentsCalendarHeaderText : string;
458
+ export const ComponentsCalendarWeeksBackground : string;
459
+ export const ComponentsCalendarWeeksBackgroundHover : string;
460
+ export const ComponentsCalendarWeeksText : string;
461
+ export const ComponentsCalendarWeeksTextHover : string;
462
+ export const ComponentsCalendarCellBackground : string;
463
+ export const ComponentsCalendarCellBackgroundSelected : string;
464
+ export const ComponentsCalendarCellBackgroundInRange : string;
465
+ export const ComponentsCalendarCellBackgroundHover : string;
466
+ export const ComponentsCalendarCellBackgroundToday : string;
467
+ export const ComponentsCalendarCellDot : string;
468
+ export const ComponentsCalendarCellDotSelected : string;
469
+ export const ComponentsCalendarCellDotHover : string;
470
+ export const ComponentsCalendarCellText : string;
471
+ export const ComponentsCalendarCellTextSelected : string;
472
+ export const ComponentsCalendarCellTextInRange : string;
473
+ export const ComponentsCalendarCellTextHover : string;
474
+ export const ComponentsCalendarCellTextOutsideMonth : string;
475
+ export const ComponentsCalendarCellTextToday : string;
476
+ export const ComponentsCalendarBackground : string;
449
477
  export const ComponentsMenuContextualBackground : string;
450
478
  export const ComponentsMenuContextualBorder : string;
451
479
  export const ComponentsMenuContextualItemBackground : string;
package/dist/js/mccs_light.js CHANGED
@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder = "#34ae3b";
144
144
  export const ColorFeedbackSuccessLowIcon = "#34ae3b";
145
145
  export const ColorFeedbackSuccessLowText = "#34ae3b";
146
146
  export const ColorFocusBrand = "#258998";
147
+ export const ColorFocusBackground = "#ffffff";
148
+ export const ColorFocusBackgroundInverted = "#0b0f11";
147
149
  export const ColorFocusDestructive = "#da2424";
148
150
  export const ColorFocusSuccess = "#34ae3b";
149
151
  export const ColorRainbow1Background = "#fdefe2";
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 = "15px";
204
206
  export const ShadowBlurXl1 = "10px";
205
207
  export const ShadowBlurXl2 = "25px";
206
208
  export const ShadowBlur2xl = "50px";
209
+ export const ShadowSpreadBase = "0px";
210
+ export const ShadowSpreadMd = "0px";
207
211
  export const ShadowSpreadLg1 = "-2px";
208
212
  export const ShadowSpreadLg2 = "-3px";
209
213
  export const ShadowSpreadXl = "-5px";
210
214
  export const ShadowSpread2xl = "-12px";
211
215
  export const ShadowYAxisNone = "0px";
212
- export const ShadowYAxisBase = "1px";
216
+ export const ShadowYAxisBase1 = "1px";
217
+ export const ShadowYAxisBase2 = "1px";
213
218
  export const ShadowYAxisMd1 = "2px";
214
219
  export const ShadowYAxisMd2 = "4px";
215
220
  export const ShadowYAxisLg1 = "4px";
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 = "10px";
217
222
  export const ShadowYAxisXl1 = "10px";
218
223
  export const ShadowYAxisXl2 = "20px";
219
224
  export const ShadowYAxis2xl = "25px";
220
- export const ComponentsWpfComponents2 = "#ffffff";
221
- export const ComponentsDatagridBackground = "#ffffff";
222
- export const ComponentsDatagridContentHeader = "#617177";
223
- export const ComponentsDatagridContentText = "#171f22";
224
- export const ComponentsDatagridContentSubtext = "#617177";
225
- export const ComponentsDatagridBorderBody = "#e1e4e6";
226
- export const ComponentsDatagridBorderHeader = "#bac1c4";
227
225
  export const ComponentsButtonHighBorder = "#ffffff";
228
226
  export const ComponentsButtonHighBorderHover = "#ffffff";
229
227
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon = "#34ae3b";
406
404
  export const ComponentsAlertNeutralBackground = "#eaeef0";
407
405
  export const ComponentsAlertNeutralBorder = "#617177";
408
406
  export const ComponentsAlertNeutralIcon = "#617177";
407
+ export const ComponentsDatagridHeaderBorder = "#bac1c4";
408
+ export const ComponentsDatagridHeaderText = "#617177";
409
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
410
+ export const ComponentsDatagridBodyBorder = "#e1e4e6";
411
+ export const ComponentsDatagridBodyText = "#171f22";
412
+ export const ComponentsDatagridBodySubtext = "#617177";
413
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
414
+ export const ComponentsDatagridBodyBackgroundActive = "#a5a6a7";
415
+ export const ComponentsDatagridBodyBackgroundHover = "#a5a6a7";
409
416
  export const ComponentsAvatarBackground1 = "#fdefe2";
410
417
  export const ComponentsAvatarBackground2 = "#fceae3";
411
418
  export const ComponentsAvatarBackground3 = "#ffecb3";
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault = "#617177";
446
453
  export const ComponentsFieldTimeTextHover = "#34464d";
447
454
  export const ComponentsFieldTimeTextActive = "#185963";
448
455
  export const ComponentsFieldTimeBorderActive = "#185963";
456
+ export const ComponentsCalendarBorder = "#e1e4e6";
457
+ export const ComponentsCalendarHeaderText = "#171f22";
458
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
459
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
460
+ export const ComponentsCalendarWeeksText = "#171f22";
461
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
462
+ export const ComponentsCalendarCellBackground = "#ffffff";
463
+ export const ComponentsCalendarCellBackgroundSelected = "#258998";
464
+ export const ComponentsCalendarCellBackgroundInRange = "#0b0f11";
465
+ export const ComponentsCalendarCellBackgroundHover = "#0b0f11";
466
+ export const ComponentsCalendarCellBackgroundToday = "#ffffff";
467
+ export const ComponentsCalendarCellDot = "#171f22";
468
+ export const ComponentsCalendarCellDotSelected = "#000000";
469
+ export const ComponentsCalendarCellDotHover = "#000000";
470
+ export const ComponentsCalendarCellText = "#617177";
471
+ export const ComponentsCalendarCellTextSelected = "#000000";
472
+ export const ComponentsCalendarCellTextInRange = "#185963";
473
+ export const ComponentsCalendarCellTextHover = "#34464d";
474
+ export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
475
+ export const ComponentsCalendarCellTextToday = "#185963";
476
+ export const ComponentsCalendarBackground = "#ffffff";
449
477
  export const ComponentsMenuContextualBackground = "#ffffff";
450
478
  export const ComponentsMenuContextualBorder = "#e1e4e6";
451
479
  export const ComponentsMenuContextualItemBackground = "#ffffff";