@nova-design-system/nova-base 3.21.1-beta.0 → 3.23.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 (18) hide show
  1. package/assets/nova-fonts.css +3 -3
  2. package/dist/cjs/generated/nova-tailwind-components.js +0 -1
  3. package/dist/css/nova-utils.css +0 -2
  4. package/dist/css/ocean.css +232 -162
  5. package/dist/css/spark.css +234 -164
  6. package/dist/generated/nova-tailwind-components.d.ts +0 -1
  7. package/dist/generated/nova-tailwind-components.js +0 -1
  8. package/dist/js/ocean_dark.d.ts +79 -64
  9. package/dist/js/ocean_dark.js +86 -71
  10. package/dist/js/ocean_light.d.ts +79 -64
  11. package/dist/js/ocean_light.js +79 -64
  12. package/dist/js/spacings.d.ts +84 -44
  13. package/dist/js/spacings.js +84 -44
  14. package/dist/js/spark_dark.d.ts +79 -64
  15. package/dist/js/spark_dark.js +87 -72
  16. package/dist/js/spark_light.d.ts +79 -64
  17. package/dist/js/spark_light.js +79 -64
  18. package/package.json +1 -1
package/dist/js/spark_light.js CHANGED
@@ -2,6 +2,66 @@
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";
5
65
  export const ColorBlack = "#000000";
6
66
  export const ColorWhite = "#ffffff";
7
67
  export const ColorTransparent = "#ffffff";
@@ -136,66 +196,6 @@ export const ColorFocusBackgroundInverted = "#0e0e0e";
136
196
  export const ColorFocusDestructive = "#ff6161";
137
197
  export const ColorFocusDestructiveInField = "#bb1919";
138
198
  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,6 +512,10 @@ 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";
515
519
  export const ComponentsCalendarCellBackground = "#ffffff";
516
520
  export const ComponentsCalendarCellBackgroundSelected = "#bf451a";
517
521
  export const ComponentsCalendarCellBackgroundInRange = "#fceae3";
@@ -526,10 +530,6 @@ export const ComponentsCalendarCellTextInRange = "#bf451a";
526
530
  export const ComponentsCalendarCellTextHover = "#414141";
527
531
  export const ComponentsCalendarCellTextOutsideMonth = "#a9a9a9";
528
532
  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";
@@ -561,6 +561,9 @@ export const ComponentsPopoverBackground = "#ffffff";
561
561
  export const ComponentsPopoverBorder = "#e3e3e3";
562
562
  export const ComponentsPopoverText = "#414141";
563
563
  export const ComponentsPopoverSupportingText = "#6d6d6d";
564
+ export const ComponentsSidebarBackground = "#ffffff";
565
+ export const ComponentsSidebarDivider = "#e3e3e3";
566
+ export const ComponentsSidebarBorder = "#e3e3e3";
564
567
  export const ComponentsSliderTrackBackground = "#e3e3e3";
565
568
  export const ComponentsSliderTrackFilledDefault = "#bfbfbf";
566
569
  export const ComponentsSliderTrackFilledHover = "#919191";
@@ -580,6 +583,18 @@ export const ComponentsSliderHandlerBorderFocus = "#e75420";
580
583
  export const ComponentsSliderHandlerBorderError = "#bb1919";
581
584
  export const ComponentsSliderHandlerBorderDisabled = "#f6f6f6";
582
585
  export const ComponentsSliderHandlerBorderReadonly = "#fbfbfb";
586
+ export const ComponentsSplitterOldBackground = "#ffffff";
587
+ export const ComponentsSplitterOldBackgroundHover = "#f6f6f6";
588
+ export const ComponentsSplitterOldBackgroundActive = "#fceae3";
589
+ export const ComponentsSplitterOldBorder = "#ffffff";
590
+ export const ComponentsSplitterOldBorderHover = "#414141";
591
+ export const ComponentsSplitterOldBorderActive = "#bf451a";
592
+ export const ComponentsSplitterLineBackground = "#f6f6f6";
593
+ export const ComponentsSplitterLineBackgroundActive = "#bf451a";
594
+ export const ComponentsSplitterLineBackgroundHover = "#fceae3";
595
+ export const ComponentsSplitterHandleBackground = "#e3e3e3";
596
+ export const ComponentsSplitterHandleBackgroundActive = "#bf451a";
597
+ export const ComponentsSplitterHandleBackgroundHover = "#bf451a";
583
598
  export const ComponentsTooltipBackground = "#0e0e0e";
584
599
  export const ComponentsTooltipBorder = "#0e0e0e";
585
600
  export const ComponentsTooltipText = "#f6f6f6";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.21.1-beta.0",
3
+ "version": "3.23.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",