@nova-design-system/nova-base 3.0.0-beta.47 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +36 -0
  3. package/dist/cjs/plugin/nova-plugin.js +0 -2
  4. package/dist/css/mccs.css +53 -27
  5. package/dist/css/nova-utils.css +8361 -8313
  6. package/dist/css/ocean.css +118 -92
  7. package/dist/css/spark.css +119 -93
  8. package/dist/generated/nova-tailwind-tokens.d.ts +36 -0
  9. package/dist/generated/nova-tailwind-tokens.js +36 -0
  10. package/dist/js/mccs_dark.d.ts +22 -10
  11. package/dist/js/mccs_dark.js +27 -15
  12. package/dist/js/mccs_light.d.ts +22 -10
  13. package/dist/js/mccs_light.js +29 -17
  14. package/dist/js/ocean_dark.d.ts +22 -10
  15. package/dist/js/ocean_dark.js +89 -77
  16. package/dist/js/ocean_light.d.ts +22 -10
  17. package/dist/js/ocean_light.js +94 -82
  18. package/dist/js/primitives.js +3 -3
  19. package/dist/js/spacings.d.ts +2 -0
  20. package/dist/js/spacings.js +2 -0
  21. package/dist/js/spark_dark.d.ts +22 -10
  22. package/dist/js/spark_dark.js +89 -77
  23. package/dist/js/spark_light.d.ts +22 -10
  24. package/dist/js/spark_light.js +96 -84
  25. package/dist/plugin/nova-plugin.js +0 -2
  26. package/package.json +1 -1
package/dist/js/mccs_light.d.ts CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
38
  export const ColorInteractionContainerNeutralText : string;
39
39
  export const ColorInteractionContainerNeutralTextActive : string;
40
40
  export const ColorInteractionContainerNeutralTextHover : string;
41
- export const ColorInteractionLinkHighText : string;
42
- export const ColorInteractionLinkHighTextHover : string;
43
41
  export const ColorInteractionLinkHighIcon : string;
44
42
  export const ColorInteractionLinkHighIconHover : string;
45
- export const ColorInteractionLinkLowText : string;
46
- export const ColorInteractionLinkLowTextHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextInactive : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
47
49
  export const ColorInteractionLinkLowIcon : string;
48
50
  export const ColorInteractionLinkLowIconHover : string;
49
- export const ColorInteractionLinkInvertedText : string;
50
- export const ColorInteractionLinkInvertedTextHover : string;
51
+ export const ColorInteractionLinkLowIconInactive : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextInactive : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
51
57
  export const ColorInteractionLinkInvertedIcon : string;
52
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconInactive : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
53
65
  export const ColorBlack : string;
54
66
  export const ColorWhite : string;
55
67
  export const ColorTransparent : string;
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive : string;
455
467
  export const ComponentsFieldTimeBorderActive : string;
456
468
  export const ComponentsCalendarBorder : string;
457
469
  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
470
  export const ComponentsCalendarCellBackground : string;
463
471
  export const ComponentsCalendarCellBackgroundSelected : string;
464
472
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +481,10 @@ export const ComponentsCalendarCellTextInRange : string;
473
481
  export const ComponentsCalendarCellTextHover : string;
474
482
  export const ComponentsCalendarCellTextOutsideMonth : string;
475
483
  export const ComponentsCalendarCellTextToday : string;
484
+ export const ComponentsCalendarWeeksBackground : string;
485
+ export const ComponentsCalendarWeeksBackgroundHover : string;
486
+ export const ComponentsCalendarWeeksText : string;
487
+ export const ComponentsCalendarWeeksTextHover : string;
476
488
  export const ComponentsCalendarBackground : string;
477
489
  export const ComponentsMenuContextualBackground : string;
478
490
  export const ComponentsMenuContextualBorder : string;
package/dist/js/mccs_light.js CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover = "#34464d";
38
38
  export const ColorInteractionContainerNeutralText = "#617177";
39
39
  export const ColorInteractionContainerNeutralTextActive = "#185963";
40
40
  export const ColorInteractionContainerNeutralTextHover = "#34464d";
41
- export const ColorInteractionLinkHighText = "#1f717d";
42
- export const ColorInteractionLinkHighTextHover = "#185963";
43
41
  export const ColorInteractionLinkHighIcon = "#1f717d";
44
42
  export const ColorInteractionLinkHighIconHover = "#185963";
45
- export const ColorInteractionLinkLowText = "#171f22";
46
- export const ColorInteractionLinkLowTextHover = "#1f717d";
43
+ export const ColorInteractionLinkHighIconInactive = "#617177";
44
+ export const ColorInteractionLinkHighIconVisited = "#124148";
45
+ export const ColorInteractionLinkHighText = "#1f717d";
46
+ export const ColorInteractionLinkHighTextHover = "#185963";
47
+ export const ColorInteractionLinkHighTextInactive = "#617177";
48
+ export const ColorInteractionLinkHighTextVisited = "#124148";
47
49
  export const ColorInteractionLinkLowIcon = "#171f22";
48
50
  export const ColorInteractionLinkLowIconHover = "#1f717d";
49
- export const ColorInteractionLinkInvertedText = "#889499";
50
- export const ColorInteractionLinkInvertedTextHover = "#1f717d";
51
+ export const ColorInteractionLinkLowIconInactive = "#617177";
52
+ export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
53
+ export const ColorInteractionLinkLowText = "#171f22";
54
+ export const ColorInteractionLinkLowTextHover = "#1f717d";
55
+ export const ColorInteractionLinkLowTextInactive = "#617177";
56
+ export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
51
57
  export const ColorInteractionLinkInvertedIcon = "#889499";
52
58
  export const ColorInteractionLinkInvertedIconHover = "#1f717d";
59
+ export const ColorInteractionLinkInvertedIconInactive = "#617177";
60
+ export const ColorInteractionLinkInvertedIconVisited = "#4b9eaa";
61
+ export const ColorInteractionLinkInvertedText = "#889499";
62
+ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
63
+ export const ColorInteractionLinkInvertedTextInactive = "#617177";
64
+ export const ColorInteractionLinkInvertedTextVisited = "#1f717d";
53
65
  export const ColorBlack = "#000000";
54
66
  export const ColorWhite = "#ffffff";
55
67
  export const ColorTransparent = "#ffffff";
@@ -123,7 +135,7 @@ export const ColorFeedbackNeutralHighBackground = "#617177";
123
135
  export const ColorFeedbackNeutralHighBorder = "#617177";
124
136
  export const ColorFeedbackNeutralHighIcon = "#ffffff";
125
137
  export const ColorFeedbackNeutralHighText = "#ffffff";
126
- export const ColorFeedbackNeutralLowBackground = "#eaeef0";
138
+ export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
127
139
  export const ColorFeedbackNeutralLowBorder = "#617177";
128
140
  export const ColorFeedbackNeutralLowIcon = "#617177";
129
141
  export const ColorFeedbackNeutralLowText = "#617177";
@@ -164,11 +176,11 @@ export const ColorRainbow4Background = "#f9e3e3";
164
176
  export const ColorRainbow4Border = "#cc1d1d";
165
177
  export const ColorRainbow4Icon = "#cc1d1d";
166
178
  export const ColorRainbow4Text = "#cc1d1d";
167
- export const ColorRainbow5Background = "#d2e5e3";
179
+ export const ColorRainbow5Background = "#ecf4f3";
168
180
  export const ColorRainbow5Border = "#32504c";
169
181
  export const ColorRainbow5Icon = "#32504c";
170
182
  export const ColorRainbow5Text = "#32504c";
171
- export const ColorRainbow6Background = "#f2dfe6";
183
+ export const ColorRainbow6Background = "#f7e9ee";
172
184
  export const ColorRainbow6Border = "#ab2d58";
173
185
  export const ColorRainbow6Icon = "#ab2d58";
174
186
  export const ColorRainbow6Text = "#ab2d58";
@@ -401,7 +413,7 @@ export const ComponentsAlertErrorIcon = "#da2424";
401
413
  export const ComponentsAlertSuccessBackground = "#eafeeb";
402
414
  export const ComponentsAlertSuccessBorder = "#34ae3b";
403
415
  export const ComponentsAlertSuccessIcon = "#34ae3b";
404
- export const ComponentsAlertNeutralBackground = "#eaeef0";
416
+ export const ComponentsAlertNeutralBackground = "#f5f6f7";
405
417
  export const ComponentsAlertNeutralBorder = "#617177";
406
418
  export const ComponentsAlertNeutralIcon = "#617177";
407
419
  export const ComponentsDatagridHeaderBorder = "#bac1c4";
@@ -417,8 +429,8 @@ export const ComponentsAvatarBackground1 = "#fdefe2";
417
429
  export const ComponentsAvatarBackground2 = "#fceae3";
418
430
  export const ComponentsAvatarBackground3 = "#ffecb3";
419
431
  export const ComponentsAvatarBackground4 = "#f9e3e3";
420
- export const ComponentsAvatarBackground5 = "#d2e5e3";
421
- export const ComponentsAvatarBackground6 = "#f2dfe6";
432
+ export const ComponentsAvatarBackground5 = "#ecf4f3";
433
+ export const ComponentsAvatarBackground6 = "#f7e9ee";
422
434
  export const ComponentsAvatarBackground7 = "#e2f0e2";
423
435
  export const ComponentsAvatarBackground8 = "#e4f0f2";
424
436
  export const ComponentsAvatarBackground9 = "#f1f4e5";
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
455
467
  export const ComponentsFieldTimeBorderActive = "#185963";
456
468
  export const ComponentsCalendarBorder = "#e1e4e6";
457
469
  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
470
  export const ComponentsCalendarCellBackground = "#ffffff";
463
471
  export const ComponentsCalendarCellBackgroundSelected = "#258998";
464
472
  export const ComponentsCalendarCellBackgroundInRange = "#0b0f11";
@@ -472,7 +480,11 @@ export const ComponentsCalendarCellTextSelected = "#000000";
472
480
  export const ComponentsCalendarCellTextInRange = "#185963";
473
481
  export const ComponentsCalendarCellTextHover = "#34464d";
474
482
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
475
- export const ComponentsCalendarCellTextToday = "#185963";
483
+ export const ComponentsCalendarCellTextToday = "#171f22";
484
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
485
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
486
+ export const ComponentsCalendarWeeksText = "#171f22";
487
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
476
488
  export const ComponentsCalendarBackground = "#ffffff";
477
489
  export const ComponentsMenuContextualBackground = "#ffffff";
478
490
  export const ComponentsMenuContextualBorder = "#e1e4e6";
package/dist/js/ocean_dark.d.ts CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
38
  export const ColorInteractionContainerNeutralText : string;
39
39
  export const ColorInteractionContainerNeutralTextActive : string;
40
40
  export const ColorInteractionContainerNeutralTextHover : string;
41
- export const ColorInteractionLinkHighText : string;
42
- export const ColorInteractionLinkHighTextHover : string;
43
41
  export const ColorInteractionLinkHighIcon : string;
44
42
  export const ColorInteractionLinkHighIconHover : string;
45
- export const ColorInteractionLinkLowText : string;
46
- export const ColorInteractionLinkLowTextHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextInactive : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
47
49
  export const ColorInteractionLinkLowIcon : string;
48
50
  export const ColorInteractionLinkLowIconHover : string;
49
- export const ColorInteractionLinkInvertedText : string;
50
- export const ColorInteractionLinkInvertedTextHover : string;
51
+ export const ColorInteractionLinkLowIconInactive : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextInactive : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
51
57
  export const ColorInteractionLinkInvertedIcon : string;
52
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconInactive : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
53
65
  export const ColorBlack : string;
54
66
  export const ColorWhite : string;
55
67
  export const ColorTransparent : string;
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive : string;
455
467
  export const ComponentsFieldTimeBorderActive : string;
456
468
  export const ComponentsCalendarBorder : string;
457
469
  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
470
  export const ComponentsCalendarCellBackground : string;
463
471
  export const ComponentsCalendarCellBackgroundSelected : string;
464
472
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +481,10 @@ export const ComponentsCalendarCellTextInRange : string;
473
481
  export const ComponentsCalendarCellTextHover : string;
474
482
  export const ComponentsCalendarCellTextOutsideMonth : string;
475
483
  export const ComponentsCalendarCellTextToday : string;
484
+ export const ComponentsCalendarWeeksBackground : string;
485
+ export const ComponentsCalendarWeeksBackgroundHover : string;
486
+ export const ComponentsCalendarWeeksText : string;
487
+ export const ComponentsCalendarWeeksTextHover : string;
476
488
  export const ComponentsCalendarBackground : string;
477
489
  export const ComponentsMenuContextualBackground : string;
478
490
  export const ComponentsMenuContextualBorder : string;
package/dist/js/ocean_dark.js CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
38
38
  export const ColorInteractionContainerNeutralText = "#889499";
39
39
  export const ColorInteractionContainerNeutralTextActive = "#4b9eaa";
40
40
  export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
41
- export const ColorInteractionLinkHighText = "#258998";
42
- export const ColorInteractionLinkHighTextHover = "#4b9eaa";
43
41
  export const ColorInteractionLinkHighIcon = "#258998";
44
42
  export const ColorInteractionLinkHighIconHover = "#4b9eaa";
45
- export const ColorInteractionLinkLowText = "#f5f6f7";
46
- export const ColorInteractionLinkLowTextHover = "#258998";
43
+ export const ColorInteractionLinkHighIconInactive = "#889499";
44
+ export const ColorInteractionLinkHighIconVisited = "#71b2bc";
45
+ export const ColorInteractionLinkHighText = "#258998";
46
+ export const ColorInteractionLinkHighTextHover = "#4b9eaa";
47
+ export const ColorInteractionLinkHighTextInactive = "#889499";
48
+ export const ColorInteractionLinkHighTextVisited = "#71b2bc";
47
49
  export const ColorInteractionLinkLowIcon = "#f5f6f7";
48
50
  export const ColorInteractionLinkLowIconHover = "#258998";
49
- export const ColorInteractionLinkInvertedText = "#27353b";
50
- export const ColorInteractionLinkInvertedTextHover = "#258998";
51
+ export const ColorInteractionLinkLowIconInactive = "#889499";
52
+ export const ColorInteractionLinkLowIconVisited = "#185963";
53
+ export const ColorInteractionLinkLowText = "#f5f6f7";
54
+ export const ColorInteractionLinkLowTextHover = "#258998";
55
+ export const ColorInteractionLinkLowTextInactive = "#889499";
56
+ export const ColorInteractionLinkLowTextVisited = "#185963";
51
57
  export const ColorInteractionLinkInvertedIcon = "#27353b";
52
- export const ColorInteractionLinkInvertedIconHover = "#258998";
58
+ export const ColorInteractionLinkInvertedIconHover = "#1f717d";
59
+ export const ColorInteractionLinkInvertedIconInactive = "#3f555e";
60
+ export const ColorInteractionLinkInvertedIconVisited = "#4b9eaa";
61
+ export const ColorInteractionLinkInvertedText = "#27353b";
62
+ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
63
+ export const ColorInteractionLinkInvertedTextInactive = "#3f555e";
64
+ export const ColorInteractionLinkInvertedTextVisited = "#4b9eaa";
53
65
  export const ColorBlack = "#000000";
54
66
  export const ColorWhite = "#ffffff";
55
67
  export const ColorTransparent = "#ffffff";
@@ -105,50 +117,50 @@ export const ColorChart9 = "#447583";
105
117
  export const ColorChart10 = "#990035";
106
118
  export const ColorFeedbackInformationHighBackground = "#659fff";
107
119
  export const ColorFeedbackInformationHighBorder = "#659fff";
108
- export const ColorFeedbackInformationHighIcon = "#000000";
109
- export const ColorFeedbackInformationHighText = "#000000";
120
+ export const ColorFeedbackInformationHighIcon = "#09285c";
121
+ export const ColorFeedbackInformationHighText = "#09285c";
110
122
  export const ColorFeedbackInformationLowBackground = "#001c37";
111
123
  export const ColorFeedbackInformationLowBorder = "#659fff";
112
124
  export const ColorFeedbackInformationLowIcon = "#659fff";
113
125
  export const ColorFeedbackInformationLowText = "#659fff";
114
- export const ColorFeedbackErrorHighBackground = "#ff3d3d";
115
- export const ColorFeedbackErrorHighBorder = "#ff3d3d";
116
- export const ColorFeedbackErrorHighIcon = "#000000";
117
- export const ColorFeedbackErrorHighText = "#000000";
126
+ export const ColorFeedbackErrorHighBackground = "#ff6161";
127
+ export const ColorFeedbackErrorHighBorder = "#ff6161";
128
+ export const ColorFeedbackErrorHighIcon = "#380101";
129
+ export const ColorFeedbackErrorHighText = "#380101";
118
130
  export const ColorFeedbackErrorLowBackground = "#380101";
119
- export const ColorFeedbackErrorLowBorder = "#ff3d3d";
120
- export const ColorFeedbackErrorLowIcon = "#ff3d3d";
121
- export const ColorFeedbackErrorLowText = "#ff3d3d";
122
- export const ColorFeedbackNeutralHighBackground = "#889499";
123
- export const ColorFeedbackNeutralHighBorder = "#889499";
124
- export const ColorFeedbackNeutralHighIcon = "#000000";
125
- export const ColorFeedbackNeutralHighText = "#000000";
126
- export const ColorFeedbackNeutralLowBackground = "#27353b";
127
- export const ColorFeedbackNeutralLowBorder = "#889499";
128
- export const ColorFeedbackNeutralLowIcon = "#889499";
129
- export const ColorFeedbackNeutralLowText = "#889499";
130
- export const ColorFeedbackWarningHighBackground = "#f7d14c";
131
- export const ColorFeedbackWarningHighBorder = "#f7d14c";
132
- export const ColorFeedbackWarningHighIcon = "#000000";
133
- export const ColorFeedbackWarningHighText = "#000000";
131
+ export const ColorFeedbackErrorLowBorder = "#ff6161";
132
+ export const ColorFeedbackErrorLowIcon = "#ff6161";
133
+ export const ColorFeedbackErrorLowText = "#ff6161";
134
+ export const ColorFeedbackNeutralHighBackground = "#9fadb2";
135
+ export const ColorFeedbackNeutralHighBorder = "#9fadb2";
136
+ export const ColorFeedbackNeutralHighIcon = "#171f22";
137
+ export const ColorFeedbackNeutralHighText = "#171f22";
138
+ export const ColorFeedbackNeutralLowBackground = "#171f22";
139
+ export const ColorFeedbackNeutralLowBorder = "#9fadb2";
140
+ export const ColorFeedbackNeutralLowIcon = "#9fadb2";
141
+ export const ColorFeedbackNeutralLowText = "#9fadb2";
142
+ export const ColorFeedbackWarningHighBackground = "#e0a917";
143
+ export const ColorFeedbackWarningHighBorder = "#e0a917";
144
+ export const ColorFeedbackWarningHighIcon = "#302300";
145
+ export const ColorFeedbackWarningHighText = "#302300";
134
146
  export const ColorFeedbackWarningLowBackground = "#302300";
135
- export const ColorFeedbackWarningLowBorder = "#f7d14c";
136
- export const ColorFeedbackWarningLowIcon = "#f7d14c";
137
- export const ColorFeedbackWarningLowText = "#f7d14c";
147
+ export const ColorFeedbackWarningLowBorder = "#e0a917";
148
+ export const ColorFeedbackWarningLowIcon = "#e0a917";
149
+ export const ColorFeedbackWarningLowText = "#e0a917";
138
150
  export const ColorFeedbackSuccessHighBackground = "#6bde71";
139
151
  export const ColorFeedbackSuccessHighBorder = "#6bde71";
140
- export const ColorFeedbackSuccessHighIcon = "#000000";
141
- export const ColorFeedbackSuccessHighText = "#000000";
152
+ export const ColorFeedbackSuccessHighIcon = "#003603";
153
+ export const ColorFeedbackSuccessHighText = "#003603";
142
154
  export const ColorFeedbackSuccessLowBackground = "#002302";
143
- export const ColorFeedbackSuccessLowBorder = "#6bde71";
144
- export const ColorFeedbackSuccessLowIcon = "#6bde71";
145
- export const ColorFeedbackSuccessLowText = "#6bde71";
155
+ export const ColorFeedbackSuccessLowBorder = "#45d24d";
156
+ export const ColorFeedbackSuccessLowIcon = "#45d24d";
157
+ export const ColorFeedbackSuccessLowText = "#45d24d";
146
158
  export const ColorFocusBrand = "#258998";
147
159
  export const ColorFocusBackground = "#0b0f11";
148
160
  export const ColorFocusBackgroundInverted = "#ffffff";
149
- export const ColorFocusDestructive = "#ff3d3d";
150
- export const ColorFocusSuccess = "#6bde71";
151
- export const ColorRainbow1Background = "#482608";
161
+ export const ColorFocusDestructive = "#ff6161";
162
+ export const ColorFocusSuccess = "#45d24d";
163
+ export const ColorRainbow1Background = "#432306";
152
164
  export const ColorRainbow1Border = "#f0801a";
153
165
  export const ColorRainbow1Icon = "#f0801a";
154
166
  export const ColorRainbow1Text = "#f0801a";
@@ -164,11 +176,11 @@ export const ColorRainbow4Background = "#610e0e";
164
176
  export const ColorRainbow4Border = "#e79494";
165
177
  export const ColorRainbow4Icon = "#e79494";
166
178
  export const ColorRainbow4Text = "#e79494";
167
- export const ColorRainbow5Background = "#203330";
179
+ export const ColorRainbow5Background = "#1c2b28";
168
180
  export const ColorRainbow5Border = "#6aa9a0";
169
181
  export const ColorRainbow5Icon = "#6aa9a0";
170
182
  export const ColorRainbow5Text = "#6aa9a0";
171
- export const ColorRainbow6Background = "#630022";
183
+ export const ColorRainbow6Background = "#490019";
172
184
  export const ColorRainbow6Border = "#cf869f";
173
185
  export const ColorRainbow6Icon = "#cf869f";
174
186
  export const ColorRainbow6Text = "#cf869f";
@@ -282,46 +294,46 @@ export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
282
294
  export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
283
295
  export const ComponentsFormOpacityDefault = "100%";
284
296
  export const ComponentsFormOpacityDisabled = "50%";
285
- export const ComponentsFormTextRequired = "#ff3d3d";
297
+ export const ComponentsFormTextRequired = "#ff6161";
286
298
  export const ComponentsFormTextInfoIcon = "#bac1c4";
287
299
  export const ComponentsFormTextLabelDefault = "#f5f6f7";
288
300
  export const ComponentsFormTextLabelDisabled = "#bac1c4";
289
301
  export const ComponentsFormTextDescriptionDefault = "#889499";
290
- export const ComponentsFormTextDescriptionError = "#ff3d3d";
302
+ export const ComponentsFormTextDescriptionError = "#ff6161";
291
303
  export const ComponentsFormFieldBackgroundDefault = "#0b0f11";
292
304
  export const ComponentsFormFieldBackgroundFocus = "#0b0f11";
293
305
  export const ComponentsFormFieldBackgroundHover = "#11171a";
294
306
  export const ComponentsFormFieldBackgroundDisabled = "#171f22";
295
307
  export const ComponentsFormFieldBackgroundChecked = "#258998";
296
- export const ComponentsFormFieldBackgroundError = "#ff3d3d";
308
+ export const ComponentsFormFieldBackgroundError = "#ff6161";
297
309
  export const ComponentsFormFieldBackgroundReadonly = "#11171a";
298
310
  export const ComponentsFormFieldBorderDefault = "#617177";
299
311
  export const ComponentsFormFieldBorderDisabled = "#617177";
300
312
  export const ComponentsFormFieldBorderHover = "#889499";
301
313
  export const ComponentsFormFieldBorderFocus = "#258998";
302
- export const ComponentsFormFieldBorderError = "#ff3d3d";
303
- export const ComponentsFormFieldBorderSuccess = "#6bde71";
314
+ export const ComponentsFormFieldBorderError = "#ff6161";
315
+ export const ComponentsFormFieldBorderSuccess = "#45d24d";
304
316
  export const ComponentsFormFieldBorderReadonly = "#394d55";
305
317
  export const ComponentsFormFieldContentPlaceholder = "#889499";
306
318
  export const ComponentsFormFieldContentText = "#f5f6f7";
307
319
  export const ComponentsFormFieldIconDefault = "#889499";
308
320
  export const ComponentsFormFieldIconDisabled = "#617177";
309
- export const ComponentsFormFieldIconError = "#ff3d3d";
310
- export const ComponentsFormFieldIconSuccess = "#6bde71";
321
+ export const ComponentsFormFieldIconError = "#ff6161";
322
+ export const ComponentsFormFieldIconSuccess = "#45d24d";
311
323
  export const ComponentsFormShapeBackgroundDefault = "#617177";
312
324
  export const ComponentsFormShapeBackgroundHover = "#72858c";
313
325
  export const ComponentsFormShapeBackgroundDisabled = "#222e33";
314
326
  export const ComponentsFormShapeBackgroundSelected = "#258998";
315
- export const ComponentsFormShapeBackgroundError = "#ff3d3d";
327
+ export const ComponentsFormShapeBackgroundError = "#ff6161";
316
328
  export const ComponentsFormShapeBorderDefault = "#617177";
317
329
  export const ComponentsFormShapeBorderHover = "#889499";
318
330
  export const ComponentsFormShapeBorderFocus = "#258998";
319
- export const ComponentsFormShapeBorderError = "#ff3d3d";
320
- export const ComponentsFormShapeBorderSuccess = "#6bde71";
331
+ export const ComponentsFormShapeBorderError = "#ff6161";
332
+ export const ComponentsFormShapeBorderSuccess = "#45d24d";
321
333
  export const ComponentsFormShapeForegroundDefault = "#000000";
322
334
  export const ComponentsFormShapeForegroundSwitchDot = "#617177";
323
335
  export const ComponentsFormShapeForegroundDisabled = "#617177";
324
- export const ComponentsFormShapeForegroundDisabledError = "#ff3d3d";
336
+ export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
325
337
  export const ComponentsListNativeBackground = "#565558";
326
338
  export const ComponentsListNativeItemTitleContent = "#ffffff";
327
339
  export const ComponentsListNativeSeparator = "#838086";
@@ -393,17 +405,17 @@ export const ComponentsAlertInformationBorder = "#659fff";
393
405
  export const ComponentsAlertContentDescription = "#bac1c4";
394
406
  export const ComponentsAlertContentTitle = "#f5f6f7";
395
407
  export const ComponentsAlertWarningBackground = "#302300";
396
- export const ComponentsAlertWarningBorder = "#f7d14c";
397
- export const ComponentsAlertWarningIcon = "#f7d14c";
408
+ export const ComponentsAlertWarningBorder = "#e0a917";
409
+ export const ComponentsAlertWarningIcon = "#e0a917";
398
410
  export const ComponentsAlertErrorBackground = "#380101";
399
- export const ComponentsAlertErrorBorder = "#ff3d3d";
400
- export const ComponentsAlertErrorIcon = "#ff3d3d";
411
+ export const ComponentsAlertErrorBorder = "#ff6161";
412
+ export const ComponentsAlertErrorIcon = "#ff6161";
401
413
  export const ComponentsAlertSuccessBackground = "#002302";
402
- export const ComponentsAlertSuccessBorder = "#6bde71";
403
- export const ComponentsAlertSuccessIcon = "#6bde71";
404
- export const ComponentsAlertNeutralBackground = "#27353b";
405
- export const ComponentsAlertNeutralBorder = "#889499";
406
- export const ComponentsAlertNeutralIcon = "#889499";
414
+ export const ComponentsAlertSuccessBorder = "#45d24d";
415
+ export const ComponentsAlertSuccessIcon = "#45d24d";
416
+ export const ComponentsAlertNeutralBackground = "#171f22";
417
+ export const ComponentsAlertNeutralBorder = "#9fadb2";
418
+ export const ComponentsAlertNeutralIcon = "#9fadb2";
407
419
  export const ComponentsDatagridHeaderBorder = "#617177";
408
420
  export const ComponentsDatagridHeaderText = "#889499";
409
421
  export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -413,12 +425,12 @@ export const ComponentsDatagridBodySubtext = "#889499";
413
425
  export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
414
426
  export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
415
427
  export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
416
- export const ComponentsAvatarBackground1 = "#482608";
428
+ export const ComponentsAvatarBackground1 = "#432306";
417
429
  export const ComponentsAvatarBackground2 = "#45190a";
418
430
  export const ComponentsAvatarBackground3 = "#4d3a00";
419
431
  export const ComponentsAvatarBackground4 = "#610e0e";
420
- export const ComponentsAvatarBackground5 = "#203330";
421
- export const ComponentsAvatarBackground6 = "#630022";
432
+ export const ComponentsAvatarBackground5 = "#1c2b28";
433
+ export const ComponentsAvatarBackground6 = "#490019";
422
434
  export const ComponentsAvatarBackground7 = "#09400c";
423
435
  export const ComponentsAvatarBackground8 = "#124148";
424
436
  export const ComponentsAvatarBackground9 = "#2a330e";
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
455
467
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
456
468
  export const ComponentsCalendarBorder = "#394d55";
457
469
  export const ComponentsCalendarHeaderText = "#f5f6f7";
458
- export const ComponentsCalendarWeeksBackground = "#171f22";
459
- export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
460
- export const ComponentsCalendarWeeksText = "#f5f6f7";
461
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
462
470
  export const ComponentsCalendarCellBackground = "#ffffff";
463
471
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
464
472
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -472,7 +480,11 @@ export const ComponentsCalendarCellTextSelected = "#000000";
472
480
  export const ComponentsCalendarCellTextInRange = "#4b9eaa";
473
481
  export const ComponentsCalendarCellTextHover = "#bac1c4";
474
482
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
475
- export const ComponentsCalendarCellTextToday = "#4b9eaa";
483
+ export const ComponentsCalendarCellTextToday = "#f5f6f7";
484
+ export const ComponentsCalendarWeeksBackground = "#171f22";
485
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
486
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
487
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
476
488
  export const ComponentsCalendarBackground = "#0b0f11";
477
489
  export const ComponentsMenuContextualBackground = "#0b0f11";
478
490
  export const ComponentsMenuContextualBorder = "#394d55";
@@ -488,17 +500,17 @@ export const ComponentsNotificationInformationBorder = "#659fff";
488
500
  export const ComponentsNotificationContentDescription = "#bac1c4";
489
501
  export const ComponentsNotificationContentTitle = "#f5f6f7";
490
502
  export const ComponentsNotificationWarningBackground = "#222e33";
491
- export const ComponentsNotificationWarningBorder = "#f7d14c";
492
- export const ComponentsNotificationWarningIcon = "#f7d14c";
503
+ export const ComponentsNotificationWarningBorder = "#e0a917";
504
+ export const ComponentsNotificationWarningIcon = "#e0a917";
493
505
  export const ComponentsNotificationErrorBackground = "#222e33";
494
- export const ComponentsNotificationErrorBorder = "#ff3d3d";
495
- export const ComponentsNotificationErrorIcon = "#ff3d3d";
506
+ export const ComponentsNotificationErrorBorder = "#ff6161";
507
+ export const ComponentsNotificationErrorIcon = "#ff6161";
496
508
  export const ComponentsNotificationSuccessBackground = "#222e33";
497
- export const ComponentsNotificationSuccessBorder = "#6bde71";
498
- export const ComponentsNotificationSuccessIcon = "#6bde71";
509
+ export const ComponentsNotificationSuccessBorder = "#45d24d";
510
+ export const ComponentsNotificationSuccessIcon = "#45d24d";
499
511
  export const ComponentsNotificationNeutralBackground = "#222e33";
500
- export const ComponentsNotificationNeutralBorder = "#889499";
501
- export const ComponentsNotificationNeutralIcon = "#889499";
512
+ export const ComponentsNotificationNeutralBorder = "#9fadb2";
513
+ export const ComponentsNotificationNeutralIcon = "#9fadb2";
502
514
  export const ComponentsPopoverBackground = "#0b0f11";
503
515
  export const ComponentsPopoverBorder = "#394d55";
504
516
  export const ComponentsPopoverText = "#27353b";
package/dist/js/ocean_light.d.ts CHANGED
@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
38
  export const ColorInteractionContainerNeutralText : string;
39
39
  export const ColorInteractionContainerNeutralTextActive : string;
40
40
  export const ColorInteractionContainerNeutralTextHover : string;
41
- export const ColorInteractionLinkHighText : string;
42
- export const ColorInteractionLinkHighTextHover : string;
43
41
  export const ColorInteractionLinkHighIcon : string;
44
42
  export const ColorInteractionLinkHighIconHover : string;
45
- export const ColorInteractionLinkLowText : string;
46
- export const ColorInteractionLinkLowTextHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextInactive : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
47
49
  export const ColorInteractionLinkLowIcon : string;
48
50
  export const ColorInteractionLinkLowIconHover : string;
49
- export const ColorInteractionLinkInvertedText : string;
50
- export const ColorInteractionLinkInvertedTextHover : string;
51
+ export const ColorInteractionLinkLowIconInactive : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextInactive : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
51
57
  export const ColorInteractionLinkInvertedIcon : string;
52
58
  export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconInactive : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
53
65
  export const ColorBlack : string;
54
66
  export const ColorWhite : string;
55
67
  export const ColorTransparent : string;
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive : string;
455
467
  export const ComponentsFieldTimeBorderActive : string;
456
468
  export const ComponentsCalendarBorder : string;
457
469
  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
470
  export const ComponentsCalendarCellBackground : string;
463
471
  export const ComponentsCalendarCellBackgroundSelected : string;
464
472
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +481,10 @@ export const ComponentsCalendarCellTextInRange : string;
473
481
  export const ComponentsCalendarCellTextHover : string;
474
482
  export const ComponentsCalendarCellTextOutsideMonth : string;
475
483
  export const ComponentsCalendarCellTextToday : string;
484
+ export const ComponentsCalendarWeeksBackground : string;
485
+ export const ComponentsCalendarWeeksBackgroundHover : string;
486
+ export const ComponentsCalendarWeeksText : string;
487
+ export const ComponentsCalendarWeeksTextHover : string;
476
488
  export const ComponentsCalendarBackground : string;
477
489
  export const ComponentsMenuContextualBackground : string;
478
490
  export const ComponentsMenuContextualBorder : string;