@nova-design-system/nova-base 3.20.0 → 3.21.1-beta.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.
- package/assets/icons/icon-sprite.svg +1 -1
- package/assets/nova-fonts.css +10 -1
- package/dist/cjs/generated/nova-tailwind-components.js +8 -1
- package/dist/css/nova-utils.css +5 -0
- package/dist/css/ocean.css +168 -126
- package/dist/css/spark.css +170 -128
- package/dist/generated/nova-tailwind-components.d.ts +5 -1
- package/dist/generated/nova-tailwind-components.js +8 -1
- package/dist/js/ocean_dark.d.ts +64 -64
- package/dist/js/ocean_dark.js +71 -71
- package/dist/js/ocean_light.d.ts +64 -64
- package/dist/js/ocean_light.js +64 -64
- package/dist/js/spacings.d.ts +50 -8
- package/dist/js/spacings.js +50 -8
- package/dist/js/spark_dark.d.ts +64 -64
- package/dist/js/spark_dark.js +72 -72
- package/dist/js/spark_light.d.ts +64 -64
- package/dist/js/spark_light.js +64 -64
- package/package.json +2 -1
package/dist/js/spark_dark.js
CHANGED
|
@@ -2,66 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
6
|
-
export const ColorInteractionContainerNeutralBackgroundHover = "#1d1d1d";
|
|
7
|
-
export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
|
|
8
|
-
export const ColorInteractionContainerNeutralBorder = "#808080";
|
|
9
|
-
export const ColorInteractionContainerNeutralBorderActive = "#eb7247";
|
|
10
|
-
export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
|
|
11
|
-
export const ColorInteractionContainerNeutralIcon = "#808080";
|
|
12
|
-
export const ColorInteractionContainerNeutralIconActive = "#eb7247";
|
|
13
|
-
export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
|
|
14
|
-
export const ColorInteractionContainerNeutralText = "#808080";
|
|
15
|
-
export const ColorInteractionContainerNeutralTextActive = "#eb7247";
|
|
16
|
-
export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
|
|
17
|
-
export const ColorInteractionContainerBrandedHighBackground = "#e75420";
|
|
18
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
|
|
19
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
|
|
20
|
-
export const ColorInteractionContainerBrandedHighBorder = "#e75420";
|
|
21
|
-
export const ColorInteractionContainerBrandedHighBorderActive = "#eb7247";
|
|
22
|
-
export const ColorInteractionContainerBrandedHighBorderHover = "#eb7247";
|
|
23
|
-
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
24
|
-
export const ColorInteractionContainerBrandedHighIconActive = "#000000";
|
|
25
|
-
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
26
|
-
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
27
|
-
export const ColorInteractionContainerBrandedHighTextActive = "#000000";
|
|
28
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
29
|
-
export const ColorInteractionContainerBrandedLowBackground = "#0e0e0e";
|
|
30
|
-
export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
|
|
31
|
-
export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
|
|
32
|
-
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
33
|
-
export const ColorInteractionContainerBrandedLowBorderActive = "#eb7247";
|
|
34
|
-
export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
|
|
35
|
-
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
36
|
-
export const ColorInteractionContainerBrandedLowIconActive = "#eb7247";
|
|
37
|
-
export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
|
|
38
|
-
export const ColorInteractionContainerBrandedLowText = "#e75420";
|
|
39
|
-
export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
|
|
40
|
-
export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
|
|
41
|
-
export const ColorInteractionLinkHighIcon = "#e75420";
|
|
42
|
-
export const ColorInteractionLinkHighIconHover = "#eb7247";
|
|
43
|
-
export const ColorInteractionLinkHighIconInactive = "#808080";
|
|
44
|
-
export const ColorInteractionLinkHighIconVisited = "#eb7247";
|
|
45
|
-
export const ColorInteractionLinkHighText = "#e75420";
|
|
46
|
-
export const ColorInteractionLinkHighTextHover = "#eb7247";
|
|
47
|
-
export const ColorInteractionLinkHighTextDisabled = "#808080";
|
|
48
|
-
export const ColorInteractionLinkHighTextVisited = "#eb7247";
|
|
49
|
-
export const ColorInteractionLinkLowIcon = "#f6f6f6";
|
|
50
|
-
export const ColorInteractionLinkLowIconHover = "#eb7247";
|
|
51
|
-
export const ColorInteractionLinkLowIconDisabled = "#808080";
|
|
52
|
-
export const ColorInteractionLinkLowIconVisited = "#eb7247";
|
|
53
|
-
export const ColorInteractionLinkLowText = "#f6f6f6";
|
|
54
|
-
export const ColorInteractionLinkLowTextHover = "#eb7247";
|
|
55
|
-
export const ColorInteractionLinkLowTextDisabled = "#808080";
|
|
56
|
-
export const ColorInteractionLinkLowTextVisited = "#eb7247";
|
|
57
|
-
export const ColorInteractionLinkInvertedIcon = "#414141";
|
|
58
|
-
export const ColorInteractionLinkInvertedIconHover = "#bf451a";
|
|
59
|
-
export const ColorInteractionLinkInvertedIconDisabled = "#6d6d6d";
|
|
60
|
-
export const ColorInteractionLinkInvertedIconVisited = "#eb7247";
|
|
61
|
-
export const ColorInteractionLinkInvertedText = "#414141";
|
|
62
|
-
export const ColorInteractionLinkInvertedTextHover = "#bf451a";
|
|
63
|
-
export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
|
|
64
|
-
export const ColorInteractionLinkInvertedTextVisited = "#eb7247";
|
|
65
5
|
export const ColorBlack = "#000000";
|
|
66
6
|
export const ColorWhite = "#ffffff";
|
|
67
7
|
export const ColorTransparent = "#ffffff";
|
|
@@ -196,6 +136,66 @@ export const ColorFocusBackgroundInverted = "#ffffff";
|
|
|
196
136
|
export const ColorFocusDestructive = "#ff6161";
|
|
197
137
|
export const ColorFocusDestructiveInField = "#ff6161";
|
|
198
138
|
export const ColorFocusSuccess = "#45d24d";
|
|
139
|
+
export const ColorInteractionContainerBrandedHighBackground = "#e75420";
|
|
140
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
|
|
141
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
|
|
142
|
+
export const ColorInteractionContainerBrandedHighBorder = "#e75420";
|
|
143
|
+
export const ColorInteractionContainerBrandedHighBorderActive = "#eb7247";
|
|
144
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#eb7247";
|
|
145
|
+
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
146
|
+
export const ColorInteractionContainerBrandedHighIconActive = "#000000";
|
|
147
|
+
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
148
|
+
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
149
|
+
export const ColorInteractionContainerBrandedHighTextActive = "#000000";
|
|
150
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
151
|
+
export const ColorInteractionContainerBrandedLowBackground = "#0e0e0e";
|
|
152
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
|
|
153
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
|
|
154
|
+
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
155
|
+
export const ColorInteractionContainerBrandedLowBorderActive = "#eb7247";
|
|
156
|
+
export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
|
|
157
|
+
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
158
|
+
export const ColorInteractionContainerBrandedLowIconActive = "#eb7247";
|
|
159
|
+
export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
|
|
160
|
+
export const ColorInteractionContainerBrandedLowText = "#e75420";
|
|
161
|
+
export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
|
|
162
|
+
export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
|
|
163
|
+
export const ColorInteractionContainerNeutralBackground = "#0e0e0e";
|
|
164
|
+
export const ColorInteractionContainerNeutralBackgroundHover = "#1d1d1d";
|
|
165
|
+
export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
|
|
166
|
+
export const ColorInteractionContainerNeutralBorder = "#808080";
|
|
167
|
+
export const ColorInteractionContainerNeutralBorderActive = "#eb7247";
|
|
168
|
+
export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
|
|
169
|
+
export const ColorInteractionContainerNeutralIcon = "#808080";
|
|
170
|
+
export const ColorInteractionContainerNeutralIconActive = "#eb7247";
|
|
171
|
+
export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
|
|
172
|
+
export const ColorInteractionContainerNeutralText = "#808080";
|
|
173
|
+
export const ColorInteractionContainerNeutralTextActive = "#eb7247";
|
|
174
|
+
export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
|
|
175
|
+
export const ColorInteractionLinkHighIcon = "#e75420";
|
|
176
|
+
export const ColorInteractionLinkHighIconHover = "#eb7247";
|
|
177
|
+
export const ColorInteractionLinkHighIconInactive = "#808080";
|
|
178
|
+
export const ColorInteractionLinkHighIconVisited = "#eb7247";
|
|
179
|
+
export const ColorInteractionLinkHighText = "#e75420";
|
|
180
|
+
export const ColorInteractionLinkHighTextHover = "#eb7247";
|
|
181
|
+
export const ColorInteractionLinkHighTextDisabled = "#808080";
|
|
182
|
+
export const ColorInteractionLinkHighTextVisited = "#eb7247";
|
|
183
|
+
export const ColorInteractionLinkLowIcon = "#f6f6f6";
|
|
184
|
+
export const ColorInteractionLinkLowIconHover = "#eb7247";
|
|
185
|
+
export const ColorInteractionLinkLowIconDisabled = "#808080";
|
|
186
|
+
export const ColorInteractionLinkLowIconVisited = "#eb7247";
|
|
187
|
+
export const ColorInteractionLinkLowText = "#f6f6f6";
|
|
188
|
+
export const ColorInteractionLinkLowTextHover = "#eb7247";
|
|
189
|
+
export const ColorInteractionLinkLowTextDisabled = "#808080";
|
|
190
|
+
export const ColorInteractionLinkLowTextVisited = "#eb7247";
|
|
191
|
+
export const ColorInteractionLinkInvertedIcon = "#414141";
|
|
192
|
+
export const ColorInteractionLinkInvertedIconHover = "#bf451a";
|
|
193
|
+
export const ColorInteractionLinkInvertedIconDisabled = "#6d6d6d";
|
|
194
|
+
export const ColorInteractionLinkInvertedIconVisited = "#eb7247";
|
|
195
|
+
export const ColorInteractionLinkInvertedText = "#414141";
|
|
196
|
+
export const ColorInteractionLinkInvertedTextHover = "#bf451a";
|
|
197
|
+
export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
|
|
198
|
+
export const ColorInteractionLinkInvertedTextVisited = "#eb7247";
|
|
199
199
|
export const ColorRainbow1Background = "#432306";
|
|
200
200
|
export const ColorRainbow1Border = "#f0801a";
|
|
201
201
|
export const ColorRainbow1Icon = "#f0801a";
|
|
@@ -297,7 +297,7 @@ export const ComponentsButtonLowTextHover = "#eb7247";
|
|
|
297
297
|
export const ComponentsButtonLowerBorder = "#ffffff";
|
|
298
298
|
export const ComponentsButtonLowerBorderActive = "#ffffff";
|
|
299
299
|
export const ComponentsButtonLowerBorderHover = "#ffffff";
|
|
300
|
-
export const ComponentsButtonLowerBackground = "#
|
|
300
|
+
export const ComponentsButtonLowerBackground = "#0e0e0e";
|
|
301
301
|
export const ComponentsButtonLowerBackgroundActive = "#45190a";
|
|
302
302
|
export const ComponentsButtonLowerBackgroundHover = "#1d1d1d";
|
|
303
303
|
export const ComponentsButtonLowerIcon = "#808080";
|
|
@@ -389,9 +389,9 @@ export const ComponentsListDropdownItemLabelActive = "#808080";
|
|
|
389
389
|
export const ComponentsListDropdownItemDescriptionDefault = "#808080";
|
|
390
390
|
export const ComponentsListDropdownItemDescriptionHover = "#bfbfbf";
|
|
391
391
|
export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
|
|
392
|
-
export const ComponentsListDropdownItemBackgroundDefault = "#
|
|
392
|
+
export const ComponentsListDropdownItemBackgroundDefault = "#0e0e0e";
|
|
393
393
|
export const ComponentsListDropdownItemBackgroundHover = "#1d1d1d";
|
|
394
|
-
export const ComponentsListDropdownItemBackgroundDisabled = "#
|
|
394
|
+
export const ComponentsListDropdownItemBackgroundDisabled = "#0e0e0e";
|
|
395
395
|
export const ComponentsListDropdownItemBackgroundActive = "#45190a";
|
|
396
396
|
export const ComponentsListDropdownGroupTitleContent = "#bfbfbf";
|
|
397
397
|
export const ComponentsListDropdownGroupTitleBackground = "#ffffff";
|
|
@@ -493,17 +493,17 @@ export const ComponentsButtongroupLowerBorder = "#808080";
|
|
|
493
493
|
export const ComponentsButtongroupLowerBackground = "#0e0e0e";
|
|
494
494
|
export const ComponentsDatagridHeaderBorder = "#6d6d6d";
|
|
495
495
|
export const ComponentsDatagridHeaderText = "#f6f6f6";
|
|
496
|
-
export const ComponentsDatagridHeaderBackground = "#
|
|
496
|
+
export const ComponentsDatagridHeaderBackground = "#0e0e0e";
|
|
497
497
|
export const ComponentsDatagridBodyBorder = "#484848";
|
|
498
498
|
export const ComponentsDatagridBodyText = "#bfbfbf";
|
|
499
499
|
export const ComponentsDatagridBodySubtext = "#808080";
|
|
500
|
-
export const ComponentsDatagridBodyBackgroundDefault = "#
|
|
500
|
+
export const ComponentsDatagridBodyBackgroundDefault = "#0e0e0e";
|
|
501
501
|
export const ComponentsDatagridBodyBackgroundActive = "#45190a";
|
|
502
502
|
export const ComponentsDatagridBodyBackgroundHover = "#1d1d1d";
|
|
503
503
|
export const ComponentsDatagridExpanderContentBackground = "#0e0e0e";
|
|
504
504
|
export const ComponentsDatagridExpanderBorder = "#484848";
|
|
505
505
|
export const ComponentsDatagridExpanderExpanderBackground = "#1d1d1d";
|
|
506
|
-
export const ComponentsFieldTimeBackgroundDefault = "#
|
|
506
|
+
export const ComponentsFieldTimeBackgroundDefault = "#0e0e0e";
|
|
507
507
|
export const ComponentsFieldTimeBackgroundHover = "#1d1d1d";
|
|
508
508
|
export const ComponentsFieldTimeBackgroundActive = "#45190a";
|
|
509
509
|
export const ComponentsFieldTimeTextDefault = "#808080";
|
|
@@ -512,10 +512,6 @@ export const ComponentsFieldTimeTextActive = "#eb7247";
|
|
|
512
512
|
export const ComponentsFieldTimeBorderActive = "#eb7247";
|
|
513
513
|
export const ComponentsCalendarBorder = "#484848";
|
|
514
514
|
export const ComponentsCalendarHeaderText = "#f6f6f6";
|
|
515
|
-
export const ComponentsCalendarWeeksBackground = "#1d1d1d";
|
|
516
|
-
export const ComponentsCalendarWeeksBackgroundHover = "#252525";
|
|
517
|
-
export const ComponentsCalendarWeeksText = "#f6f6f6";
|
|
518
|
-
export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
|
|
519
515
|
export const ComponentsCalendarCellBackground = "#0e0e0e";
|
|
520
516
|
export const ComponentsCalendarCellBackgroundSelected = "#eb7247";
|
|
521
517
|
export const ComponentsCalendarCellBackgroundInRange = "#45190a";
|
|
@@ -530,10 +526,14 @@ export const ComponentsCalendarCellTextInRange = "#eb7247";
|
|
|
530
526
|
export const ComponentsCalendarCellTextHover = "#bfbfbf";
|
|
531
527
|
export const ComponentsCalendarCellTextOutsideMonth = "#6d6d6d";
|
|
532
528
|
export const ComponentsCalendarCellTextToday = "#f6f6f6";
|
|
529
|
+
export const ComponentsCalendarWeeksBackground = "#1d1d1d";
|
|
530
|
+
export const ComponentsCalendarWeeksBackgroundHover = "#252525";
|
|
531
|
+
export const ComponentsCalendarWeeksText = "#f6f6f6";
|
|
532
|
+
export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
|
|
533
533
|
export const ComponentsCalendarBackground = "#0e0e0e";
|
|
534
534
|
export const ComponentsMenuContextualBackground = "#0e0e0e";
|
|
535
535
|
export const ComponentsMenuContextualBorder = "#484848";
|
|
536
|
-
export const ComponentsMenuContextualItemBackground = "#
|
|
536
|
+
export const ComponentsMenuContextualItemBackground = "#0e0e0e";
|
|
537
537
|
export const ComponentsMenuContextualItemBackgroundHover = "#1d1d1d";
|
|
538
538
|
export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
|
|
539
539
|
export const ComponentsMenuContextualItemContent = "#808080";
|
|
@@ -590,7 +590,7 @@ export const ComponentsToggleBorderHover = "#919191";
|
|
|
590
590
|
export const ComponentsToggleBorderHoverChecked = "#eb7247";
|
|
591
591
|
export const ComponentsToggleBorderDisabled = "#3a3a3a";
|
|
592
592
|
export const ComponentsToggleBorderDisabledChecked = "#3a3a3a";
|
|
593
|
-
export const ComponentsToggleBackgroundDefault = "#
|
|
593
|
+
export const ComponentsToggleBackgroundDefault = "#0e0e0e";
|
|
594
594
|
export const ComponentsToggleBackgroundDefaultChecked = "#e75420";
|
|
595
595
|
export const ComponentsToggleBackgroundHover = "#1d1d1d";
|
|
596
596
|
export const ComponentsToggleBackgroundHoverChecked = "#eb7247";
|
package/dist/js/spark_light.d.ts
CHANGED
|
@@ -2,66 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerNeutralBackground : string;
|
|
6
|
-
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
7
|
-
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
8
|
-
export const ColorInteractionContainerNeutralBorder : string;
|
|
9
|
-
export const ColorInteractionContainerNeutralBorderActive : string;
|
|
10
|
-
export const ColorInteractionContainerNeutralBorderHover : string;
|
|
11
|
-
export const ColorInteractionContainerNeutralIcon : string;
|
|
12
|
-
export const ColorInteractionContainerNeutralIconActive : string;
|
|
13
|
-
export const ColorInteractionContainerNeutralIconHover : string;
|
|
14
|
-
export const ColorInteractionContainerNeutralText : string;
|
|
15
|
-
export const ColorInteractionContainerNeutralTextActive : string;
|
|
16
|
-
export const ColorInteractionContainerNeutralTextHover : string;
|
|
17
|
-
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
18
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
19
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
20
|
-
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
21
|
-
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
22
|
-
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
23
|
-
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
24
|
-
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
25
|
-
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
26
|
-
export const ColorInteractionContainerBrandedHighText : string;
|
|
27
|
-
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
28
|
-
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
29
|
-
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
30
|
-
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
31
|
-
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
32
|
-
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
33
|
-
export const ColorInteractionContainerBrandedLowBorderActive : string;
|
|
34
|
-
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
35
|
-
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
36
|
-
export const ColorInteractionContainerBrandedLowIconActive : string;
|
|
37
|
-
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
38
|
-
export const ColorInteractionContainerBrandedLowText : string;
|
|
39
|
-
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
40
|
-
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
41
|
-
export const ColorInteractionLinkHighIcon : string;
|
|
42
|
-
export const ColorInteractionLinkHighIconHover : string;
|
|
43
|
-
export const ColorInteractionLinkHighIconInactive : string;
|
|
44
|
-
export const ColorInteractionLinkHighIconVisited : string;
|
|
45
|
-
export const ColorInteractionLinkHighText : string;
|
|
46
|
-
export const ColorInteractionLinkHighTextHover : string;
|
|
47
|
-
export const ColorInteractionLinkHighTextDisabled : string;
|
|
48
|
-
export const ColorInteractionLinkHighTextVisited : string;
|
|
49
|
-
export const ColorInteractionLinkLowIcon : string;
|
|
50
|
-
export const ColorInteractionLinkLowIconHover : string;
|
|
51
|
-
export const ColorInteractionLinkLowIconDisabled : string;
|
|
52
|
-
export const ColorInteractionLinkLowIconVisited : string;
|
|
53
|
-
export const ColorInteractionLinkLowText : string;
|
|
54
|
-
export const ColorInteractionLinkLowTextHover : string;
|
|
55
|
-
export const ColorInteractionLinkLowTextDisabled : string;
|
|
56
|
-
export const ColorInteractionLinkLowTextVisited : string;
|
|
57
|
-
export const ColorInteractionLinkInvertedIcon : string;
|
|
58
|
-
export const ColorInteractionLinkInvertedIconHover : string;
|
|
59
|
-
export const ColorInteractionLinkInvertedIconDisabled : 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;
|
|
65
5
|
export const ColorBlack : string;
|
|
66
6
|
export const ColorWhite : string;
|
|
67
7
|
export const ColorTransparent : string;
|
|
@@ -196,6 +136,66 @@ export const ColorFocusBackgroundInverted : string;
|
|
|
196
136
|
export const ColorFocusDestructive : string;
|
|
197
137
|
export const ColorFocusDestructiveInField : string;
|
|
198
138
|
export const ColorFocusSuccess : string;
|
|
139
|
+
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
140
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
141
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
142
|
+
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
143
|
+
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
144
|
+
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
145
|
+
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
146
|
+
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
147
|
+
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
148
|
+
export const ColorInteractionContainerBrandedHighText : string;
|
|
149
|
+
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
150
|
+
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
151
|
+
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
152
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
153
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
154
|
+
export const ColorInteractionContainerBrandedLowBorder : string;
|
|
155
|
+
export const ColorInteractionContainerBrandedLowBorderActive : string;
|
|
156
|
+
export const ColorInteractionContainerBrandedLowBorderHover : string;
|
|
157
|
+
export const ColorInteractionContainerBrandedLowIcon : string;
|
|
158
|
+
export const ColorInteractionContainerBrandedLowIconActive : string;
|
|
159
|
+
export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
160
|
+
export const ColorInteractionContainerBrandedLowText : string;
|
|
161
|
+
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
162
|
+
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
163
|
+
export const ColorInteractionContainerNeutralBackground : string;
|
|
164
|
+
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
165
|
+
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
166
|
+
export const ColorInteractionContainerNeutralBorder : string;
|
|
167
|
+
export const ColorInteractionContainerNeutralBorderActive : string;
|
|
168
|
+
export const ColorInteractionContainerNeutralBorderHover : string;
|
|
169
|
+
export const ColorInteractionContainerNeutralIcon : string;
|
|
170
|
+
export const ColorInteractionContainerNeutralIconActive : string;
|
|
171
|
+
export const ColorInteractionContainerNeutralIconHover : string;
|
|
172
|
+
export const ColorInteractionContainerNeutralText : string;
|
|
173
|
+
export const ColorInteractionContainerNeutralTextActive : string;
|
|
174
|
+
export const ColorInteractionContainerNeutralTextHover : string;
|
|
175
|
+
export const ColorInteractionLinkHighIcon : string;
|
|
176
|
+
export const ColorInteractionLinkHighIconHover : string;
|
|
177
|
+
export const ColorInteractionLinkHighIconInactive : string;
|
|
178
|
+
export const ColorInteractionLinkHighIconVisited : string;
|
|
179
|
+
export const ColorInteractionLinkHighText : string;
|
|
180
|
+
export const ColorInteractionLinkHighTextHover : string;
|
|
181
|
+
export const ColorInteractionLinkHighTextDisabled : string;
|
|
182
|
+
export const ColorInteractionLinkHighTextVisited : string;
|
|
183
|
+
export const ColorInteractionLinkLowIcon : string;
|
|
184
|
+
export const ColorInteractionLinkLowIconHover : string;
|
|
185
|
+
export const ColorInteractionLinkLowIconDisabled : string;
|
|
186
|
+
export const ColorInteractionLinkLowIconVisited : string;
|
|
187
|
+
export const ColorInteractionLinkLowText : string;
|
|
188
|
+
export const ColorInteractionLinkLowTextHover : string;
|
|
189
|
+
export const ColorInteractionLinkLowTextDisabled : string;
|
|
190
|
+
export const ColorInteractionLinkLowTextVisited : string;
|
|
191
|
+
export const ColorInteractionLinkInvertedIcon : string;
|
|
192
|
+
export const ColorInteractionLinkInvertedIconHover : string;
|
|
193
|
+
export const ColorInteractionLinkInvertedIconDisabled : string;
|
|
194
|
+
export const ColorInteractionLinkInvertedIconVisited : string;
|
|
195
|
+
export const ColorInteractionLinkInvertedText : string;
|
|
196
|
+
export const ColorInteractionLinkInvertedTextHover : string;
|
|
197
|
+
export const ColorInteractionLinkInvertedTextInactive : string;
|
|
198
|
+
export const ColorInteractionLinkInvertedTextVisited : string;
|
|
199
199
|
export const ColorRainbow1Background : string;
|
|
200
200
|
export const ColorRainbow1Border : string;
|
|
201
201
|
export const ColorRainbow1Icon : string;
|
|
@@ -512,10 +512,6 @@ export const ComponentsFieldTimeTextActive : string;
|
|
|
512
512
|
export const ComponentsFieldTimeBorderActive : string;
|
|
513
513
|
export const ComponentsCalendarBorder : string;
|
|
514
514
|
export const ComponentsCalendarHeaderText : string;
|
|
515
|
-
export const ComponentsCalendarWeeksBackground : string;
|
|
516
|
-
export const ComponentsCalendarWeeksBackgroundHover : string;
|
|
517
|
-
export const ComponentsCalendarWeeksText : string;
|
|
518
|
-
export const ComponentsCalendarWeeksTextHover : string;
|
|
519
515
|
export const ComponentsCalendarCellBackground : string;
|
|
520
516
|
export const ComponentsCalendarCellBackgroundSelected : string;
|
|
521
517
|
export const ComponentsCalendarCellBackgroundInRange : string;
|
|
@@ -530,6 +526,10 @@ export const ComponentsCalendarCellTextInRange : string;
|
|
|
530
526
|
export const ComponentsCalendarCellTextHover : string;
|
|
531
527
|
export const ComponentsCalendarCellTextOutsideMonth : string;
|
|
532
528
|
export const ComponentsCalendarCellTextToday : string;
|
|
529
|
+
export const ComponentsCalendarWeeksBackground : string;
|
|
530
|
+
export const ComponentsCalendarWeeksBackgroundHover : string;
|
|
531
|
+
export const ComponentsCalendarWeeksText : string;
|
|
532
|
+
export const ComponentsCalendarWeeksTextHover : string;
|
|
533
533
|
export const ComponentsCalendarBackground : string;
|
|
534
534
|
export const ComponentsMenuContextualBackground : string;
|
|
535
535
|
export const ComponentsMenuContextualBorder : string;
|
package/dist/js/spark_light.js
CHANGED
|
@@ -2,66 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
6
|
-
export const ColorInteractionContainerNeutralBackgroundHover = "#f6f6f6";
|
|
7
|
-
export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
|
|
8
|
-
export const ColorInteractionContainerNeutralBorder = "#6d6d6d";
|
|
9
|
-
export const ColorInteractionContainerNeutralBorderActive = "#bf451a";
|
|
10
|
-
export const ColorInteractionContainerNeutralBorderHover = "#414141";
|
|
11
|
-
export const ColorInteractionContainerNeutralIcon = "#6d6d6d";
|
|
12
|
-
export const ColorInteractionContainerNeutralIconActive = "#bf451a";
|
|
13
|
-
export const ColorInteractionContainerNeutralIconHover = "#414141";
|
|
14
|
-
export const ColorInteractionContainerNeutralText = "#6d6d6d";
|
|
15
|
-
export const ColorInteractionContainerNeutralTextActive = "#bf451a";
|
|
16
|
-
export const ColorInteractionContainerNeutralTextHover = "#414141";
|
|
17
|
-
export const ColorInteractionContainerBrandedHighBackground = "#e75420";
|
|
18
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
|
|
19
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
|
|
20
|
-
export const ColorInteractionContainerBrandedHighBorder = "#e75420";
|
|
21
|
-
export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
|
|
22
|
-
export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
|
|
23
|
-
export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
|
|
24
|
-
export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
|
|
25
|
-
export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
|
|
26
|
-
export const ColorInteractionContainerBrandedHighText = "#ffffff";
|
|
27
|
-
export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
|
|
28
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
|
|
29
|
-
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
30
|
-
export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
|
|
31
|
-
export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
|
|
32
|
-
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
33
|
-
export const ColorInteractionContainerBrandedLowBorderActive = "#bf451a";
|
|
34
|
-
export const ColorInteractionContainerBrandedLowBorderHover = "#bf451a";
|
|
35
|
-
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
36
|
-
export const ColorInteractionContainerBrandedLowIconActive = "#bf451a";
|
|
37
|
-
export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
|
|
38
|
-
export const ColorInteractionContainerBrandedLowText = "#e75420";
|
|
39
|
-
export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
|
|
40
|
-
export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
|
|
41
|
-
export const ColorInteractionLinkHighIcon = "#bf451a";
|
|
42
|
-
export const ColorInteractionLinkHighIconHover = "#963715";
|
|
43
|
-
export const ColorInteractionLinkHighIconInactive = "#6d6d6d";
|
|
44
|
-
export const ColorInteractionLinkHighIconVisited = "#963715";
|
|
45
|
-
export const ColorInteractionLinkHighText = "#bf451a";
|
|
46
|
-
export const ColorInteractionLinkHighTextHover = "#963715";
|
|
47
|
-
export const ColorInteractionLinkHighTextDisabled = "#6d6d6d";
|
|
48
|
-
export const ColorInteractionLinkHighTextVisited = "#963715";
|
|
49
|
-
export const ColorInteractionLinkLowIcon = "#1d1d1d";
|
|
50
|
-
export const ColorInteractionLinkLowIconHover = "#963715";
|
|
51
|
-
export const ColorInteractionLinkLowIconDisabled = "#6d6d6d";
|
|
52
|
-
export const ColorInteractionLinkLowIconVisited = "#963715";
|
|
53
|
-
export const ColorInteractionLinkLowText = "#1d1d1d";
|
|
54
|
-
export const ColorInteractionLinkLowTextHover = "#963715";
|
|
55
|
-
export const ColorInteractionLinkLowTextDisabled = "#6d6d6d";
|
|
56
|
-
export const ColorInteractionLinkLowTextVisited = "#963715";
|
|
57
|
-
export const ColorInteractionLinkInvertedIcon = "#919191";
|
|
58
|
-
export const ColorInteractionLinkInvertedIconHover = "#e75420";
|
|
59
|
-
export const ColorInteractionLinkInvertedIconDisabled = "#6d6d6d";
|
|
60
|
-
export const ColorInteractionLinkInvertedIconVisited = "#963715";
|
|
61
|
-
export const ColorInteractionLinkInvertedText = "#919191";
|
|
62
|
-
export const ColorInteractionLinkInvertedTextHover = "#e75420";
|
|
63
|
-
export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
|
|
64
|
-
export const ColorInteractionLinkInvertedTextVisited = "#963715";
|
|
65
5
|
export const ColorBlack = "#000000";
|
|
66
6
|
export const ColorWhite = "#ffffff";
|
|
67
7
|
export const ColorTransparent = "#ffffff";
|
|
@@ -196,6 +136,66 @@ export const ColorFocusBackgroundInverted = "#0e0e0e";
|
|
|
196
136
|
export const ColorFocusDestructive = "#ff6161";
|
|
197
137
|
export const ColorFocusDestructiveInField = "#bb1919";
|
|
198
138
|
export const ColorFocusSuccess = "#008207";
|
|
139
|
+
export const ColorInteractionContainerBrandedHighBackground = "#e75420";
|
|
140
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
|
|
141
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
|
|
142
|
+
export const ColorInteractionContainerBrandedHighBorder = "#e75420";
|
|
143
|
+
export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
|
|
144
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
|
|
145
|
+
export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
|
|
146
|
+
export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
|
|
147
|
+
export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
|
|
148
|
+
export const ColorInteractionContainerBrandedHighText = "#ffffff";
|
|
149
|
+
export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
|
|
150
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
|
|
151
|
+
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
152
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
|
|
153
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
|
|
154
|
+
export const ColorInteractionContainerBrandedLowBorder = "#e75420";
|
|
155
|
+
export const ColorInteractionContainerBrandedLowBorderActive = "#bf451a";
|
|
156
|
+
export const ColorInteractionContainerBrandedLowBorderHover = "#bf451a";
|
|
157
|
+
export const ColorInteractionContainerBrandedLowIcon = "#e75420";
|
|
158
|
+
export const ColorInteractionContainerBrandedLowIconActive = "#bf451a";
|
|
159
|
+
export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
|
|
160
|
+
export const ColorInteractionContainerBrandedLowText = "#e75420";
|
|
161
|
+
export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
|
|
162
|
+
export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
|
|
163
|
+
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
164
|
+
export const ColorInteractionContainerNeutralBackgroundHover = "#f6f6f6";
|
|
165
|
+
export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
|
|
166
|
+
export const ColorInteractionContainerNeutralBorder = "#6d6d6d";
|
|
167
|
+
export const ColorInteractionContainerNeutralBorderActive = "#bf451a";
|
|
168
|
+
export const ColorInteractionContainerNeutralBorderHover = "#414141";
|
|
169
|
+
export const ColorInteractionContainerNeutralIcon = "#6d6d6d";
|
|
170
|
+
export const ColorInteractionContainerNeutralIconActive = "#bf451a";
|
|
171
|
+
export const ColorInteractionContainerNeutralIconHover = "#414141";
|
|
172
|
+
export const ColorInteractionContainerNeutralText = "#6d6d6d";
|
|
173
|
+
export const ColorInteractionContainerNeutralTextActive = "#bf451a";
|
|
174
|
+
export const ColorInteractionContainerNeutralTextHover = "#414141";
|
|
175
|
+
export const ColorInteractionLinkHighIcon = "#bf451a";
|
|
176
|
+
export const ColorInteractionLinkHighIconHover = "#963715";
|
|
177
|
+
export const ColorInteractionLinkHighIconInactive = "#6d6d6d";
|
|
178
|
+
export const ColorInteractionLinkHighIconVisited = "#963715";
|
|
179
|
+
export const ColorInteractionLinkHighText = "#bf451a";
|
|
180
|
+
export const ColorInteractionLinkHighTextHover = "#963715";
|
|
181
|
+
export const ColorInteractionLinkHighTextDisabled = "#6d6d6d";
|
|
182
|
+
export const ColorInteractionLinkHighTextVisited = "#963715";
|
|
183
|
+
export const ColorInteractionLinkLowIcon = "#1d1d1d";
|
|
184
|
+
export const ColorInteractionLinkLowIconHover = "#963715";
|
|
185
|
+
export const ColorInteractionLinkLowIconDisabled = "#6d6d6d";
|
|
186
|
+
export const ColorInteractionLinkLowIconVisited = "#963715";
|
|
187
|
+
export const ColorInteractionLinkLowText = "#1d1d1d";
|
|
188
|
+
export const ColorInteractionLinkLowTextHover = "#963715";
|
|
189
|
+
export const ColorInteractionLinkLowTextDisabled = "#6d6d6d";
|
|
190
|
+
export const ColorInteractionLinkLowTextVisited = "#963715";
|
|
191
|
+
export const ColorInteractionLinkInvertedIcon = "#919191";
|
|
192
|
+
export const ColorInteractionLinkInvertedIconHover = "#e75420";
|
|
193
|
+
export const ColorInteractionLinkInvertedIconDisabled = "#6d6d6d";
|
|
194
|
+
export const ColorInteractionLinkInvertedIconVisited = "#963715";
|
|
195
|
+
export const ColorInteractionLinkInvertedText = "#919191";
|
|
196
|
+
export const ColorInteractionLinkInvertedTextHover = "#e75420";
|
|
197
|
+
export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
|
|
198
|
+
export const ColorInteractionLinkInvertedTextVisited = "#963715";
|
|
199
199
|
export const ColorRainbow1Background = "#fdefe2";
|
|
200
200
|
export const ColorRainbow1Border = "#9c5311";
|
|
201
201
|
export const ColorRainbow1Icon = "#9c5311";
|
|
@@ -512,10 +512,6 @@ export const ComponentsFieldTimeTextActive = "#bf451a";
|
|
|
512
512
|
export const ComponentsFieldTimeBorderActive = "#bf451a";
|
|
513
513
|
export const ComponentsCalendarBorder = "#e3e3e3";
|
|
514
514
|
export const ComponentsCalendarHeaderText = "#1d1d1d";
|
|
515
|
-
export const ComponentsCalendarWeeksBackground = "#f6f6f6";
|
|
516
|
-
export const ComponentsCalendarWeeksBackgroundHover = "#ededed";
|
|
517
|
-
export const ComponentsCalendarWeeksText = "#1d1d1d";
|
|
518
|
-
export const ComponentsCalendarWeeksTextHover = "#1d1d1d";
|
|
519
515
|
export const ComponentsCalendarCellBackground = "#ffffff";
|
|
520
516
|
export const ComponentsCalendarCellBackgroundSelected = "#bf451a";
|
|
521
517
|
export const ComponentsCalendarCellBackgroundInRange = "#fceae3";
|
|
@@ -530,6 +526,10 @@ export const ComponentsCalendarCellTextInRange = "#bf451a";
|
|
|
530
526
|
export const ComponentsCalendarCellTextHover = "#414141";
|
|
531
527
|
export const ComponentsCalendarCellTextOutsideMonth = "#a9a9a9";
|
|
532
528
|
export const ComponentsCalendarCellTextToday = "#1d1d1d";
|
|
529
|
+
export const ComponentsCalendarWeeksBackground = "#f6f6f6";
|
|
530
|
+
export const ComponentsCalendarWeeksBackgroundHover = "#ededed";
|
|
531
|
+
export const ComponentsCalendarWeeksText = "#1d1d1d";
|
|
532
|
+
export const ComponentsCalendarWeeksTextHover = "#1d1d1d";
|
|
533
533
|
export const ComponentsCalendarBackground = "#ffffff";
|
|
534
534
|
export const ComponentsMenuContextualBackground = "#ffffff";
|
|
535
535
|
export const ComponentsMenuContextualBorder = "#e3e3e3";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-base",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.21.1-beta.0",
|
|
4
4
|
"description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
|
|
5
5
|
"author": "Elia Group",
|
|
6
6
|
"homepage": "https://nova.eliagroup.io",
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
"generate-css-utils": "tailwindcss -i ./plugin/tailwind.css -o ./dist/css/nova-utils.css",
|
|
16
16
|
"generate-tailwind-tokens": "tsx scripts/generate-tailwind-tokens.ts",
|
|
17
17
|
"generate-tailwind-components": "tsx scripts/generate-tailwind-components.ts",
|
|
18
|
+
"analyze-component-tokens": "tsx scripts/analyze-component-tokens.ts",
|
|
18
19
|
"build-lib": "tsc && tsc --module CommonJS --moduleResolution Node --declaration false --outDir ./dist/cjs",
|
|
19
20
|
"merge-css": "tsx scripts/merge-css.ts",
|
|
20
21
|
"build": "npm run clean && tsx scripts/generate-tokens.ts && npm run generate-tailwind-components && npm run merge-css && npm run generate-tailwind-tokens && npm run generate-css-utils && npm run build-lib",
|