@nova-design-system/nova-base 3.31.0 → 3.31.1-beta.1
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/dist/css/ocean.css +2071 -2071
- package/dist/css/spark.css +2071 -2071
- package/dist/js/ocean_dark.d.ts +635 -635
- package/dist/js/ocean_dark.js +35 -35
- package/dist/js/ocean_light.d.ts +635 -635
- package/dist/js/ocean_light.js +35 -35
- package/dist/js/primitives.d.ts +276 -276
- package/dist/js/spacings.d.ts +484 -484
- package/dist/js/spacings.js +2 -2
- package/dist/js/spark_dark.d.ts +635 -635
- package/dist/js/spark_dark.js +36 -36
- package/dist/js/spark_light.d.ts +635 -635
- package/dist/js/spark_light.js +34 -34
- package/package.json +2 -2
package/dist/js/spark_dark.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerNeutralBackground = "#
|
|
5
|
+
export const ColorInteractionContainerNeutralBackground = "#00000000";
|
|
6
6
|
export const ColorInteractionContainerNeutralBackgroundHover = "#1d1d1d";
|
|
7
7
|
export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
|
|
8
8
|
export const ColorInteractionContainerNeutralBorder = "#808080";
|
|
@@ -64,7 +64,7 @@ export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
|
|
|
64
64
|
export const ColorInteractionLinkInvertedTextVisited = "#eb7247";
|
|
65
65
|
export const ColorBlack = "#000000";
|
|
66
66
|
export const ColorWhite = "#ffffff";
|
|
67
|
-
export const ColorTransparent = "#
|
|
67
|
+
export const ColorTransparent = "#ffffff00";
|
|
68
68
|
export const ColorLevel10Background = "#1d1d1d";
|
|
69
69
|
export const ColorLevel15Background = "#252525";
|
|
70
70
|
export const ColorLevel20Background = "#2b2b2b";
|
|
@@ -256,10 +256,10 @@ export const ColorDontUseContent = "#252525";
|
|
|
256
256
|
export const ColorDontUseBackground = "#0e0e0e";
|
|
257
257
|
export const OpacityDisabled = "50%";
|
|
258
258
|
export const OpacityDisabled2 = "0%";
|
|
259
|
-
export const ShadowColorOpacity0 = "#
|
|
260
|
-
export const ShadowColorOpacity1 = "#
|
|
261
|
-
export const ShadowColorOpacity2 = "#
|
|
262
|
-
export const ShadowColorOpacity3 = "#
|
|
259
|
+
export const ShadowColorOpacity0 = "#ffffff17";
|
|
260
|
+
export const ShadowColorOpacity1 = "#0e0e0e17";
|
|
261
|
+
export const ShadowColorOpacity2 = "#0e0e0e24";
|
|
262
|
+
export const ShadowColorOpacity3 = "#0e0e0e52";
|
|
263
263
|
export const ShadowBlurBase1 = "3.0000px";
|
|
264
264
|
export const ShadowBlurBase2 = "2.0000px";
|
|
265
265
|
export const ShadowBlurMd1 = "4.0000px";
|
|
@@ -285,9 +285,9 @@ export const ShadowYAxisLg2 = "10.0000px";
|
|
|
285
285
|
export const ShadowYAxisXl1 = "10.0000px";
|
|
286
286
|
export const ShadowYAxisXl2 = "20.0000px";
|
|
287
287
|
export const ShadowYAxis2xl = "25.0000px";
|
|
288
|
-
export const ComponentsButtonHighBorder = "#
|
|
289
|
-
export const ComponentsButtonHighBorderHover = "#
|
|
290
|
-
export const ComponentsButtonHighBorderActive = "#
|
|
288
|
+
export const ComponentsButtonHighBorder = "#ffffff00";
|
|
289
|
+
export const ComponentsButtonHighBorderHover = "#ffffff00";
|
|
290
|
+
export const ComponentsButtonHighBorderActive = "#ffffff00";
|
|
291
291
|
export const ComponentsButtonHighBackground = "#e75420";
|
|
292
292
|
export const ComponentsButtonHighBackgroundActive = "#eb7247";
|
|
293
293
|
export const ComponentsButtonHighBackgroundHover = "#eb7247";
|
|
@@ -297,10 +297,10 @@ export const ComponentsButtonHighTextHover = "#000000";
|
|
|
297
297
|
export const ComponentsButtonHighIcon = "#000000";
|
|
298
298
|
export const ComponentsButtonHighIconActive = "#000000";
|
|
299
299
|
export const ComponentsButtonHighIconHover = "#000000";
|
|
300
|
-
export const ComponentsButtonLowBackground = "#
|
|
301
|
-
export const ComponentsButtonLowBorder = "#
|
|
302
|
-
export const ComponentsButtonLowBorderActive = "#
|
|
303
|
-
export const ComponentsButtonLowBorderHover = "#
|
|
300
|
+
export const ComponentsButtonLowBackground = "#ffffff00";
|
|
301
|
+
export const ComponentsButtonLowBorder = "#ffffff00";
|
|
302
|
+
export const ComponentsButtonLowBorderActive = "#ffffff00";
|
|
303
|
+
export const ComponentsButtonLowBorderHover = "#ffffff00";
|
|
304
304
|
export const ComponentsButtonLowBackgroundActive = "#45190a";
|
|
305
305
|
export const ComponentsButtonLowBackgroundHover = "#45190a";
|
|
306
306
|
export const ComponentsButtonLowIcon = "#e75420";
|
|
@@ -309,10 +309,10 @@ export const ComponentsButtonLowIconHover = "#eb7247";
|
|
|
309
309
|
export const ComponentsButtonLowText = "#e75420";
|
|
310
310
|
export const ComponentsButtonLowTextActive = "#eb7247";
|
|
311
311
|
export const ComponentsButtonLowTextHover = "#eb7247";
|
|
312
|
-
export const ComponentsButtonLowerBorder = "#
|
|
313
|
-
export const ComponentsButtonLowerBorderActive = "#
|
|
314
|
-
export const ComponentsButtonLowerBorderHover = "#
|
|
315
|
-
export const ComponentsButtonLowerBackground = "#
|
|
312
|
+
export const ComponentsButtonLowerBorder = "#ffffff00";
|
|
313
|
+
export const ComponentsButtonLowerBorderActive = "#ffffff00";
|
|
314
|
+
export const ComponentsButtonLowerBorderHover = "#ffffff00";
|
|
315
|
+
export const ComponentsButtonLowerBackground = "#00000000";
|
|
316
316
|
export const ComponentsButtonLowerBackgroundActive = "#45190a";
|
|
317
317
|
export const ComponentsButtonLowerBackgroundHover = "#1d1d1d";
|
|
318
318
|
export const ComponentsButtonLowerIcon = "#808080";
|
|
@@ -321,8 +321,8 @@ export const ComponentsButtonLowerIconHover = "#bfbfbf";
|
|
|
321
321
|
export const ComponentsButtonLowerText = "#808080";
|
|
322
322
|
export const ComponentsButtonLowerTextActive = "#eb7247";
|
|
323
323
|
export const ComponentsButtonLowerTextHover = "#bfbfbf";
|
|
324
|
-
export const ComponentsButtonGrAsComplementaryBorder = "#
|
|
325
|
-
export const ComponentsButtonGrAsComplementaryBorderHover = "#
|
|
324
|
+
export const ComponentsButtonGrAsComplementaryBorder = "#ffffff00";
|
|
325
|
+
export const ComponentsButtonGrAsComplementaryBorderHover = "#ffffff00";
|
|
326
326
|
export const ComponentsButtonGrAsComplementaryBackground = "#4f4f4f";
|
|
327
327
|
export const ComponentsButtonGrAsComplementaryBackgroundHover = "#6d6d6d";
|
|
328
328
|
export const ComponentsButtonGrAsComplementaryText = "#ffffff";
|
|
@@ -383,11 +383,11 @@ export const ComponentsFormShapeForegroundDefault = "#000000";
|
|
|
383
383
|
export const ComponentsFormShapeForegroundSwitchDot = "#6d6d6d";
|
|
384
384
|
export const ComponentsFormShapeForegroundDisabled = "#6d6d6d";
|
|
385
385
|
export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
|
|
386
|
-
export const ComponentsLoaderWhiteBackground = "#
|
|
386
|
+
export const ComponentsLoaderWhiteBackground = "#ffffff33";
|
|
387
387
|
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
388
388
|
export const ComponentsLoaderBrandBackground = "#45190a";
|
|
389
389
|
export const ComponentsLoaderBrandForeground = "#e75420";
|
|
390
|
-
export const ComponentsButtonDestructiveMediumBackground = "#
|
|
390
|
+
export const ComponentsButtonDestructiveMediumBackground = "#ffffff00";
|
|
391
391
|
export const ComponentsButtonDestructiveMediumBackgroundHover = "#380101";
|
|
392
392
|
export const ComponentsButtonDestructiveMediumText = "#ff3d3d";
|
|
393
393
|
export const ComponentsButtonDestructiveMediumTextHover = "#ff6161";
|
|
@@ -395,9 +395,9 @@ export const ComponentsButtonDestructiveMediumIcon = "#ff3d3d";
|
|
|
395
395
|
export const ComponentsButtonDestructiveMediumIconHover = "#ff6161";
|
|
396
396
|
export const ComponentsButtonDestructiveMediumBorder = "#ff3d3d";
|
|
397
397
|
export const ComponentsButtonDestructiveMediumBorderHover = "#ff6161";
|
|
398
|
-
export const ComponentsButtonDestructiveLowBackground = "#
|
|
399
|
-
export const ComponentsButtonDestructiveLowBorder = "#
|
|
400
|
-
export const ComponentsButtonDestructiveLowBorderHover = "#
|
|
398
|
+
export const ComponentsButtonDestructiveLowBackground = "#ffffff00";
|
|
399
|
+
export const ComponentsButtonDestructiveLowBorder = "#ffffff00";
|
|
400
|
+
export const ComponentsButtonDestructiveLowBorderHover = "#ffffff00";
|
|
401
401
|
export const ComponentsButtonDestructiveLowBackgroundHover = "#380101";
|
|
402
402
|
export const ComponentsButtonDestructiveLowText = "#ff3d3d";
|
|
403
403
|
export const ComponentsButtonDestructiveLowTextHover = "#ff6161";
|
|
@@ -479,17 +479,17 @@ export const ComponentsButtongroupLowerBorder = "#808080";
|
|
|
479
479
|
export const ComponentsButtongroupLowerBackground = "#0e0e0e";
|
|
480
480
|
export const ComponentsDatagridHeaderBorder = "#6d6d6d";
|
|
481
481
|
export const ComponentsDatagridHeaderText = "#f6f6f6";
|
|
482
|
-
export const ComponentsDatagridHeaderBackground = "#
|
|
482
|
+
export const ComponentsDatagridHeaderBackground = "#00000000";
|
|
483
483
|
export const ComponentsDatagridBodyBorder = "#484848";
|
|
484
484
|
export const ComponentsDatagridBodyText = "#bfbfbf";
|
|
485
485
|
export const ComponentsDatagridBodySubtext = "#808080";
|
|
486
|
-
export const ComponentsDatagridBodyBackgroundDefault = "#
|
|
486
|
+
export const ComponentsDatagridBodyBackgroundDefault = "#00000000";
|
|
487
487
|
export const ComponentsDatagridBodyBackgroundActive = "#45190a";
|
|
488
488
|
export const ComponentsDatagridBodyBackgroundHover = "#1d1d1d";
|
|
489
489
|
export const ComponentsDatagridExpanderContentBackground = "#0e0e0e";
|
|
490
490
|
export const ComponentsDatagridExpanderBorder = "#484848";
|
|
491
491
|
export const ComponentsDatagridExpanderExpanderBackground = "#1d1d1d";
|
|
492
|
-
export const ComponentsFieldTimeBackgroundDefault = "#
|
|
492
|
+
export const ComponentsFieldTimeBackgroundDefault = "#00000000";
|
|
493
493
|
export const ComponentsFieldTimeBackgroundHover = "#1d1d1d";
|
|
494
494
|
export const ComponentsFieldTimeBackgroundActive = "#45190a";
|
|
495
495
|
export const ComponentsFieldTimeTextDefault = "#808080";
|
|
@@ -522,9 +522,9 @@ export const ComponentsListSelectOptionContentDefault = "#bfbfbf";
|
|
|
522
522
|
export const ComponentsListSelectOptionContentHover = "#f6f6f6";
|
|
523
523
|
export const ComponentsListSelectOptionContentDisabled = "#6d6d6d";
|
|
524
524
|
export const ComponentsListSelectOptionContentActive = "#eb7247";
|
|
525
|
-
export const ComponentsListSelectOptionBackgroundDefault = "#
|
|
525
|
+
export const ComponentsListSelectOptionBackgroundDefault = "#00000000";
|
|
526
526
|
export const ComponentsListSelectOptionBackgroundHover = "#1d1d1d";
|
|
527
|
-
export const ComponentsListSelectOptionBackgroundDisabled = "#
|
|
527
|
+
export const ComponentsListSelectOptionBackgroundDisabled = "#00000000";
|
|
528
528
|
export const ComponentsListSelectOptionBackgroundActive = "#45190a";
|
|
529
529
|
export const ComponentsListSelectOptgroupContent = "#6d6d6d";
|
|
530
530
|
export const ComponentsListSelectBorder = "#484848";
|
|
@@ -539,17 +539,17 @@ export const ComponentsListDropdownItemLabelActive = "#808080";
|
|
|
539
539
|
export const ComponentsListDropdownItemDescriptionDefault = "#808080";
|
|
540
540
|
export const ComponentsListDropdownItemDescriptionHover = "#bfbfbf";
|
|
541
541
|
export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
|
|
542
|
-
export const ComponentsListDropdownItemBackgroundDefault = "#
|
|
542
|
+
export const ComponentsListDropdownItemBackgroundDefault = "#00000000";
|
|
543
543
|
export const ComponentsListDropdownItemBackgroundHover = "#1d1d1d";
|
|
544
|
-
export const ComponentsListDropdownItemBackgroundDisabled = "#
|
|
544
|
+
export const ComponentsListDropdownItemBackgroundDisabled = "#00000000";
|
|
545
545
|
export const ComponentsListDropdownItemBackgroundActive = "#45190a";
|
|
546
546
|
export const ComponentsListDropdownGroupTitleContent = "#bfbfbf";
|
|
547
|
-
export const ComponentsListDropdownGroupTitleBackground = "#
|
|
547
|
+
export const ComponentsListDropdownGroupTitleBackground = "#ffffff00";
|
|
548
548
|
export const ComponentsListDropdownSeparator = "#484848";
|
|
549
549
|
export const ComponentsListDropdownBorder = "#484848";
|
|
550
550
|
export const ComponentsMenuContextualBackground = "#0e0e0e";
|
|
551
551
|
export const ComponentsMenuContextualBorder = "#484848";
|
|
552
|
-
export const ComponentsMenuContextualItemBackground = "#
|
|
552
|
+
export const ComponentsMenuContextualItemBackground = "#00000000";
|
|
553
553
|
export const ComponentsMenuContextualItemBackgroundHover = "#1d1d1d";
|
|
554
554
|
export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
|
|
555
555
|
export const ComponentsMenuContextualItemContent = "#808080";
|
|
@@ -599,10 +599,10 @@ export const ComponentsSliderHandlerBorderFocus = "#e75420";
|
|
|
599
599
|
export const ComponentsSliderHandlerBorderError = "#ff6161";
|
|
600
600
|
export const ComponentsSliderHandlerBorderDisabled = "#1d1d1d";
|
|
601
601
|
export const ComponentsSliderHandlerBorderReadonly = "#161616";
|
|
602
|
-
export const ComponentsSplitterOldBackground = "#
|
|
602
|
+
export const ComponentsSplitterOldBackground = "#00000000";
|
|
603
603
|
export const ComponentsSplitterOldBackgroundHover = "#1d1d1d";
|
|
604
604
|
export const ComponentsSplitterOldBackgroundActive = "#45190a";
|
|
605
|
-
export const ComponentsSplitterOldBorder = "#
|
|
605
|
+
export const ComponentsSplitterOldBorder = "#ffffff00";
|
|
606
606
|
export const ComponentsSplitterOldBorderHover = "#bfbfbf";
|
|
607
607
|
export const ComponentsSplitterOldBorderActive = "#eb7247";
|
|
608
608
|
export const ComponentsSplitterLineBackground = "#1d1d1d";
|
|
@@ -621,7 +621,7 @@ export const ComponentsToggleBorderHover = "#919191";
|
|
|
621
621
|
export const ComponentsToggleBorderHoverChecked = "#eb7247";
|
|
622
622
|
export const ComponentsToggleBorderDisabled = "#3a3a3a";
|
|
623
623
|
export const ComponentsToggleBorderDisabledChecked = "#3a3a3a";
|
|
624
|
-
export const ComponentsToggleBackgroundDefault = "#
|
|
624
|
+
export const ComponentsToggleBackgroundDefault = "#00000000";
|
|
625
625
|
export const ComponentsToggleBackgroundDefaultChecked = "#e75420";
|
|
626
626
|
export const ComponentsToggleBackgroundHover = "#1d1d1d";
|
|
627
627
|
export const ComponentsToggleBackgroundHoverChecked = "#eb7247";
|