@nova-design-system/nova-base 3.20.0 → 3.21.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/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +8 -1
  3. package/dist/css/nova-utils.css +5 -0
  4. package/dist/css/ocean.css +18 -8
  5. package/dist/css/spark.css +18 -8
  6. package/dist/generated/nova-tailwind-components.d.ts +5 -1
  7. package/dist/generated/nova-tailwind-components.js +8 -1
  8. package/dist/js/ocean_dark.d.ts +4 -4
  9. package/dist/js/ocean_dark.js +4 -4
  10. package/dist/js/ocean_light.d.ts +4 -4
  11. package/dist/js/ocean_light.js +4 -4
  12. package/dist/js/spacings.d.ts +10 -0
  13. package/dist/js/spacings.js +10 -0
  14. package/dist/js/spark_dark.d.ts +4 -4
  15. package/dist/js/spark_dark.js +4 -4
  16. package/dist/js/spark_light.d.ts +4 -4
  17. package/dist/js/spark_light.js +4 -4
  18. package/package.json +1 -1
package/dist/cjs/generated/nova-tailwind-components.js CHANGED
@@ -220,7 +220,10 @@ exports.NOVA_TAILWIND_COMPONENTS = {
220
220
  'transition': 'background-color 150ms ease-out',
221
221
  'userSelect': 'none',
222
222
  'cursor': 'pointer',
223
- 'height': 'fit-content',
223
+ 'height': [
224
+ 'fit-content',
225
+ 'var(--button-md-height)'
226
+ ],
224
227
  'width': 'fit-content',
225
228
  'padding': 'var(--button-md-padding-y) var(--button-md-padding-x)',
226
229
  'gap': 'var(--button-md-gap)',
@@ -285,6 +288,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
285
288
  'gap': 'var(--button-xs-gap)',
286
289
  'borderRadius': 'var(--button-xs-border-radius)',
287
290
  'lineHeight': 'var(--button-xs-line-height)',
291
+ 'height': 'var(--button-xs-height)',
288
292
  'fontSize': 'var(--button-xs-font-size)'
289
293
  },
290
294
  '.nv-button.size-xs nv-icon > svg': {
@@ -297,6 +301,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
297
301
  'gap': 'var(--button-sm-gap)',
298
302
  'borderRadius': 'var(--button-sm-border-radius)',
299
303
  'lineHeight': 'var(--button-sm-line-height)',
304
+ 'height': 'var(--button-sm-height)',
300
305
  'fontSize': 'var(--button-sm-font-size)'
301
306
  },
302
307
  '.nv-button.size-sm nv-icon > svg': {
@@ -309,6 +314,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
309
314
  'gap': 'var(--button-md-gap)',
310
315
  'borderRadius': 'var(--button-md-border-radius)',
311
316
  'lineHeight': 'var(--button-md-line-height)',
317
+ 'height': 'var(--button-md-height)',
312
318
  'fontSize': 'var(--button-md-font-size)'
313
319
  },
314
320
  '.nv-button.size-md nv-icon > svg': {
@@ -321,6 +327,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
321
327
  'gap': 'var(--button-lg-gap)',
322
328
  'borderRadius': 'var(--button-lg-border-radius)',
323
329
  'lineHeight': 'var(--button-lg-line-height)',
330
+ 'height': 'var(--button-lg-height)',
324
331
  'fontSize': 'var(--button-lg-font-size)'
325
332
  },
326
333
  '.nv-button.size-lg nv-icon > svg': {
package/dist/css/nova-utils.css CHANGED
@@ -7730,6 +7730,7 @@ h6 {
7730
7730
  cursor: pointer;
7731
7731
  height: -moz-fit-content;
7732
7732
  height: fit-content;
7733
+ height: var(--button-md-height);
7733
7734
  width: -moz-fit-content;
7734
7735
  width: fit-content;
7735
7736
  padding: var(--button-md-padding-y) var(--button-md-padding-x);
@@ -7807,6 +7808,7 @@ h6 {
7807
7808
  gap: var(--button-xs-gap);
7808
7809
  border-radius: var(--button-xs-border-radius);
7809
7810
  line-height: var(--button-xs-line-height);
7811
+ height: var(--button-xs-height);
7810
7812
  font-size: var(--button-xs-font-size);
7811
7813
  }
7812
7814
 
@@ -7821,6 +7823,7 @@ h6 {
7821
7823
  gap: var(--button-sm-gap);
7822
7824
  border-radius: var(--button-sm-border-radius);
7823
7825
  line-height: var(--button-sm-line-height);
7826
+ height: var(--button-sm-height);
7824
7827
  font-size: var(--button-sm-font-size);
7825
7828
  }
7826
7829
 
@@ -7835,6 +7838,7 @@ h6 {
7835
7838
  gap: var(--button-md-gap);
7836
7839
  border-radius: var(--button-md-border-radius);
7837
7840
  line-height: var(--button-md-line-height);
7841
+ height: var(--button-md-height);
7838
7842
  font-size: var(--button-md-font-size);
7839
7843
  }
7840
7844
 
@@ -7849,6 +7853,7 @@ h6 {
7849
7853
  gap: var(--button-lg-gap);
7850
7854
  border-radius: var(--button-lg-border-radius);
7851
7855
  line-height: var(--button-lg-line-height);
7856
+ height: var(--button-lg-height);
7852
7857
  font-size: var(--button-lg-font-size);
7853
7858
  }
7854
7859
 
package/dist/css/ocean.css CHANGED
@@ -370,6 +370,10 @@
370
370
  --components-menu-contextual-border: var(--color-content-low-border);
371
371
  --components-menu-contextual-background: var(--color-level-00-background);
372
372
  --components-calendar-background: var(--color-level-00-background);
373
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
374
+ --components-calendar-weeks-text: var(--color-content-high-text);
375
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
376
+ --components-calendar-weeks-background: var(--color-level-10-background);
373
377
  --components-calendar-cell-text-today: var(--color-content-high-text);
374
378
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
375
379
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -380,10 +384,6 @@
380
384
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
381
385
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
382
386
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
383
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
384
- --components-calendar-weeks-text: var(--color-content-high-text);
385
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
386
- --components-calendar-weeks-background: var(--color-level-10-background);
387
387
  --components-calendar-header-text: var(--color-content-high-text);
388
388
  --components-calendar-border: var(--color-content-low-border);
389
389
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1004,6 +1004,10 @@
1004
1004
  --components-menu-contextual-border: var(--color-content-low-border);
1005
1005
  --components-menu-contextual-background: var(--color-level-00-background);
1006
1006
  --components-calendar-background: var(--color-level-00-background);
1007
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
1008
+ --components-calendar-weeks-text: var(--color-content-high-text);
1009
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
1010
+ --components-calendar-weeks-background: var(--color-level-10-background);
1007
1011
  --components-calendar-cell-text-today: var(--color-content-high-text);
1008
1012
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
1009
1013
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -1014,10 +1018,6 @@
1014
1018
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
1015
1019
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
1016
1020
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
1017
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
1018
- --components-calendar-weeks-text: var(--color-content-high-text);
1019
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
1020
- --components-calendar-weeks-background: var(--color-level-10-background);
1021
1021
  --components-calendar-header-text: var(--color-content-high-text);
1022
1022
  --components-calendar-border: var(--color-content-low-border);
1023
1023
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1590,6 +1590,12 @@
1590
1590
  --buttongroup-sm-button-padding-y: 4.0000px;
1591
1591
  --buttongroup-xs-button-radius: 1.0000px;
1592
1592
  --buttongroup-xs-padding: 2.0000px;
1593
+ --pagination-table-padding-y: var(--spacing-2);
1594
+ --pagination-table-padding-x: var(--spacing-3);
1595
+ --pagination-table-padding-left: var(--spacing-3);
1596
+ --pagination-table-height: var(--spacing-9);
1597
+ --pagination-table-gap-x: var(--spacing-8);
1598
+ --pagination-table-font-size: var(--font-size-sm);
1593
1599
  --notification-title-line-height: var(--line-height-sm);
1594
1600
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
1595
1601
  --notification-title-font-size: var(--font-size-sm);
@@ -1875,6 +1881,7 @@
1875
1881
  --button-lg-line-height: var(--line-height-lg);
1876
1882
  --button-lg-icon-size: var(--spacing-6);
1877
1883
  --button-lg-icon-button-padding: var(--spacing-3);
1884
+ --button-lg-height: var(--spacing-12);
1878
1885
  --button-lg-gap: var(--spacing-2);
1879
1886
  --button-lg-font-size: var(--font-size-lg);
1880
1887
  --button-lg-border-radius: var(--radius-rounded-lg);
@@ -1883,6 +1890,7 @@
1883
1890
  --button-md-line-height: var(--line-height-base);
1884
1891
  --button-md-icon-size: var(--spacing-5);
1885
1892
  --button-md-icon-button-padding: var(--spacing-2-5);
1893
+ --button-md-height: var(--spacing-10);
1886
1894
  --button-md-gap: var(--spacing-2);
1887
1895
  --button-md-font-size: var(--font-size-md);
1888
1896
  --button-md-border-radius: var(--radius-rounded-md);
@@ -1891,6 +1899,7 @@
1891
1899
  --button-sm-line-height: var(--line-height-sm);
1892
1900
  --button-sm-icon-size: var(--spacing-4);
1893
1901
  --button-sm-icon-button-padding: var(--spacing-2);
1902
+ --button-sm-height: var(--spacing-8);
1894
1903
  --button-sm-gap: var(--spacing-1-5);
1895
1904
  --button-sm-font-size: var(--font-size-sm);
1896
1905
  --button-sm-border-radius: var(--radius-rounded);
@@ -1899,6 +1908,7 @@
1899
1908
  --button-xs-line-height: var(--line-height-xs);
1900
1909
  --button-xs-icon-size: var(--spacing-3);
1901
1910
  --button-xs-icon-button-padding: var(--spacing-1-5);
1911
+ --button-xs-height: var(--spacing-6);
1902
1912
  --button-xs-gap: var(--spacing-1);
1903
1913
  --button-xs-font-size: var(--font-size-xs);
1904
1914
  --button-xs-border-radius: var(--radius-rounded-sm);
package/dist/css/spark.css CHANGED
@@ -371,6 +371,10 @@
371
371
  --components-menu-contextual-border: var(--color-content-low-border);
372
372
  --components-menu-contextual-background: var(--color-level-00-background);
373
373
  --components-calendar-background: var(--color-level-00-background);
374
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
375
+ --components-calendar-weeks-text: var(--color-content-high-text);
376
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
377
+ --components-calendar-weeks-background: var(--color-level-10-background);
374
378
  --components-calendar-cell-text-today: var(--color-content-high-text);
375
379
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
376
380
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -381,10 +385,6 @@
381
385
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
382
386
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
383
387
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
384
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
385
- --components-calendar-weeks-text: var(--color-content-high-text);
386
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
387
- --components-calendar-weeks-background: var(--color-level-10-background);
388
388
  --components-calendar-header-text: var(--color-content-high-text);
389
389
  --components-calendar-border: var(--color-content-low-border);
390
390
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1003,6 +1003,10 @@
1003
1003
  --components-menu-contextual-border: var(--color-content-low-border);
1004
1004
  --components-menu-contextual-background: var(--color-level-00-background);
1005
1005
  --components-calendar-background: var(--color-level-00-background);
1006
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
1007
+ --components-calendar-weeks-text: var(--color-content-high-text);
1008
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
1009
+ --components-calendar-weeks-background: var(--color-level-10-background);
1006
1010
  --components-calendar-cell-text-today: var(--color-content-high-text);
1007
1011
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
1008
1012
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -1012,10 +1016,6 @@
1012
1016
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
1013
1017
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
1014
1018
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
1015
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
1016
- --components-calendar-weeks-text: var(--color-content-high-text);
1017
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
1018
- --components-calendar-weeks-background: var(--color-level-10-background);
1019
1019
  --components-calendar-header-text: var(--color-content-high-text);
1020
1020
  --components-calendar-border: var(--color-content-low-border);
1021
1021
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1590,6 +1590,12 @@
1590
1590
  --buttongroup-sm-button-padding-y: 4.0000px;
1591
1591
  --buttongroup-xs-button-radius: 1.0000px;
1592
1592
  --buttongroup-xs-padding: 2.0000px;
1593
+ --pagination-table-padding-y: var(--spacing-2);
1594
+ --pagination-table-padding-x: var(--spacing-3);
1595
+ --pagination-table-padding-left: var(--spacing-3);
1596
+ --pagination-table-height: var(--spacing-9);
1597
+ --pagination-table-gap-x: var(--spacing-8);
1598
+ --pagination-table-font-size: var(--font-size-sm);
1593
1599
  --notification-title-line-height: var(--line-height-sm);
1594
1600
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
1595
1601
  --notification-title-font-size: var(--font-size-sm);
@@ -1875,6 +1881,7 @@
1875
1881
  --button-lg-line-height: var(--line-height-lg);
1876
1882
  --button-lg-icon-size: var(--spacing-6);
1877
1883
  --button-lg-icon-button-padding: var(--spacing-3);
1884
+ --button-lg-height: var(--spacing-12);
1878
1885
  --button-lg-gap: var(--spacing-2);
1879
1886
  --button-lg-font-size: var(--font-size-lg);
1880
1887
  --button-lg-border-radius: var(--radius-rounded-lg);
@@ -1883,6 +1890,7 @@
1883
1890
  --button-md-line-height: var(--line-height-base);
1884
1891
  --button-md-icon-size: var(--spacing-5);
1885
1892
  --button-md-icon-button-padding: var(--spacing-2-5);
1893
+ --button-md-height: var(--spacing-10);
1886
1894
  --button-md-gap: var(--spacing-2);
1887
1895
  --button-md-font-size: var(--font-size-md);
1888
1896
  --button-md-border-radius: var(--radius-rounded-md);
@@ -1891,6 +1899,7 @@
1891
1899
  --button-sm-line-height: var(--line-height-sm);
1892
1900
  --button-sm-icon-size: var(--spacing-4);
1893
1901
  --button-sm-icon-button-padding: var(--spacing-2);
1902
+ --button-sm-height: var(--spacing-8);
1894
1903
  --button-sm-gap: var(--spacing-1-5);
1895
1904
  --button-sm-font-size: var(--font-size-sm);
1896
1905
  --button-sm-border-radius: var(--radius-rounded);
@@ -1899,6 +1908,7 @@
1899
1908
  --button-xs-line-height: var(--line-height-xs);
1900
1909
  --button-xs-icon-size: var(--spacing-3);
1901
1910
  --button-xs-icon-button-padding: var(--spacing-1-5);
1911
+ --button-xs-height: var(--spacing-6);
1902
1912
  --button-xs-gap: var(--spacing-1);
1903
1913
  --button-xs-font-size: var(--font-size-xs);
1904
1914
  --button-xs-border-radius: var(--radius-rounded-sm);
package/dist/generated/nova-tailwind-components.d.ts CHANGED
@@ -213,7 +213,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
213
213
  transition: string;
214
214
  userSelect: string;
215
215
  cursor: string;
216
- height: string;
216
+ height: string[];
217
217
  width: string;
218
218
  padding: string;
219
219
  gap: string;
@@ -278,6 +278,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
278
278
  gap: string;
279
279
  borderRadius: string;
280
280
  lineHeight: string;
281
+ height: string;
281
282
  fontSize: string;
282
283
  };
283
284
  '.nv-button.size-xs nv-icon > svg': {
@@ -290,6 +291,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
290
291
  gap: string;
291
292
  borderRadius: string;
292
293
  lineHeight: string;
294
+ height: string;
293
295
  fontSize: string;
294
296
  };
295
297
  '.nv-button.size-sm nv-icon > svg': {
@@ -302,6 +304,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
302
304
  gap: string;
303
305
  borderRadius: string;
304
306
  lineHeight: string;
307
+ height: string;
305
308
  fontSize: string;
306
309
  };
307
310
  '.nv-button.size-md nv-icon > svg': {
@@ -314,6 +317,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
314
317
  gap: string;
315
318
  borderRadius: string;
316
319
  lineHeight: string;
320
+ height: string;
317
321
  fontSize: string;
318
322
  };
319
323
  '.nv-button.size-lg nv-icon > svg': {
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -217,7 +217,10 @@ export const NOVA_TAILWIND_COMPONENTS = {
217
217
  'transition': 'background-color 150ms ease-out',
218
218
  'userSelect': 'none',
219
219
  'cursor': 'pointer',
220
- 'height': 'fit-content',
220
+ 'height': [
221
+ 'fit-content',
222
+ 'var(--button-md-height)'
223
+ ],
221
224
  'width': 'fit-content',
222
225
  'padding': 'var(--button-md-padding-y) var(--button-md-padding-x)',
223
226
  'gap': 'var(--button-md-gap)',
@@ -282,6 +285,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
282
285
  'gap': 'var(--button-xs-gap)',
283
286
  'borderRadius': 'var(--button-xs-border-radius)',
284
287
  'lineHeight': 'var(--button-xs-line-height)',
288
+ 'height': 'var(--button-xs-height)',
285
289
  'fontSize': 'var(--button-xs-font-size)'
286
290
  },
287
291
  '.nv-button.size-xs nv-icon > svg': {
@@ -294,6 +298,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
294
298
  'gap': 'var(--button-sm-gap)',
295
299
  'borderRadius': 'var(--button-sm-border-radius)',
296
300
  'lineHeight': 'var(--button-sm-line-height)',
301
+ 'height': 'var(--button-sm-height)',
297
302
  'fontSize': 'var(--button-sm-font-size)'
298
303
  },
299
304
  '.nv-button.size-sm nv-icon > svg': {
@@ -306,6 +311,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
306
311
  'gap': 'var(--button-md-gap)',
307
312
  'borderRadius': 'var(--button-md-border-radius)',
308
313
  'lineHeight': 'var(--button-md-line-height)',
314
+ 'height': 'var(--button-md-height)',
309
315
  'fontSize': 'var(--button-md-font-size)'
310
316
  },
311
317
  '.nv-button.size-md nv-icon > svg': {
@@ -318,6 +324,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
318
324
  'gap': 'var(--button-lg-gap)',
319
325
  'borderRadius': 'var(--button-lg-border-radius)',
320
326
  'lineHeight': 'var(--button-lg-line-height)',
327
+ 'height': 'var(--button-lg-height)',
321
328
  'fontSize': 'var(--button-lg-font-size)'
322
329
  },
323
330
  '.nv-button.size-lg nv-icon > svg': {
package/dist/js/ocean_dark.d.ts CHANGED
@@ -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/ocean_dark.js CHANGED
@@ -512,10 +512,6 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
512
512
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
513
513
  export const ComponentsCalendarBorder = "#394d55";
514
514
  export const ComponentsCalendarHeaderText = "#f5f6f7";
515
- export const ComponentsCalendarWeeksBackground = "#171f22";
516
- export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
517
- export const ComponentsCalendarWeeksText = "#f5f6f7";
518
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
519
515
  export const ComponentsCalendarCellBackground = "#0b0f11";
520
516
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
521
517
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -530,6 +526,10 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
530
526
  export const ComponentsCalendarCellTextHover = "#bac1c4";
531
527
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
532
528
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
529
+ export const ComponentsCalendarWeeksBackground = "#171f22";
530
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
531
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
532
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
533
533
  export const ComponentsCalendarBackground = "#0b0f11";
534
534
  export const ComponentsMenuContextualBackground = "#0b0f11";
535
535
  export const ComponentsMenuContextualBorder = "#394d55";
package/dist/js/ocean_light.d.ts CHANGED
@@ -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/ocean_light.js CHANGED
@@ -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;
@@ -386,3 +390,9 @@ export const NotificationTimestampLineHeight : string;
386
390
  export const NotificationTitleFontSize : string;
387
391
  export const NotificationTitleFontWeight : string;
388
392
  export const NotificationTitleLineHeight : string;
393
+ export const PaginationTableFontSize : string;
394
+ export const PaginationTableGapX : string;
395
+ export const PaginationTableHeight : string;
396
+ export const PaginationTablePaddingLeft : string;
397
+ export const PaginationTablePaddingX : string;
398
+ 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";
@@ -386,3 +390,9 @@ export const NotificationTimestampLineHeight = "20.0000px";
386
390
  export const NotificationTitleFontSize = "14.0000px";
387
391
  export const NotificationTitleFontWeight = "500";
388
392
  export const NotificationTitleLineHeight = "20.0000px";
393
+ export const PaginationTableFontSize = "14.0000px";
394
+ export const PaginationTableGapX = "32.0000px";
395
+ export const PaginationTableHeight = "36.0000px";
396
+ export const PaginationTablePaddingLeft = "12.0000px";
397
+ export const PaginationTablePaddingX = "12.0000px";
398
+ export const PaginationTablePaddingY = "8.0000px";
package/dist/js/spark_dark.d.ts CHANGED
@@ -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_dark.js CHANGED
@@ -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,6 +526,10 @@ 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";
package/dist/js/spark_light.d.ts CHANGED
@@ -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
@@ -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.20.0",
3
+ "version": "3.21.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",