@nova-design-system/nova-base 3.24.0 → 3.25.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 (13) hide show
  1. package/dist/css/ocean.css +9 -9
  2. package/dist/css/spark.css +9 -9
  3. package/dist/js/ocean_dark.d.ts +4 -4
  4. package/dist/js/ocean_dark.js +4 -4
  5. package/dist/js/ocean_light.d.ts +4 -4
  6. package/dist/js/ocean_light.js +4 -4
  7. package/dist/js/spacings.d.ts +1 -1
  8. package/dist/js/spacings.js +1 -1
  9. package/dist/js/spark_dark.d.ts +4 -4
  10. package/dist/js/spark_dark.js +4 -4
  11. package/dist/js/spark_light.d.ts +4 -4
  12. package/dist/js/spark_light.js +4 -4
  13. package/package.json +1 -1
package/dist/css/ocean.css CHANGED
@@ -397,10 +397,6 @@
397
397
  --components-list-select-option-content-default: var(--color-content-medium-text);
398
398
  --components-list-select-background: var(--color-level-00-background);
399
399
  --components-calendar-background: var(--color-level-00-background);
400
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
401
- --components-calendar-weeks-text: var(--color-content-high-text);
402
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
403
- --components-calendar-weeks-background: var(--color-level-10-background);
404
400
  --components-calendar-cell-text-today: var(--color-content-high-text);
405
401
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
406
402
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -411,6 +407,10 @@
411
407
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
412
408
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
413
409
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
410
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
411
+ --components-calendar-weeks-text: var(--color-content-high-text);
412
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
413
+ --components-calendar-weeks-background: var(--color-level-10-background);
414
414
  --components-calendar-header-text: var(--color-content-high-text);
415
415
  --components-calendar-border: var(--color-content-low-border);
416
416
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1047,10 +1047,6 @@
1047
1047
  --components-list-select-option-content-default: var(--color-content-medium-text);
1048
1048
  --components-list-select-background: var(--color-level-00-background);
1049
1049
  --components-calendar-background: var(--color-level-00-background);
1050
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
1051
- --components-calendar-weeks-text: var(--color-content-high-text);
1052
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
1053
- --components-calendar-weeks-background: var(--color-level-10-background);
1054
1050
  --components-calendar-cell-text-today: var(--color-content-high-text);
1055
1051
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
1056
1052
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -1061,6 +1057,10 @@
1061
1057
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
1062
1058
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
1063
1059
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
1060
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
1061
+ --components-calendar-weeks-text: var(--color-content-high-text);
1062
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
1063
+ --components-calendar-weeks-background: var(--color-level-10-background);
1064
1064
  --components-calendar-header-text: var(--color-content-high-text);
1065
1065
  --components-calendar-border: var(--color-content-low-border);
1066
1066
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1969,8 +1969,8 @@
1969
1969
  --calendar-cell-font-size: var(--font-size-sm);
1970
1970
  --drawer-padding-y: var(--spacing-6);
1971
1971
  --drawer-padding-x: var(--spacing-6);
1972
- --drawer-header-padding-right: var(--spacing-8);
1973
1972
  --drawer-gap-y: var(--spacing-6);
1973
+ --drawer-header-padding-right: var(--spacing-8);
1974
1974
  --drawer-dismissible-position-right: var(--spacing-6);
1975
1975
  --drawer-dismissible-position-top: var(--spacing-6);
1976
1976
  --drawer-radius-top-left: var(--radius-rounded-2xl);
package/dist/css/spark.css CHANGED
@@ -398,10 +398,6 @@
398
398
  --components-list-select-option-content-default: var(--color-content-medium-text);
399
399
  --components-list-select-background: var(--color-level-00-background);
400
400
  --components-calendar-background: var(--color-level-00-background);
401
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
402
- --components-calendar-weeks-text: var(--color-content-high-text);
403
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
404
- --components-calendar-weeks-background: var(--color-level-10-background);
405
401
  --components-calendar-cell-text-today: var(--color-content-high-text);
406
402
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
407
403
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -412,6 +408,10 @@
412
408
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
413
409
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
414
410
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
411
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
412
+ --components-calendar-weeks-text: var(--color-content-high-text);
413
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
414
+ --components-calendar-weeks-background: var(--color-level-10-background);
415
415
  --components-calendar-header-text: var(--color-content-high-text);
416
416
  --components-calendar-border: var(--color-content-low-border);
417
417
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1046,10 +1046,6 @@
1046
1046
  --components-list-select-option-content-default: var(--color-content-medium-text);
1047
1047
  --components-list-select-background: var(--color-level-00-background);
1048
1048
  --components-calendar-background: var(--color-level-00-background);
1049
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
1050
- --components-calendar-weeks-text: var(--color-content-high-text);
1051
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
1052
- --components-calendar-weeks-background: var(--color-level-10-background);
1053
1049
  --components-calendar-cell-text-today: var(--color-content-high-text);
1054
1050
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
1055
1051
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -1059,6 +1055,10 @@
1059
1055
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
1060
1056
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
1061
1057
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
1058
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
1059
+ --components-calendar-weeks-text: var(--color-content-high-text);
1060
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
1061
+ --components-calendar-weeks-background: var(--color-level-10-background);
1062
1062
  --components-calendar-header-text: var(--color-content-high-text);
1063
1063
  --components-calendar-border: var(--color-content-low-border);
1064
1064
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1969,8 +1969,8 @@
1969
1969
  --calendar-cell-font-size: var(--font-size-sm);
1970
1970
  --drawer-padding-y: var(--spacing-6);
1971
1971
  --drawer-padding-x: var(--spacing-6);
1972
- --drawer-header-padding-right: var(--spacing-8);
1973
1972
  --drawer-gap-y: var(--spacing-6);
1973
+ --drawer-header-padding-right: var(--spacing-8);
1974
1974
  --drawer-dismissible-position-right: var(--spacing-6);
1975
1975
  --drawer-dismissible-position-top: var(--spacing-6);
1976
1976
  --drawer-radius-top-left: var(--radius-rounded-2xl);
package/dist/js/ocean_dark.d.ts CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive : string;
483
483
  export const ComponentsFieldTimeBorderActive : string;
484
484
  export const ComponentsCalendarBorder : string;
485
485
  export const ComponentsCalendarHeaderText : string;
486
+ export const ComponentsCalendarWeeksBackground : string;
487
+ export const ComponentsCalendarWeeksBackgroundHover : string;
488
+ export const ComponentsCalendarWeeksText : string;
489
+ export const ComponentsCalendarWeeksTextHover : string;
486
490
  export const ComponentsCalendarCellBackground : string;
487
491
  export const ComponentsCalendarCellBackgroundSelected : string;
488
492
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange : string;
497
501
  export const ComponentsCalendarCellTextHover : string;
498
502
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
503
  export const ComponentsCalendarCellTextToday : string;
500
- export const ComponentsCalendarWeeksBackground : string;
501
- export const ComponentsCalendarWeeksBackgroundHover : string;
502
- export const ComponentsCalendarWeeksText : string;
503
- export const ComponentsCalendarWeeksTextHover : string;
504
504
  export const ComponentsCalendarBackground : string;
505
505
  export const ComponentsListSelectBackground : string;
506
506
  export const ComponentsListSelectOptionContentDefault : string;
package/dist/js/ocean_dark.js CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
483
483
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
484
484
  export const ComponentsCalendarBorder = "#394d55";
485
485
  export const ComponentsCalendarHeaderText = "#f5f6f7";
486
+ export const ComponentsCalendarWeeksBackground = "#171f22";
487
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
488
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
489
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
486
490
  export const ComponentsCalendarCellBackground = "#0b0f11";
487
491
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
488
492
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
497
501
  export const ComponentsCalendarCellTextHover = "#bac1c4";
498
502
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
499
503
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
500
- export const ComponentsCalendarWeeksBackground = "#171f22";
501
- export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
502
- export const ComponentsCalendarWeeksText = "#f5f6f7";
503
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
504
504
  export const ComponentsCalendarBackground = "#0b0f11";
505
505
  export const ComponentsListSelectBackground = "#0b0f11";
506
506
  export const ComponentsListSelectOptionContentDefault = "#bac1c4";
package/dist/js/ocean_light.d.ts CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive : string;
483
483
  export const ComponentsFieldTimeBorderActive : string;
484
484
  export const ComponentsCalendarBorder : string;
485
485
  export const ComponentsCalendarHeaderText : string;
486
+ export const ComponentsCalendarWeeksBackground : string;
487
+ export const ComponentsCalendarWeeksBackgroundHover : string;
488
+ export const ComponentsCalendarWeeksText : string;
489
+ export const ComponentsCalendarWeeksTextHover : string;
486
490
  export const ComponentsCalendarCellBackground : string;
487
491
  export const ComponentsCalendarCellBackgroundSelected : string;
488
492
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange : string;
497
501
  export const ComponentsCalendarCellTextHover : string;
498
502
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
503
  export const ComponentsCalendarCellTextToday : string;
500
- export const ComponentsCalendarWeeksBackground : string;
501
- export const ComponentsCalendarWeeksBackgroundHover : string;
502
- export const ComponentsCalendarWeeksText : string;
503
- export const ComponentsCalendarWeeksTextHover : string;
504
504
  export const ComponentsCalendarBackground : string;
505
505
  export const ComponentsListSelectBackground : string;
506
506
  export const ComponentsListSelectOptionContentDefault : string;
package/dist/js/ocean_light.js CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive = "#185963";
483
483
  export const ComponentsFieldTimeBorderActive = "#185963";
484
484
  export const ComponentsCalendarBorder = "#e1e4e6";
485
485
  export const ComponentsCalendarHeaderText = "#171f22";
486
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
487
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
488
+ export const ComponentsCalendarWeeksText = "#171f22";
489
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
486
490
  export const ComponentsCalendarCellBackground = "#ffffff";
487
491
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
488
492
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange = "#185963";
497
501
  export const ComponentsCalendarCellTextHover = "#34464d";
498
502
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
499
503
  export const ComponentsCalendarCellTextToday = "#171f22";
500
- export const ComponentsCalendarWeeksBackground = "#f5f6f7";
501
- export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
502
- export const ComponentsCalendarWeeksText = "#171f22";
503
- export const ComponentsCalendarWeeksTextHover = "#171f22";
504
504
  export const ComponentsCalendarBackground = "#ffffff";
505
505
  export const ComponentsListSelectBackground = "#ffffff";
506
506
  export const ComponentsListSelectOptionContentDefault = "#34464d";
package/dist/js/spacings.d.ts CHANGED
@@ -97,8 +97,8 @@ export const DrawerSizeLgMaxWidth : string;
97
97
  export const DrawerSizeFullWidth : string;
98
98
  export const DrawerDismissiblePositionTop : string;
99
99
  export const DrawerDismissiblePositionRight : string;
100
- export const DrawerGapY : string;
101
100
  export const DrawerHeaderPaddingRight : string;
101
+ export const DrawerGapY : string;
102
102
  export const DrawerPaddingX : string;
103
103
  export const DrawerPaddingY : string;
104
104
  export const CalendarCellDotSize : string;
package/dist/js/spacings.js CHANGED
@@ -97,8 +97,8 @@ export const DrawerSizeLgMaxWidth = "1024.0000px";
97
97
  export const DrawerSizeFullWidth = "1372.0000px";
98
98
  export const DrawerDismissiblePositionTop = "24.0000px";
99
99
  export const DrawerDismissiblePositionRight = "24.0000px";
100
- export const DrawerGapY = "24.0000px";
101
100
  export const DrawerHeaderPaddingRight = "32.0000px";
101
+ export const DrawerGapY = "24.0000px";
102
102
  export const DrawerPaddingX = "24.0000px";
103
103
  export const DrawerPaddingY = "24.0000px";
104
104
  export const CalendarCellDotSize = "3.0000px";
package/dist/js/spark_dark.d.ts CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive : string;
483
483
  export const ComponentsFieldTimeBorderActive : string;
484
484
  export const ComponentsCalendarBorder : string;
485
485
  export const ComponentsCalendarHeaderText : string;
486
+ export const ComponentsCalendarWeeksBackground : string;
487
+ export const ComponentsCalendarWeeksBackgroundHover : string;
488
+ export const ComponentsCalendarWeeksText : string;
489
+ export const ComponentsCalendarWeeksTextHover : string;
486
490
  export const ComponentsCalendarCellBackground : string;
487
491
  export const ComponentsCalendarCellBackgroundSelected : string;
488
492
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange : string;
497
501
  export const ComponentsCalendarCellTextHover : string;
498
502
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
503
  export const ComponentsCalendarCellTextToday : string;
500
- export const ComponentsCalendarWeeksBackground : string;
501
- export const ComponentsCalendarWeeksBackgroundHover : string;
502
- export const ComponentsCalendarWeeksText : string;
503
- export const ComponentsCalendarWeeksTextHover : string;
504
504
  export const ComponentsCalendarBackground : string;
505
505
  export const ComponentsListSelectBackground : string;
506
506
  export const ComponentsListSelectOptionContentDefault : string;
package/dist/js/spark_dark.js CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive = "#eb7247";
483
483
  export const ComponentsFieldTimeBorderActive = "#eb7247";
484
484
  export const ComponentsCalendarBorder = "#484848";
485
485
  export const ComponentsCalendarHeaderText = "#f6f6f6";
486
+ export const ComponentsCalendarWeeksBackground = "#1d1d1d";
487
+ export const ComponentsCalendarWeeksBackgroundHover = "#252525";
488
+ export const ComponentsCalendarWeeksText = "#f6f6f6";
489
+ export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
486
490
  export const ComponentsCalendarCellBackground = "#0e0e0e";
487
491
  export const ComponentsCalendarCellBackgroundSelected = "#eb7247";
488
492
  export const ComponentsCalendarCellBackgroundInRange = "#45190a";
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange = "#eb7247";
497
501
  export const ComponentsCalendarCellTextHover = "#bfbfbf";
498
502
  export const ComponentsCalendarCellTextOutsideMonth = "#6d6d6d";
499
503
  export const ComponentsCalendarCellTextToday = "#f6f6f6";
500
- export const ComponentsCalendarWeeksBackground = "#1d1d1d";
501
- export const ComponentsCalendarWeeksBackgroundHover = "#252525";
502
- export const ComponentsCalendarWeeksText = "#f6f6f6";
503
- export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
504
504
  export const ComponentsCalendarBackground = "#0e0e0e";
505
505
  export const ComponentsListSelectBackground = "#0e0e0e";
506
506
  export const ComponentsListSelectOptionContentDefault = "#bfbfbf";
package/dist/js/spark_light.d.ts CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive : string;
483
483
  export const ComponentsFieldTimeBorderActive : string;
484
484
  export const ComponentsCalendarBorder : string;
485
485
  export const ComponentsCalendarHeaderText : string;
486
+ export const ComponentsCalendarWeeksBackground : string;
487
+ export const ComponentsCalendarWeeksBackgroundHover : string;
488
+ export const ComponentsCalendarWeeksText : string;
489
+ export const ComponentsCalendarWeeksTextHover : string;
486
490
  export const ComponentsCalendarCellBackground : string;
487
491
  export const ComponentsCalendarCellBackgroundSelected : string;
488
492
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange : string;
497
501
  export const ComponentsCalendarCellTextHover : string;
498
502
  export const ComponentsCalendarCellTextOutsideMonth : string;
499
503
  export const ComponentsCalendarCellTextToday : string;
500
- export const ComponentsCalendarWeeksBackground : string;
501
- export const ComponentsCalendarWeeksBackgroundHover : string;
502
- export const ComponentsCalendarWeeksText : string;
503
- export const ComponentsCalendarWeeksTextHover : string;
504
504
  export const ComponentsCalendarBackground : string;
505
505
  export const ComponentsListSelectBackground : string;
506
506
  export const ComponentsListSelectOptionContentDefault : string;
package/dist/js/spark_light.js CHANGED
@@ -483,6 +483,10 @@ export const ComponentsFieldTimeTextActive = "#bf451a";
483
483
  export const ComponentsFieldTimeBorderActive = "#bf451a";
484
484
  export const ComponentsCalendarBorder = "#e3e3e3";
485
485
  export const ComponentsCalendarHeaderText = "#1d1d1d";
486
+ export const ComponentsCalendarWeeksBackground = "#f6f6f6";
487
+ export const ComponentsCalendarWeeksBackgroundHover = "#ededed";
488
+ export const ComponentsCalendarWeeksText = "#1d1d1d";
489
+ export const ComponentsCalendarWeeksTextHover = "#1d1d1d";
486
490
  export const ComponentsCalendarCellBackground = "#ffffff";
487
491
  export const ComponentsCalendarCellBackgroundSelected = "#bf451a";
488
492
  export const ComponentsCalendarCellBackgroundInRange = "#fceae3";
@@ -497,10 +501,6 @@ export const ComponentsCalendarCellTextInRange = "#bf451a";
497
501
  export const ComponentsCalendarCellTextHover = "#414141";
498
502
  export const ComponentsCalendarCellTextOutsideMonth = "#a9a9a9";
499
503
  export const ComponentsCalendarCellTextToday = "#1d1d1d";
500
- export const ComponentsCalendarWeeksBackground = "#f6f6f6";
501
- export const ComponentsCalendarWeeksBackgroundHover = "#ededed";
502
- export const ComponentsCalendarWeeksText = "#1d1d1d";
503
- export const ComponentsCalendarWeeksTextHover = "#1d1d1d";
504
504
  export const ComponentsCalendarBackground = "#ffffff";
505
505
  export const ComponentsListSelectBackground = "#ffffff";
506
506
  export const ComponentsListSelectOptionContentDefault = "#414141";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.24.0",
3
+ "version": "3.25.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",