@nova-design-system/nova-base 3.11.0 → 3.12.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 (6) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +10 -20
  3. package/dist/css/nova-utils.css +0 -10
  4. package/dist/generated/nova-tailwind-components.d.ts +0 -10
  5. package/dist/generated/nova-tailwind-components.js +10 -20
  6. package/package.json +1 -1
package/dist/cjs/generated/nova-tailwind-components.js CHANGED
@@ -49,8 +49,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
49
49
  },
50
50
  '.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
51
51
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
52
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
53
- 'zIndex': '111'
52
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
54
53
  },
55
54
  '.nv-button:disabled:not([disabled=false])': {
56
55
  'opacity': '0.5',
@@ -77,8 +76,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
77
76
  },
78
77
  '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
79
78
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
80
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
81
- 'zIndex': '111'
79
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
82
80
  },
83
81
  '.nv-button.size-xs': {
84
82
  'padding': 'var(--button-xs-padding-y) var(--button-xs-padding-x)',
@@ -148,8 +146,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
148
146
  },
149
147
  '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
150
148
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
151
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
152
- 'zIndex': '111'
149
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
153
150
  },
154
151
  '.nv-button.emphasis-high:disabled:not([disabled=false])': {
155
152
  'opacity': '0.5',
@@ -176,8 +173,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
176
173
  },
177
174
  '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
178
175
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
179
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
180
- 'zIndex': '111'
176
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
181
177
  },
182
178
  '.nv-button.emphasis-medium': {
183
179
  'background': 'var(--components-button-medium-background)',
@@ -199,8 +195,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
199
195
  },
200
196
  '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
201
197
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
202
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
203
- 'zIndex': '111'
198
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
204
199
  },
205
200
  '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
206
201
  'opacity': '0.5',
@@ -227,8 +222,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
227
222
  },
228
223
  '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
229
224
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
230
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
231
- 'zIndex': '111'
225
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
232
226
  },
233
227
  '.nv-button.emphasis-low': {
234
228
  'background': 'var(--components-button-low-background)',
@@ -250,8 +244,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
250
244
  },
251
245
  '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
252
246
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
253
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
254
- 'zIndex': '111'
247
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
255
248
  },
256
249
  '.nv-button.emphasis-low:disabled:not([disabled=false])': {
257
250
  'opacity': '0.5',
@@ -278,8 +271,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
278
271
  },
279
272
  '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
280
273
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
281
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
282
- 'zIndex': '111'
274
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
283
275
  },
284
276
  '.nv-button.emphasis-lower': {
285
277
  'background': 'var(--components-button-lower-background)',
@@ -301,8 +293,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
301
293
  },
302
294
  '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
303
295
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
304
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
305
- 'zIndex': '111'
296
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
306
297
  },
307
298
  '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
308
299
  'opacity': '0.5',
@@ -329,8 +320,7 @@ exports.NOVA_TAILWIND_COMPONENTS = {
329
320
  },
330
321
  '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
331
322
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
332
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
333
- 'zIndex': '111'
323
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
334
324
  },
335
325
  '.nv-button.fluid': {
336
326
  'width': '100%'
package/dist/css/nova-utils.css CHANGED
@@ -7484,7 +7484,6 @@ h6 {
7484
7484
  .nv-button:focus-visible, .nv-button:has(:focus-visible) {
7485
7485
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
7486
7486
  outline-offset: calc(var(--focus-outline-offset) * 1);
7487
- z-index: 111;
7488
7487
  }
7489
7488
 
7490
7489
  .nv-button:disabled:not([disabled=false]) {
@@ -7518,7 +7517,6 @@ h6 {
7518
7517
  .nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible) {
7519
7518
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
7520
7519
  outline-offset: calc(var(--focus-outline-offset) * 1);
7521
- z-index: 111;
7522
7520
  }
7523
7521
 
7524
7522
  .nv-button.size-xs {
@@ -7602,7 +7600,6 @@ h6 {
7602
7600
  .nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible) {
7603
7601
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
7604
7602
  outline-offset: calc(var(--focus-outline-offset) * 1);
7605
- z-index: 111;
7606
7603
  }
7607
7604
 
7608
7605
  .nv-button.emphasis-high:disabled:not([disabled=false]) {
@@ -7636,7 +7633,6 @@ h6 {
7636
7633
  .nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible) {
7637
7634
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
7638
7635
  outline-offset: calc(var(--focus-outline-offset) * 1);
7639
- z-index: 111;
7640
7636
  }
7641
7637
 
7642
7638
  .nv-button.emphasis-medium {
@@ -7664,7 +7660,6 @@ h6 {
7664
7660
  .nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible) {
7665
7661
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
7666
7662
  outline-offset: calc(var(--focus-outline-offset) * 1);
7667
- z-index: 111;
7668
7663
  }
7669
7664
 
7670
7665
  .nv-button.emphasis-medium:disabled:not([disabled=false]) {
@@ -7698,7 +7693,6 @@ h6 {
7698
7693
  .nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible) {
7699
7694
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
7700
7695
  outline-offset: calc(var(--focus-outline-offset) * 1);
7701
- z-index: 111;
7702
7696
  }
7703
7697
 
7704
7698
  .nv-button.emphasis-low {
@@ -7726,7 +7720,6 @@ h6 {
7726
7720
  .nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible) {
7727
7721
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
7728
7722
  outline-offset: calc(var(--focus-outline-offset) * 1);
7729
- z-index: 111;
7730
7723
  }
7731
7724
 
7732
7725
  .nv-button.emphasis-low:disabled:not([disabled=false]) {
@@ -7760,7 +7753,6 @@ h6 {
7760
7753
  .nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible) {
7761
7754
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
7762
7755
  outline-offset: calc(var(--focus-outline-offset) * 1);
7763
- z-index: 111;
7764
7756
  }
7765
7757
 
7766
7758
  .nv-button.emphasis-lower {
@@ -7788,7 +7780,6 @@ h6 {
7788
7780
  .nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible) {
7789
7781
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
7790
7782
  outline-offset: calc(var(--focus-outline-offset) * 1);
7791
- z-index: 111;
7792
7783
  }
7793
7784
 
7794
7785
  .nv-button.emphasis-lower:disabled:not([disabled=false]) {
@@ -7822,7 +7813,6 @@ h6 {
7822
7813
  .nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible) {
7823
7814
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
7824
7815
  outline-offset: calc(var(--focus-outline-offset) * 1);
7825
- z-index: 111;
7826
7816
  }
7827
7817
 
7828
7818
  .nv-button.fluid {
package/dist/generated/nova-tailwind-components.d.ts CHANGED
@@ -46,7 +46,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
46
46
  '.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
47
47
  outline: string;
48
48
  outlineOffset: string;
49
- zIndex: string;
50
49
  };
51
50
  '.nv-button:disabled:not([disabled=false])': {
52
51
  opacity: string;
@@ -74,7 +73,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
74
73
  '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
75
74
  outline: string;
76
75
  outlineOffset: string;
77
- zIndex: string;
78
76
  };
79
77
  '.nv-button.size-xs': {
80
78
  padding: string;
@@ -145,7 +143,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
145
143
  '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
146
144
  outline: string;
147
145
  outlineOffset: string;
148
- zIndex: string;
149
146
  };
150
147
  '.nv-button.emphasis-high:disabled:not([disabled=false])': {
151
148
  opacity: string;
@@ -173,7 +170,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
173
170
  '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
174
171
  outline: string;
175
172
  outlineOffset: string;
176
- zIndex: string;
177
173
  };
178
174
  '.nv-button.emphasis-medium': {
179
175
  background: string;
@@ -196,7 +192,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
196
192
  '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
197
193
  outline: string;
198
194
  outlineOffset: string;
199
- zIndex: string;
200
195
  };
201
196
  '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
202
197
  opacity: string;
@@ -224,7 +219,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
224
219
  '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
225
220
  outline: string;
226
221
  outlineOffset: string;
227
- zIndex: string;
228
222
  };
229
223
  '.nv-button.emphasis-low': {
230
224
  background: string;
@@ -247,7 +241,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
247
241
  '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
248
242
  outline: string;
249
243
  outlineOffset: string;
250
- zIndex: string;
251
244
  };
252
245
  '.nv-button.emphasis-low:disabled:not([disabled=false])': {
253
246
  opacity: string;
@@ -275,7 +268,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
275
268
  '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
276
269
  outline: string;
277
270
  outlineOffset: string;
278
- zIndex: string;
279
271
  };
280
272
  '.nv-button.emphasis-lower': {
281
273
  background: string;
@@ -298,7 +290,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
298
290
  '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
299
291
  outline: string;
300
292
  outlineOffset: string;
301
- zIndex: string;
302
293
  };
303
294
  '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
304
295
  opacity: string;
@@ -326,7 +317,6 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
326
317
  '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
327
318
  outline: string;
328
319
  outlineOffset: string;
329
- zIndex: string;
330
320
  };
331
321
  '.nv-button.fluid': {
332
322
  width: string;
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -46,8 +46,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
46
46
  },
47
47
  '.nv-button:focus-visible, .nv-button:has(:focus-visible)': {
48
48
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
49
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
50
- 'zIndex': '111'
49
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
51
50
  },
52
51
  '.nv-button:disabled:not([disabled=false])': {
53
52
  'opacity': '0.5',
@@ -74,8 +73,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
74
73
  },
75
74
  '.nv-button.danger:focus-visible, .nv-button.danger:has(:focus-visible)': {
76
75
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
77
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
78
- 'zIndex': '111'
76
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
79
77
  },
80
78
  '.nv-button.size-xs': {
81
79
  'padding': 'var(--button-xs-padding-y) var(--button-xs-padding-x)',
@@ -145,8 +143,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
145
143
  },
146
144
  '.nv-button.emphasis-high:focus-visible, .nv-button.emphasis-high:has(:focus-visible)': {
147
145
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
148
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
149
- 'zIndex': '111'
146
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
150
147
  },
151
148
  '.nv-button.emphasis-high:disabled:not([disabled=false])': {
152
149
  'opacity': '0.5',
@@ -173,8 +170,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
173
170
  },
174
171
  '.nv-button.emphasis-high.danger:focus-visible, .nv-button.emphasis-high.danger:has(:focus-visible)': {
175
172
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
176
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
177
- 'zIndex': '111'
173
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
178
174
  },
179
175
  '.nv-button.emphasis-medium': {
180
176
  'background': 'var(--components-button-medium-background)',
@@ -196,8 +192,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
196
192
  },
197
193
  '.nv-button.emphasis-medium:focus-visible, .nv-button.emphasis-medium:has(:focus-visible)': {
198
194
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
199
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
200
- 'zIndex': '111'
195
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
201
196
  },
202
197
  '.nv-button.emphasis-medium:disabled:not([disabled=false])': {
203
198
  'opacity': '0.5',
@@ -224,8 +219,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
224
219
  },
225
220
  '.nv-button.emphasis-medium.danger:focus-visible, .nv-button.emphasis-medium.danger:has(:focus-visible)': {
226
221
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
227
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
228
- 'zIndex': '111'
222
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
229
223
  },
230
224
  '.nv-button.emphasis-low': {
231
225
  'background': 'var(--components-button-low-background)',
@@ -247,8 +241,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
247
241
  },
248
242
  '.nv-button.emphasis-low:focus-visible, .nv-button.emphasis-low:has(:focus-visible)': {
249
243
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
250
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
251
- 'zIndex': '111'
244
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
252
245
  },
253
246
  '.nv-button.emphasis-low:disabled:not([disabled=false])': {
254
247
  'opacity': '0.5',
@@ -275,8 +268,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
275
268
  },
276
269
  '.nv-button.emphasis-low.danger:focus-visible, .nv-button.emphasis-low.danger:has(:focus-visible)': {
277
270
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
278
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
279
- 'zIndex': '111'
271
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
280
272
  },
281
273
  '.nv-button.emphasis-lower': {
282
274
  'background': 'var(--components-button-lower-background)',
@@ -298,8 +290,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
298
290
  },
299
291
  '.nv-button.emphasis-lower:focus-visible, .nv-button.emphasis-lower:has(:focus-visible)': {
300
292
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand)',
301
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
302
- 'zIndex': '111'
293
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
303
294
  },
304
295
  '.nv-button.emphasis-lower:disabled:not([disabled=false])': {
305
296
  'opacity': '0.5',
@@ -326,8 +317,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
326
317
  },
327
318
  '.nv-button.emphasis-lower.danger:focus-visible, .nv-button.emphasis-lower.danger:has(:focus-visible)': {
328
319
  'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive)',
329
- 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
330
- 'zIndex': '111'
320
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)'
331
321
  },
332
322
  '.nv-button.fluid': {
333
323
  'width': '100%'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.11.0",
3
+ "version": "3.12.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",