@nova-design-system/nova-base 3.0.0-beta.37 → 3.0.0-beta.38

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 (21) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/css/mccs.css +111 -97
  3. package/dist/css/ocean.css +111 -91
  4. package/dist/css/spark.css +111 -91
  5. package/dist/js/mccs_dark.d.ts +22 -11
  6. package/dist/js/mccs_dark.js +25 -14
  7. package/dist/js/mccs_light.d.ts +22 -11
  8. package/dist/js/mccs_light.js +22 -11
  9. package/dist/js/ocean_dark.d.ts +22 -11
  10. package/dist/js/ocean_dark.js +25 -14
  11. package/dist/js/ocean_light.d.ts +22 -11
  12. package/dist/js/ocean_light.js +22 -11
  13. package/dist/js/primitives.d.ts +0 -6
  14. package/dist/js/primitives.js +0 -6
  15. package/dist/js/spacings.d.ts +66 -62
  16. package/dist/js/spacings.js +66 -62
  17. package/dist/js/spark_dark.d.ts +22 -11
  18. package/dist/js/spark_dark.js +25 -14
  19. package/dist/js/spark_light.d.ts +22 -11
  20. package/dist/js/spark_light.js +22 -11
  21. package/package.json +1 -1
package/dist/css/spark.css CHANGED
@@ -73,6 +73,8 @@
73
73
  --components-popover-background: var(--color-gray-spark-900);
74
74
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
75
75
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
76
+ --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
77
+ --components-field-time-background-default: var(--color-interaction-container-neutral-background);
76
78
  --components-overlay-background: var(--color-gray-spark-650);
77
79
  --components-button-destructive-high-icon-hover: var(--color-base-black);
78
80
  --components-button-destructive-high-icon: var(--color-base-black);
@@ -95,10 +97,10 @@
95
97
  --components-loader-brand-foreground: var(--color-orange-500);
96
98
  --components-loader-brand-background: var(--color-orange-900);
97
99
  --components-loader-white-foreground: var(--color-base-white);
98
- --components-list-custom-item-background-title: var(--color-interaction-container-neutral-background);
99
- --components-list-custom-item-background-disabled: var(--color-interaction-container-neutral-background);
100
- --components-list-custom-item-background-hover: var(--color-interaction-container-neutral-background-hover);
101
- --components-list-custom-item-background-default: var(--color-interaction-container-neutral-background);
100
+ --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
101
+ --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
102
+ --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
103
+ --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
102
104
  --components-list-native-item-content-hover: var(--color-base-white);
103
105
  --components-list-native-item-content-default: var(--color-base-white);
104
106
  --components-form-shape-foreground-default: var(--color-base-white);
@@ -226,7 +228,7 @@
226
228
  --color-content-inverted-medium-text: var(--color-gray-spark-550);
227
229
  --color-content-inverted-high-icon: var(--color-gray-spark-800);
228
230
  --color-content-inverted-high-text: var(--color-gray-spark-800);
229
- --color-content-lower-text: var(--color-gray-spark-500);
231
+ --color-content-lower-text: var(--color-gray-spark-400);
230
232
  --color-content-low-icon: var(--color-gray-spark-350);
231
233
  --color-content-low-text: var(--color-gray-spark-350);
232
234
  --color-content-low-border: var(--color-gray-spark-500);
@@ -313,6 +315,9 @@
313
315
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
314
316
  --components-breadcrumb-text-active: var(--color-content-medium-text);
315
317
  --components-breadcrumb-text: var(--color-content-low-text);
318
+ --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
319
+ --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
320
+ --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
316
321
  --components-avatar-content-10: var(--color-rainbow-10-icon);
317
322
  --components-avatar-content-9: var(--color-rainbow-9-text);
318
323
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -368,11 +373,17 @@
368
373
  --components-button-destructive-lower-text: var(--color-dont-use-content);
369
374
  --components-button-destructive-lower-background-hover: var(--color-dont-use-background);
370
375
  --components-button-destructive-lower-background: var(--color-dont-use-background);
371
- --components-list-custom-border: var(--color-content-low-border);
372
- --components-list-custom-separator: var(--color-content-low-border);
373
- --components-list-custom-item-title-content: var(--color-content-low-text);
374
- --components-list-custom-item-content-disabled: var(--color-content-low-text);
375
- --components-list-custom-background: var(--color-level-00-background);
376
+ --components-list-dropdown-border: var(--color-content-low-border);
377
+ --components-list-dropdown-separator: var(--color-content-low-border);
378
+ --components-list-dropdown-item-title-content: var(--color-content-medium-text);
379
+ --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
380
+ --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
381
+ --components-list-dropdown-item-description-default: var(--color-content-low-text);
382
+ --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
383
+ --components-list-dropdown-item-label-hover: var(--color-content-high-text);
384
+ --components-list-dropdown-item-label-default: var(--color-content-medium-text);
385
+ --components-list-dropdown-header-background: var(--color-level-10-background);
386
+ --components-list-dropdown-background: var(--color-level-00-background);
376
387
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
377
388
  --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);
378
389
  --components-form-shape-border-success: var(--color-feedback-success-low-border);
@@ -451,8 +462,8 @@
451
462
  --color-interaction-container-neutral-border: var(--color-content-low-text);
452
463
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
453
464
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
454
- --components-list-custom-item-content-hover: var(--color-interaction-container-neutral-text-hover);
455
- --components-list-custom-item-content-default: var(--color-interaction-container-neutral-text);
465
+ --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);
466
+ --components-field-time-text-default: var(--color-interaction-container-neutral-text);
456
467
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
457
468
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
458
469
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
@@ -556,6 +567,8 @@
556
567
  --components-popover-background: var(--color-gray-spark-00);
557
568
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
558
569
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
570
+ --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
571
+ --components-field-time-background-default: var(--color-interaction-container-neutral-background);
559
572
  --components-overlay-background: var(--color-gray-spark-850);
560
573
  --components-button-destructive-high-icon-hover: var(--color-base-white);
561
574
  --components-button-destructive-high-icon: var(--color-base-white);
@@ -578,10 +591,10 @@
578
591
  --components-loader-brand-foreground: var(--color-orange-500);
579
592
  --components-loader-brand-background: var(--color-orange-50);
580
593
  --components-loader-white-foreground: var(--color-base-white);
581
- --components-list-custom-item-background-title: var(--color-interaction-container-neutral-background);
582
- --components-list-custom-item-background-disabled: var(--color-interaction-container-neutral-background);
583
- --components-list-custom-item-background-hover: var(--color-interaction-container-neutral-background-hover);
584
- --components-list-custom-item-background-default: var(--color-interaction-container-neutral-background);
594
+ --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
595
+ --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
596
+ --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
597
+ --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
585
598
  --components-list-native-item-content-hover: var(--color-base-white);
586
599
  --components-list-native-item-content-default: var(--color-base-white);
587
600
  --components-form-shape-foreground-default: var(--color-base-white);
@@ -796,6 +809,9 @@
796
809
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
797
810
  --components-breadcrumb-text-active: var(--color-content-medium-text);
798
811
  --components-breadcrumb-text: var(--color-content-low-text);
812
+ --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
813
+ --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
814
+ --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
799
815
  --components-avatar-content-10: var(--color-rainbow-10-icon);
800
816
  --components-avatar-content-9: var(--color-rainbow-9-text);
801
817
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -851,11 +867,17 @@
851
867
  --components-button-destructive-lower-text: var(--color-dont-use-content);
852
868
  --components-button-destructive-lower-background-hover: var(--color-dont-use-background);
853
869
  --components-button-destructive-lower-background: var(--color-dont-use-background);
854
- --components-list-custom-border: var(--color-content-low-border);
855
- --components-list-custom-separator: var(--color-content-low-border);
856
- --components-list-custom-item-title-content: var(--color-content-low-text);
857
- --components-list-custom-item-content-disabled: var(--color-content-low-text);
858
- --components-list-custom-background: var(--color-level-00-background);
870
+ --components-list-dropdown-border: var(--color-content-low-border);
871
+ --components-list-dropdown-separator: var(--color-content-low-border);
872
+ --components-list-dropdown-item-title-content: var(--color-content-medium-text);
873
+ --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
874
+ --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
875
+ --components-list-dropdown-item-description-default: var(--color-content-low-text);
876
+ --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
877
+ --components-list-dropdown-item-label-hover: var(--color-content-high-text);
878
+ --components-list-dropdown-item-label-default: var(--color-content-medium-text);
879
+ --components-list-dropdown-header-background: var(--color-level-10-background);
880
+ --components-list-dropdown-background: var(--color-level-00-background);
859
881
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
860
882
  --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);
861
883
  --components-form-shape-border-success: var(--color-feedback-success-low-border);
@@ -936,8 +958,8 @@
936
958
  --color-interaction-container-neutral-border: var(--color-content-low-text);
937
959
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
938
960
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
939
- --components-list-custom-item-content-hover: var(--color-interaction-container-neutral-text-hover);
940
- --components-list-custom-item-content-default: var(--color-interaction-container-neutral-text);
961
+ --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
962
+ --components-field-time-text-default: var(--color-interaction-container-neutral-text);
941
963
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
942
964
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
943
965
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
@@ -1064,12 +1086,6 @@
1064
1086
  --color-turquoise-200: #b8d6d2;
1065
1087
  --color-turquoise-100: #d2e5e3;
1066
1088
  --color-turquoise-50: #ecf4f3;
1067
- --color-red-mccs-00: #ff6161;
1068
- --color-red-mccs-500: #450000;
1069
- --color-red-mccs-400: #7d0000;
1070
- --color-red-mccs-300: #ae0303;
1071
- --color-red-mccs-200: #d00202;
1072
- --color-red-mccs-100: #ff3838;
1073
1089
  --color-red-900: #3d0909;
1074
1090
  --color-red-800: #610e0e;
1075
1091
  --color-red-700: #851313;
@@ -1252,6 +1268,7 @@
1252
1268
  --popover-font-weight: 500;
1253
1269
  --menu-contextual-item-font-weight: 500;
1254
1270
  --menu-contextual-divider-padding-bottom: 3px;
1271
+ --form-field-badge-gap: 0px;
1255
1272
  --list-native-separator-padding-y: 3px;
1256
1273
  --list-native-separator-padding-x: 9px;
1257
1274
  --button-lg-ring-radius: 9px;
@@ -1293,53 +1310,6 @@
1293
1310
  --loader-size-md: var(--spacing-6);
1294
1311
  --loader-size-sm: var(--spacing-5);
1295
1312
  --loader-size-xs: var(--spacing-4);
1296
- --form-toggle-width: var(--spacing-9);
1297
- --form-toggle-switch-dot-selected: var(--spacing-3-5);
1298
- --form-toggle-switch-dot-default: var(--spacing-3);
1299
- --form-toggle-padding-selected: var(--spacing-0-5);
1300
- --form-toggle-padding-default: var(--spacing-1);
1301
- --form-toggle-radius: var(--radius-rounded-full);
1302
- --form-toggle-padding-top: var(--spacing-0);
1303
- --form-toggle-height: var(--spacing-5);
1304
- --form-toggle-border-width: var(--spacing-0-5);
1305
- --form-radio-ring-radius: var(--radius-rounded-full);
1306
- --form-radio-size: var(--spacing-5);
1307
- --form-radio-padding-top: var(--spacing-0);
1308
- --form-radio-inner-circle-size: var(--spacing-2);
1309
- --form-radio-inner-circle-padding: var(--spacing-1-5);
1310
- --form-radio-border-width: var(--spacing-0-5);
1311
- --form-checkbox-icon-stroke: var(--spacing-0-5);
1312
- --form-checkbox-ring-radius: var(--radius-rounded-lg);
1313
- --form-checkbox-size: var(--spacing-5);
1314
- --form-checkbox-radius: var(--radius-rounded-md);
1315
- --form-checkbox-padding-top: var(--spacing-0);
1316
- --form-checkbox-icon-size: var(--spacing-3-5);
1317
- --form-checkbox-border-width: var(--spacing-0-5);
1318
- --form-field-inner-button-padding-y: var(--spacing-2-5);
1319
- --form-field-inner-button-padding-x-int: var(--spacing-1-5);
1320
- --form-field-inner-button-padding-x-ext: var(--spacing-2-5);
1321
- --form-field-leading-trailing-line-height: var(--line-height-base);
1322
- --form-field-leading-trailing-icon-size: var(--spacing-5);
1323
- --form-field-leading-trailing-font-size: var(--font-size-sm);
1324
- --form-field-radius: var(--radius-rounded-md);
1325
- --form-field-padding-y: var(--spacing-2);
1326
- --form-field-padding-x-icon-button: var(--spacing-10);
1327
- --form-field-padding-x: var(--spacing-2);
1328
- --form-field-line-height: var(--line-height-base);
1329
- --form-field-gap-inner: var(--spacing-2);
1330
- --form-field-gap: var(--spacing-2);
1331
- --form-field-icon-size: var(--spacing-5);
1332
- --form-field-font-weight: var(--font-weight-medium-emphasis);
1333
- --form-field-font-size: var(--font-size-md);
1334
- --form-label-font-weight: var(--font-weight-medium-emphasis);
1335
- --form-label-line-height: var(--line-height-sm);
1336
- --form-label-gap: var(--spacing-1);
1337
- --form-label-font-size: var(--font-size-sm);
1338
- --form-description-font-weight: var(--font-weight-low-emphasis);
1339
- --form-description-line-height: var(--line-height-sm);
1340
- --form-description-font-size: var(--font-size-sm);
1341
- --form-gap-y: var(--spacing-1);
1342
- --form-gap-x: var(--spacing-3);
1343
1313
  --focus-outline-stroke: var(--spacing-0-5);
1344
1314
  --focus-outline-offset: var(--spacing-0-5);
1345
1315
  --focus-field-stroke: var(--spacing-px);
@@ -1446,21 +1416,71 @@
1446
1416
  --menu-contextual-item-font-size: var(--font-size-sm);
1447
1417
  --menu-contextual-divider-padding-x: var(--spacing-2-5);
1448
1418
  --menu-contextual-divider-padding-top: var(--spacing-1);
1449
- --list-custom-sub-item-padding-left: var(--spacing-10);
1450
- --list-custom-separator-padding-y: var(--spacing-0-5);
1451
- --list-custom-separator-padding-x: var(--spacing-0);
1452
- --list-custom-padding: var(--spacing-2);
1453
- --list-custom-radius: var(--radius-rounded-md);
1454
- --list-custom-gap-y: var(--spacing-0-5);
1455
- --list-custom-item-radius: var(--radius-rounded-md);
1456
- --list-custom-item-gap-x: var(--spacing-3);
1457
- --list-custom-item-padding-y: var(--spacing-2);
1458
- --list-custom-item-padding-x: var(--spacing-2);
1459
- --list-custom-item-padding-right: var(--spacing-2);
1460
- --list-custom-item-padding-left: var(--spacing-8);
1461
- --list-custom-line-height: var(--line-height-base);
1462
- --list-custom-font-size: var(--font-size-md);
1463
- --list-custom-icon-size: var(--spacing-5);
1419
+ --form-toggle-width: var(--spacing-9);
1420
+ --form-toggle-switch-dot-selected: var(--spacing-3-5);
1421
+ --form-toggle-switch-dot-default: var(--spacing-3);
1422
+ --form-toggle-padding-selected: var(--spacing-0-5);
1423
+ --form-toggle-padding-default: var(--spacing-1);
1424
+ --form-toggle-radius: var(--radius-rounded-full);
1425
+ --form-toggle-padding-top: var(--spacing-0);
1426
+ --form-toggle-height: var(--spacing-5);
1427
+ --form-toggle-border-width: var(--spacing-0-5);
1428
+ --form-radio-ring-radius: var(--radius-rounded-full);
1429
+ --form-radio-size: var(--spacing-5);
1430
+ --form-radio-padding-top: var(--spacing-0);
1431
+ --form-radio-inner-circle-size: var(--spacing-2);
1432
+ --form-radio-inner-circle-padding: var(--spacing-1-5);
1433
+ --form-radio-border-width: var(--spacing-0-5);
1434
+ --form-checkbox-icon-stroke: var(--spacing-0-5);
1435
+ --form-checkbox-ring-radius: var(--radius-rounded-lg);
1436
+ --form-checkbox-size: var(--spacing-5);
1437
+ --form-checkbox-radius: var(--radius-rounded-md);
1438
+ --form-checkbox-padding-top: var(--spacing-0);
1439
+ --form-checkbox-icon-size: var(--spacing-3-5);
1440
+ --form-checkbox-border-width: var(--spacing-0-5);
1441
+ --form-label-font-weight: var(--font-weight-medium-emphasis);
1442
+ --form-label-line-height: var(--line-height-sm);
1443
+ --form-label-gap: var(--spacing-1);
1444
+ --form-label-font-size: var(--font-size-sm);
1445
+ --form-description-font-weight: var(--font-weight-low-emphasis);
1446
+ --form-description-line-height: var(--line-height-sm);
1447
+ --form-description-font-size: var(--font-size-sm);
1448
+ --form-gap-y: var(--spacing-1);
1449
+ --form-gap-x: var(--spacing-3);
1450
+ --form-field-inner-button-padding-y: var(--spacing-2-5);
1451
+ --form-field-inner-button-padding-x-int: var(--spacing-1-5);
1452
+ --form-field-inner-button-padding-x-ext: var(--spacing-2-5);
1453
+ --form-field-leading-trailing-line-height: var(--line-height-base);
1454
+ --form-field-leading-trailing-icon-size: var(--spacing-5);
1455
+ --form-field-leading-trailing-font-size: var(--font-size-sm);
1456
+ --form-field-radius: var(--radius-rounded-md);
1457
+ --form-field-padding-y: var(--spacing-2);
1458
+ --form-field-padding-x-icon-button: var(--spacing-10);
1459
+ --form-field-padding-x: var(--spacing-2);
1460
+ --form-field-line-height: var(--line-height-base);
1461
+ --form-field-gap-inner: var(--spacing-2);
1462
+ --form-field-gap: var(--spacing-2);
1463
+ --form-field-icon-size: var(--spacing-5);
1464
+ --form-field-font-weight: var(--font-weight-medium-emphasis);
1465
+ --form-field-font-size: var(--font-size-md);
1466
+ --form-field-badge-padding-y: var(--spacing-0-5);
1467
+ --form-field-badge-padding-x: var(--spacing-1);
1468
+ --list-multiselect-padding: var(--spacing-3);
1469
+ --list-dropdown-sub-item-padding-left: var(--spacing-10);
1470
+ --list-dropdown-separator-padding-y: var(--spacing-0-5);
1471
+ --list-dropdown-separator-padding-x: var(--spacing-0);
1472
+ --list-dropdown-padding: var(--spacing-2);
1473
+ --list-dropdown-radius: var(--radius-rounded-md);
1474
+ --list-dropdown-gap-y: var(--spacing-0-5);
1475
+ --list-dropdown-item-radius: var(--radius-rounded-md);
1476
+ --list-dropdown-item-gap-x: var(--spacing-3);
1477
+ --list-dropdown-item-padding-y: var(--spacing-2);
1478
+ --list-dropdown-item-padding-x: var(--spacing-2);
1479
+ --list-dropdown-item-padding-right: var(--spacing-2);
1480
+ --list-dropdown-item-padding-left: var(--spacing-8);
1481
+ --list-dropdown-line-height: var(--line-height-base);
1482
+ --list-dropdown-font-size: var(--font-size-md);
1483
+ --list-dropdown-icon-size: var(--spacing-5);
1464
1484
  --list-native-sub-item-padding-left: var(--spacing-8);
1465
1485
  --list-native-padding: var(--spacing-2);
1466
1486
  --list-native-radius: var(--radius-rounded-md);
package/dist/js/mccs_dark.d.ts CHANGED
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
327
327
  export const ComponentsListNativeItemBackgroundHover : string;
328
328
  export const ComponentsListNativeItemBackgroundDisabled : string;
329
329
  export const ComponentsListNativeItemBackgroundTitle : string;
330
- export const ComponentsListCustomBackground : string;
331
- export const ComponentsListCustomItemContentDefault : string;
332
- export const ComponentsListCustomItemContentHover : string;
333
- export const ComponentsListCustomItemContentDisabled : string;
334
- export const ComponentsListCustomItemBackgroundDefault : string;
335
- export const ComponentsListCustomItemBackgroundHover : string;
336
- export const ComponentsListCustomItemBackgroundDisabled : string;
337
- export const ComponentsListCustomItemBackgroundTitle : string;
338
- export const ComponentsListCustomItemTitleContent : string;
339
- export const ComponentsListCustomSeparator : string;
340
- export const ComponentsListCustomBorder : string;
330
+ export const ComponentsListDropdownBackground : string;
331
+ export const ComponentsListDropdownHeaderBackground : string;
332
+ export const ComponentsListDropdownItemLabelDefault : string;
333
+ export const ComponentsListDropdownItemLabelHover : string;
334
+ export const ComponentsListDropdownItemLabelDisabled : string;
335
+ export const ComponentsListDropdownItemDescriptionDefault : string;
336
+ export const ComponentsListDropdownItemDescriptionHover : string;
337
+ export const ComponentsListDropdownItemDescriptionDisabled : string;
338
+ export const ComponentsListDropdownItemBackgroundDefault : string;
339
+ export const ComponentsListDropdownItemBackgroundHover : string;
340
+ export const ComponentsListDropdownItemBackgroundDisabled : string;
341
+ export const ComponentsListDropdownItemBackgroundTitle : string;
342
+ export const ComponentsListDropdownItemTitleContent : string;
343
+ export const ComponentsListDropdownSeparator : string;
344
+ export const ComponentsListDropdownBorder : string;
341
345
  export const ComponentsLoaderWhiteBackground : string;
342
346
  export const ComponentsLoaderWhiteForeground : string;
343
347
  export const ComponentsLoaderBrandBackground : string;
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
421
425
  export const ComponentsAvatarContent8 : string;
422
426
  export const ComponentsAvatarContent9 : string;
423
427
  export const ComponentsAvatarContent10 : string;
428
+ export const ComponentsFieldTimeBackgroundDefault : string;
429
+ export const ComponentsFieldTimeBackgroundHover : string;
430
+ export const ComponentsFieldTimeBackgroundActive : string;
431
+ export const ComponentsFieldTimeTextDefault : string;
432
+ export const ComponentsFieldTimeTextHover : string;
433
+ export const ComponentsFieldTimeTextActive : string;
434
+ export const ComponentsFieldTimeBorderActive : string;
424
435
  export const ComponentsBreadcrumbText : string;
425
436
  export const ComponentsBreadcrumbTextActive : string;
426
437
  export const ComponentsBreadcrumbTextHover : string;
package/dist/js/mccs_dark.js CHANGED
@@ -75,7 +75,7 @@ export const ColorContentMediumIcon = "#bac1c4";
75
75
  export const ColorContentLowBorder = "#394d55";
76
76
  export const ColorContentLowText = "#889499";
77
77
  export const ColorContentLowIcon = "#889499";
78
- export const ColorContentLowerText = "#3f555e";
78
+ export const ColorContentLowerText = "#617177";
79
79
  export const ColorContentInvertedHighText = "#0b0f11";
80
80
  export const ColorContentInvertedHighIcon = "#0b0f11";
81
81
  export const ColorContentInvertedMediumText = "#27353b";
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
327
327
  export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
328
328
  export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
329
329
  export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
330
- export const ComponentsListCustomBackground = "#0b0f11";
331
- export const ComponentsListCustomItemContentDefault = "#889499";
332
- export const ComponentsListCustomItemContentHover = "#bac1c4";
333
- export const ComponentsListCustomItemContentDisabled = "#889499";
334
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
335
- export const ComponentsListCustomItemBackgroundHover = "#ffffff";
336
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
337
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
338
- export const ComponentsListCustomItemTitleContent = "#889499";
339
- export const ComponentsListCustomSeparator = "#394d55";
340
- export const ComponentsListCustomBorder = "#394d55";
330
+ export const ComponentsListDropdownBackground = "#0b0f11";
331
+ export const ComponentsListDropdownHeaderBackground = "#171f22";
332
+ export const ComponentsListDropdownItemLabelDefault = "#bac1c4";
333
+ export const ComponentsListDropdownItemLabelHover = "#f5f6f7";
334
+ export const ComponentsListDropdownItemLabelDisabled = "#889499";
335
+ export const ComponentsListDropdownItemDescriptionDefault = "#889499";
336
+ export const ComponentsListDropdownItemDescriptionHover = "#bac1c4";
337
+ export const ComponentsListDropdownItemDescriptionDisabled = "#617177";
338
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
339
+ export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
340
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
341
+ export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
342
+ export const ComponentsListDropdownItemTitleContent = "#bac1c4";
343
+ export const ComponentsListDropdownSeparator = "#394d55";
344
+ export const ComponentsListDropdownBorder = "#394d55";
341
345
  export const ComponentsLoaderWhiteBackground = "#ffffff";
342
346
  export const ComponentsLoaderWhiteForeground = "#ffffff";
343
347
  export const ComponentsLoaderBrandBackground = "#0b292e";
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#66b16a";
421
425
  export const ComponentsAvatarContent8 = "#71b2bc";
422
426
  export const ComponentsAvatarContent9 = "#8da930";
423
427
  export const ComponentsAvatarContent10 = "#9fadb2";
428
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
429
+ export const ComponentsFieldTimeBackgroundHover = "#ffffff";
430
+ export const ComponentsFieldTimeBackgroundActive = "#ffffff";
431
+ export const ComponentsFieldTimeTextDefault = "#889499";
432
+ export const ComponentsFieldTimeTextHover = "#bac1c4";
433
+ export const ComponentsFieldTimeTextActive = "#71b2bc";
434
+ export const ComponentsFieldTimeBorderActive = "#71b2bc";
424
435
  export const ComponentsBreadcrumbText = "#889499";
425
436
  export const ComponentsBreadcrumbTextActive = "#bac1c4";
426
437
  export const ComponentsBreadcrumbTextHover = "#4b9eaa";
@@ -445,9 +456,9 @@ export const ComponentsMenuContextualBackground = "#0b0f11";
445
456
  export const ComponentsMenuContextualBorder = "#394d55";
446
457
  export const ComponentsMenuContextualItemBackground = "#ffffff";
447
458
  export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
448
- export const ComponentsMenuContextualItemShortcut = "#3f555e";
459
+ export const ComponentsMenuContextualItemShortcut = "#617177";
449
460
  export const ComponentsMenuContextualItemContent = "#889499";
450
- export const ComponentsMenuContextualItemContentDisabled = "#3f555e";
461
+ export const ComponentsMenuContextualItemContentDisabled = "#617177";
451
462
  export const ComponentsMenuContextualItemContentHover = "#bac1c4";
452
463
  export const ComponentsPopoverBackground = "#0b0f11";
453
464
  export const ComponentsPopoverBorder = "#394d55";
package/dist/js/mccs_light.d.ts CHANGED
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
327
327
  export const ComponentsListNativeItemBackgroundHover : string;
328
328
  export const ComponentsListNativeItemBackgroundDisabled : string;
329
329
  export const ComponentsListNativeItemBackgroundTitle : string;
330
- export const ComponentsListCustomBackground : string;
331
- export const ComponentsListCustomItemContentDefault : string;
332
- export const ComponentsListCustomItemContentHover : string;
333
- export const ComponentsListCustomItemContentDisabled : string;
334
- export const ComponentsListCustomItemBackgroundDefault : string;
335
- export const ComponentsListCustomItemBackgroundHover : string;
336
- export const ComponentsListCustomItemBackgroundDisabled : string;
337
- export const ComponentsListCustomItemBackgroundTitle : string;
338
- export const ComponentsListCustomItemTitleContent : string;
339
- export const ComponentsListCustomSeparator : string;
340
- export const ComponentsListCustomBorder : string;
330
+ export const ComponentsListDropdownBackground : string;
331
+ export const ComponentsListDropdownHeaderBackground : string;
332
+ export const ComponentsListDropdownItemLabelDefault : string;
333
+ export const ComponentsListDropdownItemLabelHover : string;
334
+ export const ComponentsListDropdownItemLabelDisabled : string;
335
+ export const ComponentsListDropdownItemDescriptionDefault : string;
336
+ export const ComponentsListDropdownItemDescriptionHover : string;
337
+ export const ComponentsListDropdownItemDescriptionDisabled : string;
338
+ export const ComponentsListDropdownItemBackgroundDefault : string;
339
+ export const ComponentsListDropdownItemBackgroundHover : string;
340
+ export const ComponentsListDropdownItemBackgroundDisabled : string;
341
+ export const ComponentsListDropdownItemBackgroundTitle : string;
342
+ export const ComponentsListDropdownItemTitleContent : string;
343
+ export const ComponentsListDropdownSeparator : string;
344
+ export const ComponentsListDropdownBorder : string;
341
345
  export const ComponentsLoaderWhiteBackground : string;
342
346
  export const ComponentsLoaderWhiteForeground : string;
343
347
  export const ComponentsLoaderBrandBackground : string;
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
421
425
  export const ComponentsAvatarContent8 : string;
422
426
  export const ComponentsAvatarContent9 : string;
423
427
  export const ComponentsAvatarContent10 : string;
428
+ export const ComponentsFieldTimeBackgroundDefault : string;
429
+ export const ComponentsFieldTimeBackgroundHover : string;
430
+ export const ComponentsFieldTimeBackgroundActive : string;
431
+ export const ComponentsFieldTimeTextDefault : string;
432
+ export const ComponentsFieldTimeTextHover : string;
433
+ export const ComponentsFieldTimeTextActive : string;
434
+ export const ComponentsFieldTimeBorderActive : string;
424
435
  export const ComponentsBreadcrumbText : string;
425
436
  export const ComponentsBreadcrumbTextActive : string;
426
437
  export const ComponentsBreadcrumbTextHover : string;
package/dist/js/mccs_light.js CHANGED
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
327
327
  export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
328
328
  export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
329
329
  export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
330
- export const ComponentsListCustomBackground = "#ffffff";
331
- export const ComponentsListCustomItemContentDefault = "#617177";
332
- export const ComponentsListCustomItemContentHover = "#34464d";
333
- export const ComponentsListCustomItemContentDisabled = "#617177";
334
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
335
- export const ComponentsListCustomItemBackgroundHover = "#a5a6a7";
336
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
337
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
338
- export const ComponentsListCustomItemTitleContent = "#617177";
339
- export const ComponentsListCustomSeparator = "#e1e4e6";
340
- export const ComponentsListCustomBorder = "#e1e4e6";
330
+ export const ComponentsListDropdownBackground = "#ffffff";
331
+ export const ComponentsListDropdownHeaderBackground = "#f5f6f7";
332
+ export const ComponentsListDropdownItemLabelDefault = "#34464d";
333
+ export const ComponentsListDropdownItemLabelHover = "#171f22";
334
+ export const ComponentsListDropdownItemLabelDisabled = "#617177";
335
+ export const ComponentsListDropdownItemDescriptionDefault = "#617177";
336
+ export const ComponentsListDropdownItemDescriptionHover = "#34464d";
337
+ export const ComponentsListDropdownItemDescriptionDisabled = "#9fadb2";
338
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
339
+ export const ComponentsListDropdownItemBackgroundHover = "#a5a6a7";
340
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
341
+ export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
342
+ export const ComponentsListDropdownItemTitleContent = "#34464d";
343
+ export const ComponentsListDropdownSeparator = "#e1e4e6";
344
+ export const ComponentsListDropdownBorder = "#e1e4e6";
341
345
  export const ComponentsLoaderWhiteBackground = "#ffffff";
342
346
  export const ComponentsLoaderWhiteForeground = "#ffffff";
343
347
  export const ComponentsLoaderBrandBackground = "#e4f0f2";
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#106f15";
421
425
  export const ComponentsAvatarContent8 = "#1f717d";
422
426
  export const ComponentsAvatarContent9 = "#5c6e1f";
423
427
  export const ComponentsAvatarContent10 = "#394d55";
428
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
429
+ export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
430
+ export const ComponentsFieldTimeBackgroundActive = "#a5a6a7";
431
+ export const ComponentsFieldTimeTextDefault = "#617177";
432
+ export const ComponentsFieldTimeTextHover = "#34464d";
433
+ export const ComponentsFieldTimeTextActive = "#185963";
434
+ export const ComponentsFieldTimeBorderActive = "#185963";
424
435
  export const ComponentsBreadcrumbText = "#617177";
425
436
  export const ComponentsBreadcrumbTextActive = "#34464d";
426
437
  export const ComponentsBreadcrumbTextHover = "#1f717d";
package/dist/js/ocean_dark.d.ts CHANGED
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
327
327
  export const ComponentsListNativeItemBackgroundHover : string;
328
328
  export const ComponentsListNativeItemBackgroundDisabled : string;
329
329
  export const ComponentsListNativeItemBackgroundTitle : string;
330
- export const ComponentsListCustomBackground : string;
331
- export const ComponentsListCustomItemContentDefault : string;
332
- export const ComponentsListCustomItemContentHover : string;
333
- export const ComponentsListCustomItemContentDisabled : string;
334
- export const ComponentsListCustomItemBackgroundDefault : string;
335
- export const ComponentsListCustomItemBackgroundHover : string;
336
- export const ComponentsListCustomItemBackgroundDisabled : string;
337
- export const ComponentsListCustomItemBackgroundTitle : string;
338
- export const ComponentsListCustomItemTitleContent : string;
339
- export const ComponentsListCustomSeparator : string;
340
- export const ComponentsListCustomBorder : string;
330
+ export const ComponentsListDropdownBackground : string;
331
+ export const ComponentsListDropdownHeaderBackground : string;
332
+ export const ComponentsListDropdownItemLabelDefault : string;
333
+ export const ComponentsListDropdownItemLabelHover : string;
334
+ export const ComponentsListDropdownItemLabelDisabled : string;
335
+ export const ComponentsListDropdownItemDescriptionDefault : string;
336
+ export const ComponentsListDropdownItemDescriptionHover : string;
337
+ export const ComponentsListDropdownItemDescriptionDisabled : string;
338
+ export const ComponentsListDropdownItemBackgroundDefault : string;
339
+ export const ComponentsListDropdownItemBackgroundHover : string;
340
+ export const ComponentsListDropdownItemBackgroundDisabled : string;
341
+ export const ComponentsListDropdownItemBackgroundTitle : string;
342
+ export const ComponentsListDropdownItemTitleContent : string;
343
+ export const ComponentsListDropdownSeparator : string;
344
+ export const ComponentsListDropdownBorder : string;
341
345
  export const ComponentsLoaderWhiteBackground : string;
342
346
  export const ComponentsLoaderWhiteForeground : string;
343
347
  export const ComponentsLoaderBrandBackground : string;
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
421
425
  export const ComponentsAvatarContent8 : string;
422
426
  export const ComponentsAvatarContent9 : string;
423
427
  export const ComponentsAvatarContent10 : string;
428
+ export const ComponentsFieldTimeBackgroundDefault : string;
429
+ export const ComponentsFieldTimeBackgroundHover : string;
430
+ export const ComponentsFieldTimeBackgroundActive : string;
431
+ export const ComponentsFieldTimeTextDefault : string;
432
+ export const ComponentsFieldTimeTextHover : string;
433
+ export const ComponentsFieldTimeTextActive : string;
434
+ export const ComponentsFieldTimeBorderActive : string;
424
435
  export const ComponentsBreadcrumbText : string;
425
436
  export const ComponentsBreadcrumbTextActive : string;
426
437
  export const ComponentsBreadcrumbTextHover : string;
package/dist/js/ocean_dark.js CHANGED
@@ -75,7 +75,7 @@ export const ColorContentMediumIcon = "#bac1c4";
75
75
  export const ColorContentLowBorder = "#394d55";
76
76
  export const ColorContentLowText = "#889499";
77
77
  export const ColorContentLowIcon = "#889499";
78
- export const ColorContentLowerText = "#3f555e";
78
+ export const ColorContentLowerText = "#617177";
79
79
  export const ColorContentInvertedHighText = "#0b0f11";
80
80
  export const ColorContentInvertedHighIcon = "#0b0f11";
81
81
  export const ColorContentInvertedMediumText = "#27353b";
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
327
327
  export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
328
328
  export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
329
329
  export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
330
- export const ComponentsListCustomBackground = "#0b0f11";
331
- export const ComponentsListCustomItemContentDefault = "#889499";
332
- export const ComponentsListCustomItemContentHover = "#bac1c4";
333
- export const ComponentsListCustomItemContentDisabled = "#889499";
334
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
335
- export const ComponentsListCustomItemBackgroundHover = "#ffffff";
336
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
337
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
338
- export const ComponentsListCustomItemTitleContent = "#889499";
339
- export const ComponentsListCustomSeparator = "#394d55";
340
- export const ComponentsListCustomBorder = "#394d55";
330
+ export const ComponentsListDropdownBackground = "#0b0f11";
331
+ export const ComponentsListDropdownHeaderBackground = "#171f22";
332
+ export const ComponentsListDropdownItemLabelDefault = "#bac1c4";
333
+ export const ComponentsListDropdownItemLabelHover = "#f5f6f7";
334
+ export const ComponentsListDropdownItemLabelDisabled = "#889499";
335
+ export const ComponentsListDropdownItemDescriptionDefault = "#889499";
336
+ export const ComponentsListDropdownItemDescriptionHover = "#bac1c4";
337
+ export const ComponentsListDropdownItemDescriptionDisabled = "#617177";
338
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
339
+ export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
340
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
341
+ export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
342
+ export const ComponentsListDropdownItemTitleContent = "#bac1c4";
343
+ export const ComponentsListDropdownSeparator = "#394d55";
344
+ export const ComponentsListDropdownBorder = "#394d55";
341
345
  export const ComponentsLoaderWhiteBackground = "#ffffff";
342
346
  export const ComponentsLoaderWhiteForeground = "#ffffff";
343
347
  export const ComponentsLoaderBrandBackground = "#0b292e";
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#66b16a";
421
425
  export const ComponentsAvatarContent8 = "#71b2bc";
422
426
  export const ComponentsAvatarContent9 = "#8da930";
423
427
  export const ComponentsAvatarContent10 = "#9fadb2";
428
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
429
+ export const ComponentsFieldTimeBackgroundHover = "#ffffff";
430
+ export const ComponentsFieldTimeBackgroundActive = "#0b292e";
431
+ export const ComponentsFieldTimeTextDefault = "#889499";
432
+ export const ComponentsFieldTimeTextHover = "#bac1c4";
433
+ export const ComponentsFieldTimeTextActive = "#4b9eaa";
434
+ export const ComponentsFieldTimeBorderActive = "#4b9eaa";
424
435
  export const ComponentsBreadcrumbText = "#889499";
425
436
  export const ComponentsBreadcrumbTextActive = "#bac1c4";
426
437
  export const ComponentsBreadcrumbTextHover = "#258998";
@@ -445,9 +456,9 @@ export const ComponentsMenuContextualBackground = "#0b0f11";
445
456
  export const ComponentsMenuContextualBorder = "#394d55";
446
457
  export const ComponentsMenuContextualItemBackground = "#ffffff";
447
458
  export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
448
- export const ComponentsMenuContextualItemShortcut = "#3f555e";
459
+ export const ComponentsMenuContextualItemShortcut = "#617177";
449
460
  export const ComponentsMenuContextualItemContent = "#889499";
450
- export const ComponentsMenuContextualItemContentDisabled = "#3f555e";
461
+ export const ComponentsMenuContextualItemContentDisabled = "#617177";
451
462
  export const ComponentsMenuContextualItemContentHover = "#bac1c4";
452
463
  export const ComponentsPopoverBackground = "#0b0f11";
453
464
  export const ComponentsPopoverBorder = "#394d55";