@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.
Files changed (19) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/assets/nova-fonts.css +10 -1
  3. package/dist/cjs/generated/nova-tailwind-components.js +8 -1
  4. package/dist/css/nova-utils.css +5 -0
  5. package/dist/css/ocean.css +168 -126
  6. package/dist/css/spark.css +170 -128
  7. package/dist/generated/nova-tailwind-components.d.ts +5 -1
  8. package/dist/generated/nova-tailwind-components.js +8 -1
  9. package/dist/js/ocean_dark.d.ts +64 -64
  10. package/dist/js/ocean_dark.js +71 -71
  11. package/dist/js/ocean_light.d.ts +64 -64
  12. package/dist/js/ocean_light.js +64 -64
  13. package/dist/js/spacings.d.ts +50 -8
  14. package/dist/js/spacings.js +50 -8
  15. package/dist/js/spark_dark.d.ts +64 -64
  16. package/dist/js/spark_dark.js +72 -72
  17. package/dist/js/spark_light.d.ts +64 -64
  18. package/dist/js/spark_light.js +64 -64
  19. package/package.json +2 -1
package/dist/js/ocean_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 = "#f5f6f7";
7
- export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
8
- export const ColorInteractionContainerNeutralBorder = "#617177";
9
- export const ColorInteractionContainerNeutralBorderActive = "#185963";
10
- export const ColorInteractionContainerNeutralBorderHover = "#34464d";
11
- export const ColorInteractionContainerNeutralIcon = "#617177";
12
- export const ColorInteractionContainerNeutralIconActive = "#185963";
13
- export const ColorInteractionContainerNeutralIconHover = "#34464d";
14
- export const ColorInteractionContainerNeutralText = "#617177";
15
- export const ColorInteractionContainerNeutralTextActive = "#185963";
16
- export const ColorInteractionContainerNeutralTextHover = "#34464d";
17
- export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
18
- export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
19
- export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
20
- export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
21
- export const ColorInteractionContainerBrandedHighBorderActive = "#185963";
22
- export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
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 = "#e4f0f2";
31
- export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
32
- export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
33
- export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
34
- export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
35
- export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
36
- export const ColorInteractionContainerBrandedLowIconActive = "#185963";
37
- export const ColorInteractionContainerBrandedLowIconHover = "#185963";
38
- export const ColorInteractionContainerBrandedLowText = "#1f717d";
39
- export const ColorInteractionContainerBrandedLowTextActive = "#185963";
40
- export const ColorInteractionContainerBrandedLowTextHover = "#185963";
41
- export const ColorInteractionLinkHighIcon = "#1f717d";
42
- export const ColorInteractionLinkHighIconHover = "#185963";
43
- export const ColorInteractionLinkHighIconInactive = "#617177";
44
- export const ColorInteractionLinkHighIconVisited = "#185963";
45
- export const ColorInteractionLinkHighText = "#1f717d";
46
- export const ColorInteractionLinkHighTextHover = "#185963";
47
- export const ColorInteractionLinkHighTextDisabled = "#617177";
48
- export const ColorInteractionLinkHighTextVisited = "#185963";
49
- export const ColorInteractionLinkLowIcon = "#171f22";
50
- export const ColorInteractionLinkLowIconHover = "#185963";
51
- export const ColorInteractionLinkLowIconDisabled = "#617177";
52
- export const ColorInteractionLinkLowIconVisited = "#185963";
53
- export const ColorInteractionLinkLowText = "#171f22";
54
- export const ColorInteractionLinkLowTextHover = "#185963";
55
- export const ColorInteractionLinkLowTextDisabled = "#617177";
56
- export const ColorInteractionLinkLowTextVisited = "#185963";
57
- export const ColorInteractionLinkInvertedIcon = "#889499";
58
- export const ColorInteractionLinkInvertedIconHover = "#258998";
59
- export const ColorInteractionLinkInvertedIconDisabled = "#617177";
60
- export const ColorInteractionLinkInvertedIconVisited = "#185963";
61
- export const ColorInteractionLinkInvertedText = "#889499";
62
- export const ColorInteractionLinkInvertedTextHover = "#258998";
63
- export const ColorInteractionLinkInvertedTextInactive = "#617177";
64
- export const ColorInteractionLinkInvertedTextVisited = "#185963";
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 = "#0b0f11";
196
136
  export const ColorFocusDestructive = "#ff6161";
197
137
  export const ColorFocusDestructiveInField = "#bb1919";
198
138
  export const ColorFocusSuccess = "#008207";
139
+ export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
140
+ export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
141
+ export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
142
+ export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
143
+ export const ColorInteractionContainerBrandedHighBorderActive = "#185963";
144
+ export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
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 = "#e4f0f2";
153
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
154
+ export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
155
+ export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
156
+ export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
157
+ export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
158
+ export const ColorInteractionContainerBrandedLowIconActive = "#185963";
159
+ export const ColorInteractionContainerBrandedLowIconHover = "#185963";
160
+ export const ColorInteractionContainerBrandedLowText = "#1f717d";
161
+ export const ColorInteractionContainerBrandedLowTextActive = "#185963";
162
+ export const ColorInteractionContainerBrandedLowTextHover = "#185963";
163
+ export const ColorInteractionContainerNeutralBackground = "#ffffff";
164
+ export const ColorInteractionContainerNeutralBackgroundHover = "#f5f6f7";
165
+ export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
166
+ export const ColorInteractionContainerNeutralBorder = "#617177";
167
+ export const ColorInteractionContainerNeutralBorderActive = "#185963";
168
+ export const ColorInteractionContainerNeutralBorderHover = "#34464d";
169
+ export const ColorInteractionContainerNeutralIcon = "#617177";
170
+ export const ColorInteractionContainerNeutralIconActive = "#185963";
171
+ export const ColorInteractionContainerNeutralIconHover = "#34464d";
172
+ export const ColorInteractionContainerNeutralText = "#617177";
173
+ export const ColorInteractionContainerNeutralTextActive = "#185963";
174
+ export const ColorInteractionContainerNeutralTextHover = "#34464d";
175
+ export const ColorInteractionLinkHighIcon = "#1f717d";
176
+ export const ColorInteractionLinkHighIconHover = "#185963";
177
+ export const ColorInteractionLinkHighIconInactive = "#617177";
178
+ export const ColorInteractionLinkHighIconVisited = "#185963";
179
+ export const ColorInteractionLinkHighText = "#1f717d";
180
+ export const ColorInteractionLinkHighTextHover = "#185963";
181
+ export const ColorInteractionLinkHighTextDisabled = "#617177";
182
+ export const ColorInteractionLinkHighTextVisited = "#185963";
183
+ export const ColorInteractionLinkLowIcon = "#171f22";
184
+ export const ColorInteractionLinkLowIconHover = "#185963";
185
+ export const ColorInteractionLinkLowIconDisabled = "#617177";
186
+ export const ColorInteractionLinkLowIconVisited = "#185963";
187
+ export const ColorInteractionLinkLowText = "#171f22";
188
+ export const ColorInteractionLinkLowTextHover = "#185963";
189
+ export const ColorInteractionLinkLowTextDisabled = "#617177";
190
+ export const ColorInteractionLinkLowTextVisited = "#185963";
191
+ export const ColorInteractionLinkInvertedIcon = "#889499";
192
+ export const ColorInteractionLinkInvertedIconHover = "#258998";
193
+ export const ColorInteractionLinkInvertedIconDisabled = "#617177";
194
+ export const ColorInteractionLinkInvertedIconVisited = "#185963";
195
+ export const ColorInteractionLinkInvertedText = "#889499";
196
+ export const ColorInteractionLinkInvertedTextHover = "#258998";
197
+ export const ColorInteractionLinkInvertedTextInactive = "#617177";
198
+ export const ColorInteractionLinkInvertedTextVisited = "#185963";
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 = "#185963";
512
512
  export const ComponentsFieldTimeBorderActive = "#185963";
513
513
  export const ComponentsCalendarBorder = "#e1e4e6";
514
514
  export const ComponentsCalendarHeaderText = "#171f22";
515
- export const ComponentsCalendarWeeksBackground = "#f5f6f7";
516
- export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
517
- export const ComponentsCalendarWeeksText = "#171f22";
518
- export const ComponentsCalendarWeeksTextHover = "#171f22";
519
515
  export const ComponentsCalendarCellBackground = "#ffffff";
520
516
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
521
517
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -530,6 +526,10 @@ export const ComponentsCalendarCellTextInRange = "#185963";
530
526
  export const ComponentsCalendarCellTextHover = "#34464d";
531
527
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
532
528
  export const ComponentsCalendarCellTextToday = "#171f22";
529
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
530
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
531
+ export const ComponentsCalendarWeeksText = "#171f22";
532
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
533
533
  export const ComponentsCalendarBackground = "#ffffff";
534
534
  export const ComponentsMenuContextualBackground = "#ffffff";
535
535
  export const ComponentsMenuContextualBorder = "#e1e4e6";
package/dist/js/spacings.d.ts CHANGED
@@ -30,6 +30,7 @@ export const ButtonXsRingRadius : string;
30
30
  export const ButtonXsBorderRadius : string;
31
31
  export const ButtonXsFontSize : string;
32
32
  export const ButtonXsGap : string;
33
+ export const ButtonXsHeight : string;
33
34
  export const ButtonXsIconButtonPadding : string;
34
35
  export const ButtonXsIconSize : string;
35
36
  export const ButtonXsLineHeight : string;
@@ -39,6 +40,7 @@ export const ButtonSmRingRadius : string;
39
40
  export const ButtonSmBorderRadius : string;
40
41
  export const ButtonSmFontSize : string;
41
42
  export const ButtonSmGap : string;
43
+ export const ButtonSmHeight : string;
42
44
  export const ButtonSmIconButtonPadding : string;
43
45
  export const ButtonSmIconSize : string;
44
46
  export const ButtonSmLineHeight : string;
@@ -48,6 +50,7 @@ export const ButtonMdRingRadius : string;
48
50
  export const ButtonMdBorderRadius : string;
49
51
  export const ButtonMdFontSize : string;
50
52
  export const ButtonMdGap : string;
53
+ export const ButtonMdHeight : string;
51
54
  export const ButtonMdIconButtonPadding : string;
52
55
  export const ButtonMdIconSize : string;
53
56
  export const ButtonMdLineHeight : string;
@@ -57,6 +60,7 @@ export const ButtonLgRingRadius : string;
57
60
  export const ButtonLgBorderRadius : string;
58
61
  export const ButtonLgFontSize : string;
59
62
  export const ButtonLgGap : string;
63
+ export const ButtonLgHeight : string;
60
64
  export const ButtonLgIconButtonPadding : string;
61
65
  export const ButtonLgIconSize : string;
62
66
  export const ButtonLgLineHeight : string;
@@ -189,6 +193,26 @@ export const MenuContextualGapY : string;
189
193
  export const MenuContextualPaddingX : string;
190
194
  export const MenuContextualPaddingY : string;
191
195
  export const MenuContextualRadius : string;
196
+ export const NavigationWidth : string;
197
+ export const NavigationReducedMaxWidth : string;
198
+ export const NavigationPrimaryNotificationBulletFontSize : string;
199
+ export const NavigationPrimaryNotificationBulletSize : string;
200
+ export const NavigationPrimaryNotificationBulletSizeReduced : string;
201
+ export const NavigationPrimaryNotificationBulletFontWeight : string;
202
+ export const NavigationPrimaryTitlePaddingX : string;
203
+ export const NavigationPrimaryTitlePaddingY : string;
204
+ export const NavigationPrimaryTitleFontSize : string;
205
+ export const NavigationPrimaryItemGapX : string;
206
+ export const NavigationPrimaryItemPaddingX : string;
207
+ export const NavigationPrimaryItemPaddingY : string;
208
+ export const NavigationPrimaryItemFontSize : string;
209
+ export const NavigationPrimaryItemIconSize : string;
210
+ export const NavigationPrimaryItemRadius : string;
211
+ export const NavigationPrimarySubItemPaddingLeftX : string;
212
+ export const NavigationPrimarySeparatorSize : string;
213
+ export const NavigationGapY : string;
214
+ export const NavigationCollapsibleButtonPadding : string;
215
+ export const NavigationCollapsibleButtonIconSize : string;
192
216
  export const PopoverFontWeight : string;
193
217
  export const PopoverShadow1X : string;
194
218
  export const PopoverShadow1Blur : string;
@@ -205,6 +229,26 @@ export const PopoverGapY : string;
205
229
  export const PopoverPaddingX : string;
206
230
  export const PopoverPaddingY : string;
207
231
  export const PopoverRadius : string;
232
+ export const SidebarWidth : string;
233
+ export const SidebarReducedMaxWidth : string;
234
+ export const SidebarPrimaryNotificationBulletFontSize : string;
235
+ export const SidebarPrimaryNotificationBulletSize : string;
236
+ export const SidebarPrimaryNotificationBulletSizeReduced : string;
237
+ export const SidebarPrimaryNotificationBulletFontWeight : string;
238
+ export const SidebarPrimaryTitlePaddingX : string;
239
+ export const SidebarPrimaryTitlePaddingY : string;
240
+ export const SidebarPrimaryTitleFontSize : string;
241
+ export const SidebarPrimaryItemGapX : string;
242
+ export const SidebarPrimaryItemPaddingX : string;
243
+ export const SidebarPrimaryItemPaddingY : string;
244
+ export const SidebarPrimaryItemFontSize : string;
245
+ export const SidebarPrimaryItemIconSize : string;
246
+ export const SidebarPrimaryItemRadius : string;
247
+ export const SidebarPrimarySubItemPaddingLeftX : string;
248
+ export const SidebarPrimarySeparatorSize : string;
249
+ export const SidebarGapY : string;
250
+ export const SidebarCollapsibleButtonPadding : string;
251
+ export const SidebarCollapsibleButtonIconSize : string;
208
252
  export const TogglegroupXsPadding : string;
209
253
  export const TogglegroupXsButtonPaddingY : string;
210
254
  export const TogglegroupXsButtonRadius : string;
@@ -359,14 +403,6 @@ export const LoaderSizeSm : string;
359
403
  export const LoaderSizeMd : string;
360
404
  export const LoaderSizeLg : string;
361
405
  export const LoaderSizeXl : string;
362
- export const NavigationPrimaryItemGapX : string;
363
- export const NavigationPrimaryItemPaddingX : string;
364
- export const NavigationPrimaryItemPaddingY : string;
365
- export const NavigationPrimaryItemFontSize : string;
366
- export const NavigationPrimaryItemIconSize : string;
367
- export const NavigationPrimaryItemRadius : string;
368
- export const NavigationPrimaryItemBulletFontSize : string;
369
- export const NavigationPrimaryItemBulletSize : string;
370
406
  export const NotificationIconSize : string;
371
407
  export const NotificationGapX : string;
372
408
  export const NotificationGapXTitle : string;
@@ -386,3 +422,9 @@ export const NotificationTimestampLineHeight : string;
386
422
  export const NotificationTitleFontSize : string;
387
423
  export const NotificationTitleFontWeight : string;
388
424
  export const NotificationTitleLineHeight : string;
425
+ export const PaginationTableFontSize : string;
426
+ export const PaginationTableGapX : string;
427
+ export const PaginationTableHeight : string;
428
+ export const PaginationTablePaddingLeft : string;
429
+ export const PaginationTablePaddingX : string;
430
+ export const PaginationTablePaddingY : string;
package/dist/js/spacings.js CHANGED
@@ -30,6 +30,7 @@ export const ButtonXsRingRadius = "3.0000px";
30
30
  export const ButtonXsBorderRadius = "2.0000px";
31
31
  export const ButtonXsFontSize = "12.0000px";
32
32
  export const ButtonXsGap = "4.0000px";
33
+ export const ButtonXsHeight = "24.0000px";
33
34
  export const ButtonXsIconButtonPadding = "6.0000px";
34
35
  export const ButtonXsIconSize = "12.0000px";
35
36
  export const ButtonXsLineHeight = "16.0000px";
@@ -39,6 +40,7 @@ export const ButtonSmRingRadius = "5.0000px";
39
40
  export const ButtonSmBorderRadius = "4.0000px";
40
41
  export const ButtonSmFontSize = "14.0000px";
41
42
  export const ButtonSmGap = "6.0000px";
43
+ export const ButtonSmHeight = "32.0000px";
42
44
  export const ButtonSmIconButtonPadding = "8.0000px";
43
45
  export const ButtonSmIconSize = "16.0000px";
44
46
  export const ButtonSmLineHeight = "20.0000px";
@@ -48,6 +50,7 @@ export const ButtonMdRingRadius = "7.0000px";
48
50
  export const ButtonMdBorderRadius = "6.0000px";
49
51
  export const ButtonMdFontSize = "16.0000px";
50
52
  export const ButtonMdGap = "8.0000px";
53
+ export const ButtonMdHeight = "40.0000px";
51
54
  export const ButtonMdIconButtonPadding = "10.0000px";
52
55
  export const ButtonMdIconSize = "20.0000px";
53
56
  export const ButtonMdLineHeight = "24.0000px";
@@ -57,6 +60,7 @@ export const ButtonLgRingRadius = "9.0000px";
57
60
  export const ButtonLgBorderRadius = "8.0000px";
58
61
  export const ButtonLgFontSize = "18.0000px";
59
62
  export const ButtonLgGap = "8.0000px";
63
+ export const ButtonLgHeight = "48.0000px";
60
64
  export const ButtonLgIconButtonPadding = "12.0000px";
61
65
  export const ButtonLgIconSize = "24.0000px";
62
66
  export const ButtonLgLineHeight = "28.0000px";
@@ -189,6 +193,26 @@ export const MenuContextualGapY = "2.0000px";
189
193
  export const MenuContextualPaddingX = "4.0000px";
190
194
  export const MenuContextualPaddingY = "4.0000px";
191
195
  export const MenuContextualRadius = "6.0000px";
196
+ export const NavigationWidth = "312.0000px";
197
+ export const NavigationReducedMaxWidth = "100.0000px";
198
+ export const NavigationPrimaryNotificationBulletFontSize = "9.0000px";
199
+ export const NavigationPrimaryNotificationBulletSize = "16.0000px";
200
+ export const NavigationPrimaryNotificationBulletSizeReduced = "6.0000px";
201
+ export const NavigationPrimaryNotificationBulletFontWeight = "500";
202
+ export const NavigationPrimaryTitlePaddingX = "12.0000px";
203
+ export const NavigationPrimaryTitlePaddingY = "4.0000px";
204
+ export const NavigationPrimaryTitleFontSize = "14.0000px";
205
+ export const NavigationPrimaryItemGapX = "8.0000px";
206
+ export const NavigationPrimaryItemPaddingX = "12.0000px";
207
+ export const NavigationPrimaryItemPaddingY = "8.0000px";
208
+ export const NavigationPrimaryItemFontSize = "16.0000px";
209
+ export const NavigationPrimaryItemIconSize = "20.0000px";
210
+ export const NavigationPrimaryItemRadius = "6.0000px";
211
+ export const NavigationPrimarySubItemPaddingLeftX = "28.0000px";
212
+ export const NavigationPrimarySeparatorSize = "1.0000px";
213
+ export const NavigationGapY = "12.0000px";
214
+ export const NavigationCollapsibleButtonPadding = "8.0000px";
215
+ export const NavigationCollapsibleButtonIconSize = "16.0000px";
192
216
  export const PopoverFontWeight = "500";
193
217
  export const PopoverShadow1X = "0.0000px";
194
218
  export const PopoverShadow1Blur = "1.0000px";
@@ -205,6 +229,26 @@ export const PopoverGapY = "4.0000px";
205
229
  export const PopoverPaddingX = "8.0000px";
206
230
  export const PopoverPaddingY = "8.0000px";
207
231
  export const PopoverRadius = "6.0000px";
232
+ export const SidebarWidth = "312.0000px";
233
+ export const SidebarReducedMaxWidth = "100.0000px";
234
+ export const SidebarPrimaryNotificationBulletFontSize = "9.0000px";
235
+ export const SidebarPrimaryNotificationBulletSize = "16.0000px";
236
+ export const SidebarPrimaryNotificationBulletSizeReduced = "6.0000px";
237
+ export const SidebarPrimaryNotificationBulletFontWeight = "500";
238
+ export const SidebarPrimaryTitlePaddingX = "12.0000px";
239
+ export const SidebarPrimaryTitlePaddingY = "4.0000px";
240
+ export const SidebarPrimaryTitleFontSize = "14.0000px";
241
+ export const SidebarPrimaryItemGapX = "8.0000px";
242
+ export const SidebarPrimaryItemPaddingX = "12.0000px";
243
+ export const SidebarPrimaryItemPaddingY = "8.0000px";
244
+ export const SidebarPrimaryItemFontSize = "16.0000px";
245
+ export const SidebarPrimaryItemIconSize = "20.0000px";
246
+ export const SidebarPrimaryItemRadius = "6.0000px";
247
+ export const SidebarPrimarySubItemPaddingLeftX = "28.0000px";
248
+ export const SidebarPrimarySeparatorSize = "1.0000px";
249
+ export const SidebarGapY = "12.0000px";
250
+ export const SidebarCollapsibleButtonPadding = "8.0000px";
251
+ export const SidebarCollapsibleButtonIconSize = "16.0000px";
208
252
  export const TogglegroupXsPadding = "3.0000px";
209
253
  export const TogglegroupXsButtonPaddingY = "1.0000px";
210
254
  export const TogglegroupXsButtonRadius = "1.0000px";
@@ -359,14 +403,6 @@ export const LoaderSizeSm = "20.0000px";
359
403
  export const LoaderSizeMd = "24.0000px";
360
404
  export const LoaderSizeLg = "28.0000px";
361
405
  export const LoaderSizeXl = "32.0000px";
362
- export const NavigationPrimaryItemGapX = "8.0000px";
363
- export const NavigationPrimaryItemPaddingX = "12.0000px";
364
- export const NavigationPrimaryItemPaddingY = "8.0000px";
365
- export const NavigationPrimaryItemFontSize = "16.0000px";
366
- export const NavigationPrimaryItemIconSize = "20.0000px";
367
- export const NavigationPrimaryItemRadius = "6.0000px";
368
- export const NavigationPrimaryItemBulletFontSize = "12.0000px";
369
- export const NavigationPrimaryItemBulletSize = "20.0000px";
370
406
  export const NotificationIconSize = "20.0000px";
371
407
  export const NotificationGapX = "12.0000px";
372
408
  export const NotificationGapXTitle = "8.0000px";
@@ -386,3 +422,9 @@ export const NotificationTimestampLineHeight = "20.0000px";
386
422
  export const NotificationTitleFontSize = "14.0000px";
387
423
  export const NotificationTitleFontWeight = "500";
388
424
  export const NotificationTitleLineHeight = "20.0000px";
425
+ export const PaginationTableFontSize = "14.0000px";
426
+ export const PaginationTableGapX = "32.0000px";
427
+ export const PaginationTableHeight = "36.0000px";
428
+ export const PaginationTablePaddingLeft = "12.0000px";
429
+ export const PaginationTablePaddingX = "12.0000px";
430
+ export const PaginationTablePaddingY = "8.0000px";
package/dist/js/spark_dark.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;