@nova-design-system/nova-base 3.10.1-beta.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 (17) 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/mccs.css +187 -187
  4. package/dist/css/nova-utils.css +0 -10
  5. package/dist/css/ocean.css +187 -187
  6. package/dist/css/spark.css +187 -187
  7. package/dist/generated/nova-tailwind-components.d.ts +0 -10
  8. package/dist/generated/nova-tailwind-components.js +10 -20
  9. package/dist/js/mccs_dark.js +25 -25
  10. package/dist/js/mccs_light.js +25 -25
  11. package/dist/js/ocean_dark.js +25 -25
  12. package/dist/js/ocean_light.js +25 -25
  13. package/dist/js/primitives.js +91 -91
  14. package/dist/js/spacings.js +347 -347
  15. package/dist/js/spark_dark.js +25 -25
  16. package/dist/js/spark_light.js +25 -25
  17. package/package.json +1 -1
package/dist/css/spark.css CHANGED
@@ -37,31 +37,31 @@
37
37
  --components-button-high-border-active: rgba(255, 255, 255, 0);
38
38
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
39
39
  --components-button-high-border: rgba(255, 255, 255, 0);
40
- --shadow-y-axis-2xl: 25px;
41
- --shadow-y-axis-xl-2: 20px;
42
- --shadow-y-axis-xl-1: 10px;
43
- --shadow-y-axis-lg-2: 10px;
44
- --shadow-y-axis-lg-1: 4px;
45
- --shadow-y-axis-md-2: 4px;
46
- --shadow-y-axis-md-1: 2px;
47
- --shadow-y-axis-base-2: 1px;
48
- --shadow-y-axis-base-1: 1px;
49
- --shadow-y-axis-none: 0px;
50
- --shadow-spread-2xl: -6px;
51
- --shadow-spread-xl: -2px;
52
- --shadow-spread-lg-2: 0px;
53
- --shadow-spread-lg-1: 0px;
54
- --shadow-spread-md: 0px;
55
- --shadow-spread-base: 0px;
56
- --shadow-blur-2xl: 50px;
57
- --shadow-blur-xl-2: 25px;
58
- --shadow-blur-xl-1: 10px;
59
- --shadow-blur-lg-2: 15px;
60
- --shadow-blur-lg-1: 6px;
61
- --shadow-blur-md-2: 6px;
62
- --shadow-blur-md-1: 4px;
63
- --shadow-blur-base-2: 2px;
64
- --shadow-blur-base-1: 3px;
40
+ --shadow-y-axis-2xl: 25.0000px;
41
+ --shadow-y-axis-xl-2: 20.0000px;
42
+ --shadow-y-axis-xl-1: 10.0000px;
43
+ --shadow-y-axis-lg-2: 10.0000px;
44
+ --shadow-y-axis-lg-1: 4.0000px;
45
+ --shadow-y-axis-md-2: 4.0000px;
46
+ --shadow-y-axis-md-1: 2.0000px;
47
+ --shadow-y-axis-base-2: 1.0000px;
48
+ --shadow-y-axis-base-1: 1.0000px;
49
+ --shadow-y-axis-none: 0.0000px;
50
+ --shadow-spread-2xl: -6.0000px;
51
+ --shadow-spread-xl: -2.0000px;
52
+ --shadow-spread-lg-2: 0.0000px;
53
+ --shadow-spread-lg-1: 0.0000px;
54
+ --shadow-spread-md: 0.0000px;
55
+ --shadow-spread-base: 0.0000px;
56
+ --shadow-blur-2xl: 50.0000px;
57
+ --shadow-blur-xl-2: 25.0000px;
58
+ --shadow-blur-xl-1: 10.0000px;
59
+ --shadow-blur-lg-2: 15.0000px;
60
+ --shadow-blur-lg-1: 6.0000px;
61
+ --shadow-blur-md-2: 6.0000px;
62
+ --shadow-blur-md-1: 4.0000px;
63
+ --shadow-blur-base-2: 2.0000px;
64
+ --shadow-blur-base-1: 3.0000px;
65
65
  --shadow-color-opacity-3: rgba(14, 14, 14, 0.32);
66
66
  --shadow-color-opacity-2: rgba(14, 14, 14, 0.14);
67
67
  --shadow-color-opacity-1: rgba(14, 14, 14, 0.09);
@@ -617,31 +617,31 @@
617
617
  --components-button-low-border: rgba(255, 255, 255, 0);
618
618
  --components-button-low-background: rgba(255, 255, 255, 0);
619
619
  --components-button-high-border: rgba(255, 255, 255, 0);
620
- --shadow-y-axis-2xl: 25px;
621
- --shadow-y-axis-xl-2: 20px;
622
- --shadow-y-axis-xl-1: 10px;
623
- --shadow-y-axis-lg-2: 10px;
624
- --shadow-y-axis-lg-1: 4px;
625
- --shadow-y-axis-md-2: 4px;
626
- --shadow-y-axis-md-1: 2px;
627
- --shadow-y-axis-base-2: 1px;
628
- --shadow-y-axis-base-1: 1px;
629
- --shadow-y-axis-none: 0px;
630
- --shadow-spread-2xl: -12px;
631
- --shadow-spread-xl: -5px;
632
- --shadow-spread-lg-2: -3px;
633
- --shadow-spread-lg-1: -2px;
634
- --shadow-spread-md: 0px;
635
- --shadow-spread-base: 0px;
636
- --shadow-blur-2xl: 50px;
637
- --shadow-blur-xl-2: 25px;
638
- --shadow-blur-xl-1: 10px;
639
- --shadow-blur-lg-2: 15px;
640
- --shadow-blur-lg-1: 6px;
641
- --shadow-blur-md-2: 6px;
642
- --shadow-blur-md-1: 4px;
643
- --shadow-blur-base-2: 2px;
644
- --shadow-blur-base-1: 3px;
620
+ --shadow-y-axis-2xl: 25.0000px;
621
+ --shadow-y-axis-xl-2: 20.0000px;
622
+ --shadow-y-axis-xl-1: 10.0000px;
623
+ --shadow-y-axis-lg-2: 10.0000px;
624
+ --shadow-y-axis-lg-1: 4.0000px;
625
+ --shadow-y-axis-md-2: 4.0000px;
626
+ --shadow-y-axis-md-1: 2.0000px;
627
+ --shadow-y-axis-base-2: 1.0000px;
628
+ --shadow-y-axis-base-1: 1.0000px;
629
+ --shadow-y-axis-none: 0.0000px;
630
+ --shadow-spread-2xl: -12.0000px;
631
+ --shadow-spread-xl: -5.0000px;
632
+ --shadow-spread-lg-2: -3.0000px;
633
+ --shadow-spread-lg-1: -2.0000px;
634
+ --shadow-spread-md: 0.0000px;
635
+ --shadow-spread-base: 0.0000px;
636
+ --shadow-blur-2xl: 50.0000px;
637
+ --shadow-blur-xl-2: 25.0000px;
638
+ --shadow-blur-xl-1: 10.0000px;
639
+ --shadow-blur-lg-2: 15.0000px;
640
+ --shadow-blur-lg-1: 6.0000px;
641
+ --shadow-blur-md-2: 6.0000px;
642
+ --shadow-blur-md-1: 4.0000px;
643
+ --shadow-blur-base-2: 2.0000px;
644
+ --shadow-blur-base-1: 3.0000px;
645
645
  --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);
646
646
  --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);
647
647
  --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);
@@ -1144,100 +1144,100 @@
1144
1144
  */
1145
1145
 
1146
1146
  :root {
1147
- --letter-spacing-heading-xl: -1px;
1148
- --letter-spacing-heading-lg: -0.75px;
1149
- --letter-spacing-heading-md: -0.5px;
1150
- --letter-spacing-heading-sm: -0.25px;
1151
- --letter-spacing-heading-xs: 0px;
1152
- --spacing-09: 36px;
1153
- --spacing-07: 28px;
1154
- --spacing-3-5: 14px;
1155
- --spacing-2-5: 10px;
1156
- --spacing-1-5: 6px;
1157
- --spacing-0-5: 2px;
1158
- --spacing-px: 1px;
1159
- --spacing-96: 384px;
1160
- --spacing-80: 320px;
1161
- --spacing-72: 288px;
1162
- --spacing-64: 256px;
1163
- --spacing-60: 240px;
1164
- --spacing-56: 224px;
1165
- --spacing-52: 208px;
1166
- --spacing-48: 192px;
1167
- --spacing-44: 176px;
1168
- --spacing-40: 160px;
1169
- --spacing-36: 144px;
1170
- --spacing-32: 128px;
1171
- --spacing-28: 112px;
1172
- --spacing-24: 96px;
1173
- --spacing-20: 80px;
1174
- --spacing-16: 64px;
1175
- --spacing-14: 56px;
1176
- --spacing-12: 48px;
1177
- --spacing-11: 44px;
1178
- --spacing-10: 40px;
1179
- --spacing-9: 36px;
1180
- --spacing-8: 32px;
1181
- --spacing-7: 28px;
1182
- --spacing-6: 24px;
1183
- --spacing-5: 20px;
1184
- --spacing-4: 16px;
1185
- --spacing-3: 12px;
1186
- --spacing-2: 8px;
1187
- --spacing-1: 4px;
1188
- --spacing-0: 0px;
1189
- --radius-rounded-full: 9999px;
1190
- --radius-rounded-3xl: 24px;
1191
- --radius-rounded-2xl: 16px;
1192
- --radius-rounded-xl: 12px;
1193
- --radius-rounded-lg: 8px;
1194
- --radius-rounded-md: 6px;
1195
- --radius-rounded: 4px;
1196
- --radius-rounded-sm: 2px;
1197
- --radius-rounded-none: 0px;
1198
- --line-height-9xl: 128px;
1199
- --line-height-8xl: 96px;
1200
- --line-height-7xl: 72px;
1201
- --line-height-6xl: 60px;
1202
- --line-height-5xl: 48px;
1203
- --line-height-4xl: 40px;
1204
- --line-height-3xl: 36px;
1205
- --line-height-2xl: 32px;
1206
- --line-height-xl: 30px;
1207
- --line-height-lg: 28px;
1208
- --line-height-base: 24px;
1209
- --line-height-sm: 20px;
1210
- --line-height-xs: 16px;
1211
- --leading-loose: 2px;
1212
- --leading-relaxed: 1.625px;
1213
- --leading-normal: 1.5px;
1214
- --leading-snug: 1.375px;
1215
- --leading-tight: 1.25px;
1216
- --leading-none: 1px;
1217
- --leading-px-10: 40px;
1218
- --leading-px-9: 36px;
1219
- --leading-px-8: 32px;
1220
- --leading-px-7: 28px;
1221
- --leading-px-6: 24px;
1222
- --leading-px-5: 20px;
1223
- --leading-px-4: 16px;
1224
- --leading-px-3: 12px;
1147
+ --letter-spacing-heading-xl: -1.0000px;
1148
+ --letter-spacing-heading-lg: -0.7500px;
1149
+ --letter-spacing-heading-md: -0.5000px;
1150
+ --letter-spacing-heading-sm: -0.2500px;
1151
+ --letter-spacing-heading-xs: 0.0000px;
1152
+ --spacing-09: 36.0000px;
1153
+ --spacing-07: 28.0000px;
1154
+ --spacing-3-5: 14.0000px;
1155
+ --spacing-2-5: 10.0000px;
1156
+ --spacing-1-5: 6.0000px;
1157
+ --spacing-0-5: 2.0000px;
1158
+ --spacing-px: 1.0000px;
1159
+ --spacing-96: 384.0000px;
1160
+ --spacing-80: 320.0000px;
1161
+ --spacing-72: 288.0000px;
1162
+ --spacing-64: 256.0000px;
1163
+ --spacing-60: 240.0000px;
1164
+ --spacing-56: 224.0000px;
1165
+ --spacing-52: 208.0000px;
1166
+ --spacing-48: 192.0000px;
1167
+ --spacing-44: 176.0000px;
1168
+ --spacing-40: 160.0000px;
1169
+ --spacing-36: 144.0000px;
1170
+ --spacing-32: 128.0000px;
1171
+ --spacing-28: 112.0000px;
1172
+ --spacing-24: 96.0000px;
1173
+ --spacing-20: 80.0000px;
1174
+ --spacing-16: 64.0000px;
1175
+ --spacing-14: 56.0000px;
1176
+ --spacing-12: 48.0000px;
1177
+ --spacing-11: 44.0000px;
1178
+ --spacing-10: 40.0000px;
1179
+ --spacing-9: 36.0000px;
1180
+ --spacing-8: 32.0000px;
1181
+ --spacing-7: 28.0000px;
1182
+ --spacing-6: 24.0000px;
1183
+ --spacing-5: 20.0000px;
1184
+ --spacing-4: 16.0000px;
1185
+ --spacing-3: 12.0000px;
1186
+ --spacing-2: 8.0000px;
1187
+ --spacing-1: 4.0000px;
1188
+ --spacing-0: 0.0000px;
1189
+ --radius-rounded-full: 9999.0000px;
1190
+ --radius-rounded-3xl: 24.0000px;
1191
+ --radius-rounded-2xl: 16.0000px;
1192
+ --radius-rounded-xl: 12.0000px;
1193
+ --radius-rounded-lg: 8.0000px;
1194
+ --radius-rounded-md: 6.0000px;
1195
+ --radius-rounded: 4.0000px;
1196
+ --radius-rounded-sm: 2.0000px;
1197
+ --radius-rounded-none: 0.0000px;
1198
+ --line-height-9xl: 128.0000px;
1199
+ --line-height-8xl: 96.0000px;
1200
+ --line-height-7xl: 72.0000px;
1201
+ --line-height-6xl: 60.0000px;
1202
+ --line-height-5xl: 48.0000px;
1203
+ --line-height-4xl: 40.0000px;
1204
+ --line-height-3xl: 36.0000px;
1205
+ --line-height-2xl: 32.0000px;
1206
+ --line-height-xl: 30.0000px;
1207
+ --line-height-lg: 28.0000px;
1208
+ --line-height-base: 24.0000px;
1209
+ --line-height-sm: 20.0000px;
1210
+ --line-height-xs: 16.0000px;
1211
+ --leading-loose: 2.0000px;
1212
+ --leading-relaxed: 1.6250px;
1213
+ --leading-normal: 1.5000px;
1214
+ --leading-snug: 1.3750px;
1215
+ --leading-tight: 1.2500px;
1216
+ --leading-none: 1.0000px;
1217
+ --leading-px-10: 40.0000px;
1218
+ --leading-px-9: 36.0000px;
1219
+ --leading-px-8: 32.0000px;
1220
+ --leading-px-7: 28.0000px;
1221
+ --leading-px-6: 24.0000px;
1222
+ --leading-px-5: 20.0000px;
1223
+ --leading-px-4: 16.0000px;
1224
+ --leading-px-3: 12.0000px;
1225
1225
  --font-weight-low-emphasis: 400;
1226
1226
  --font-weight-medium-emphasis: 500;
1227
1227
  --font-weight-high-emphasis: 700;
1228
- --font-size-9xl: 128px;
1229
- --font-size-8xl: 96px;
1230
- --font-size-7xl: 72px;
1231
- --font-size-6xl: 60px;
1232
- --font-size-5xl: 48px;
1233
- --font-size-4xl: 36px;
1234
- --font-size-3xl: 30px;
1235
- --font-size-2xl: 24px;
1236
- --font-size-xl: 20px;
1237
- --font-size-lg: 18px;
1238
- --font-size-md: 16px;
1239
- --font-size-sm: 14px;
1240
- --font-size-xs: 12px;
1228
+ --font-size-9xl: 128.0000px;
1229
+ --font-size-8xl: 96.0000px;
1230
+ --font-size-7xl: 72.0000px;
1231
+ --font-size-6xl: 60.0000px;
1232
+ --font-size-5xl: 48.0000px;
1233
+ --font-size-4xl: 36.0000px;
1234
+ --font-size-3xl: 30.0000px;
1235
+ --font-size-2xl: 24.0000px;
1236
+ --font-size-xl: 20.0000px;
1237
+ --font-size-lg: 18.0000px;
1238
+ --font-size-md: 16.0000px;
1239
+ --font-size-sm: 14.0000px;
1240
+ --font-size-xs: 12.0000px;
1241
1241
  --color-yellow-900: #4d3a00;
1242
1242
  --color-yellow-800: #795c00;
1243
1243
  --color-yellow-700: #a67d00;
@@ -1423,23 +1423,23 @@
1423
1423
  */
1424
1424
 
1425
1425
  :root {
1426
- --togglegroup-md-iconbutton-padding-y: 7px;
1427
- --togglegroup-md-button-radius: 3px;
1428
- --togglegroup-md-button-padding-y: 5px;
1429
- --togglegroup-md-padding: 3px;
1430
- --togglegroup-lg-iconbutton-padding-y: 9px;
1431
- --togglegroup-lg-button-radius: 5px;
1432
- --togglegroup-lg-button-padding-y: 7px;
1433
- --togglegroup-lg-padding: 3px;
1434
- --togglegroup-sm-padding: 3px;
1435
- --togglegroup-sm-iconbutton-padding-y: 5px;
1436
- --togglegroup-sm-button-radius: 2px;
1437
- --togglegroup-sm-button-padding-y: 3px;
1438
- --togglegroup-xs-iconbutton-padding-y: 3px;
1439
- --togglegroup-xs-button-radius: 1px;
1440
- --togglegroup-xs-button-padding-y: 1px;
1441
- --togglegroup-xs-padding: 3px;
1442
- --slider-tick-radius: 1px;
1426
+ --togglegroup-md-iconbutton-padding-y: 7.0000px;
1427
+ --togglegroup-md-button-radius: 3.0000px;
1428
+ --togglegroup-md-button-padding-y: 5.0000px;
1429
+ --togglegroup-md-padding: 3.0000px;
1430
+ --togglegroup-lg-iconbutton-padding-y: 9.0000px;
1431
+ --togglegroup-lg-button-radius: 5.0000px;
1432
+ --togglegroup-lg-button-padding-y: 7.0000px;
1433
+ --togglegroup-lg-padding: 3.0000px;
1434
+ --togglegroup-sm-padding: 3.0000px;
1435
+ --togglegroup-sm-iconbutton-padding-y: 5.0000px;
1436
+ --togglegroup-sm-button-radius: 2.0000px;
1437
+ --togglegroup-sm-button-padding-y: 3.0000px;
1438
+ --togglegroup-xs-iconbutton-padding-y: 3.0000px;
1439
+ --togglegroup-xs-button-radius: 1.0000px;
1440
+ --togglegroup-xs-button-padding-y: 1.0000px;
1441
+ --togglegroup-xs-padding: 3.0000px;
1442
+ --slider-tick-radius: 1.0000px;
1443
1443
  --global-typography-legend-font-style: uppercase;
1444
1444
  --global-typography-label-font-style: normal;
1445
1445
  --global-typography-small-font-style: normal;
@@ -1451,37 +1451,37 @@
1451
1451
  --global-typography-h2-font-style: normal;
1452
1452
  --global-typography-h1-font-style: normal;
1453
1453
  --tooltip-font-weight: 500;
1454
- --popover-shadow-2-x: 0px;
1455
- --popover-shadow-1-blur: 1px;
1456
- --popover-shadow-1-x: 0px;
1454
+ --popover-shadow-2-x: 0.0000px;
1455
+ --popover-shadow-1-blur: 1.0000px;
1456
+ --popover-shadow-1-x: 0.0000px;
1457
1457
  --popover-font-weight: 500;
1458
1458
  --menu-contextual-item-font-weight: 500;
1459
- --menu-contextual-divider-padding-bottom: 3px;
1460
- --form-max-width: 480px;
1461
- --form-field-badge-gap: 0px;
1462
- --list-native-separator-padding-y: 3px;
1463
- --list-native-separator-padding-x: 9px;
1464
- --icon-stroke-xl: 1.899999976158142px;
1465
- --icon-stroke-lg: 1.7999999523162842px;
1466
- --icon-stroke-md: 1.600000023841858px;
1467
- --icon-stroke-sm: 1.399999976158142px;
1468
- --icon-stroke-xs: 1.2000000476837158px;
1469
- --calendar-cell-dot-size: 3px;
1470
- --button-lg-ring-radius: 9px;
1471
- --button-md-ring-radius: 7px;
1472
- --button-sm-ring-radius: 5px;
1473
- --button-xs-ring-radius: 3px;
1474
- --buttongroup-md-button-radius: 3px;
1475
- --buttongroup-md-button-padding-y: 5px;
1476
- --buttongroup-md-padding: 3px;
1477
- --buttongroup-lg-button-radius: 4px;
1478
- --buttongroup-lg-button-padding-y: 6px;
1479
- --buttongroup-lg-padding: 4px;
1480
- --buttongroup-sm-padding: 2px;
1481
- --buttongroup-sm-button-radius: 2px;
1482
- --buttongroup-sm-button-padding-y: 4px;
1483
- --buttongroup-xs-button-radius: 1px;
1484
- --buttongroup-xs-padding: 2px;
1459
+ --menu-contextual-divider-padding-bottom: 3.0000px;
1460
+ --form-max-width: 480.0000px;
1461
+ --form-field-badge-gap: 0.0000px;
1462
+ --list-native-separator-padding-y: 3.0000px;
1463
+ --list-native-separator-padding-x: 9.0000px;
1464
+ --icon-stroke-xl: 1.9000px;
1465
+ --icon-stroke-lg: 1.8000px;
1466
+ --icon-stroke-md: 1.6000px;
1467
+ --icon-stroke-sm: 1.4000px;
1468
+ --icon-stroke-xs: 1.2000px;
1469
+ --calendar-cell-dot-size: 3.0000px;
1470
+ --button-lg-ring-radius: 9.0000px;
1471
+ --button-md-ring-radius: 7.0000px;
1472
+ --button-sm-ring-radius: 5.0000px;
1473
+ --button-xs-ring-radius: 3.0000px;
1474
+ --buttongroup-md-button-radius: 3.0000px;
1475
+ --buttongroup-md-button-padding-y: 5.0000px;
1476
+ --buttongroup-md-padding: 3.0000px;
1477
+ --buttongroup-lg-button-radius: 4.0000px;
1478
+ --buttongroup-lg-button-padding-y: 6.0000px;
1479
+ --buttongroup-lg-padding: 4.0000px;
1480
+ --buttongroup-sm-padding: 2.0000px;
1481
+ --buttongroup-sm-button-radius: 2.0000px;
1482
+ --buttongroup-sm-button-padding-y: 4.0000px;
1483
+ --buttongroup-xs-button-radius: 1.0000px;
1484
+ --buttongroup-xs-padding: 2.0000px;
1485
1485
  --notification-title-line-height: var(--line-height-sm);
1486
1486
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
1487
1487
  --notification-title-font-size: var(--font-size-sm);
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/dist/js/mccs_dark.js CHANGED
@@ -210,31 +210,31 @@ export const ShadowColorOpacity0 = "#0b0f11";
210
210
  export const ShadowColorOpacity1 = "#0b0f11";
211
211
  export const ShadowColorOpacity2 = "#0b0f11";
212
212
  export const ShadowColorOpacity3 = "#0b0f11";
213
- export const ShadowBlurBase1 = "3px";
214
- export const ShadowBlurBase2 = "2px";
215
- export const ShadowBlurMd1 = "4px";
216
- export const ShadowBlurMd2 = "6px";
217
- export const ShadowBlurLg1 = "6px";
218
- export const ShadowBlurLg2 = "15px";
219
- export const ShadowBlurXl1 = "10px";
220
- export const ShadowBlurXl2 = "0px";
221
- export const ShadowBlur2xl = "50px";
222
- export const ShadowSpreadBase = "0px";
223
- export const ShadowSpreadMd = "0px";
224
- export const ShadowSpreadLg1 = "0px";
225
- export const ShadowSpreadLg2 = "0px";
226
- export const ShadowSpreadXl = "-2px";
227
- export const ShadowSpread2xl = "-6px";
228
- export const ShadowYAxisNone = "0px";
229
- export const ShadowYAxisBase1 = "1px";
230
- export const ShadowYAxisBase2 = "1px";
231
- export const ShadowYAxisMd1 = "2px";
232
- export const ShadowYAxisMd2 = "4px";
233
- export const ShadowYAxisLg1 = "4px";
234
- export const ShadowYAxisLg2 = "10px";
235
- export const ShadowYAxisXl1 = "10px";
236
- export const ShadowYAxisXl2 = "20px";
237
- export const ShadowYAxis2xl = "25px";
213
+ export const ShadowBlurBase1 = "3.0000px";
214
+ export const ShadowBlurBase2 = "2.0000px";
215
+ export const ShadowBlurMd1 = "4.0000px";
216
+ export const ShadowBlurMd2 = "6.0000px";
217
+ export const ShadowBlurLg1 = "6.0000px";
218
+ export const ShadowBlurLg2 = "15.0000px";
219
+ export const ShadowBlurXl1 = "10.0000px";
220
+ export const ShadowBlurXl2 = "0.0000px";
221
+ export const ShadowBlur2xl = "50.0000px";
222
+ export const ShadowSpreadBase = "0.0000px";
223
+ export const ShadowSpreadMd = "0.0000px";
224
+ export const ShadowSpreadLg1 = "0.0000px";
225
+ export const ShadowSpreadLg2 = "0.0000px";
226
+ export const ShadowSpreadXl = "-2.0000px";
227
+ export const ShadowSpread2xl = "-6.0000px";
228
+ export const ShadowYAxisNone = "0.0000px";
229
+ export const ShadowYAxisBase1 = "1.0000px";
230
+ export const ShadowYAxisBase2 = "1.0000px";
231
+ export const ShadowYAxisMd1 = "2.0000px";
232
+ export const ShadowYAxisMd2 = "4.0000px";
233
+ export const ShadowYAxisLg1 = "4.0000px";
234
+ export const ShadowYAxisLg2 = "10.0000px";
235
+ export const ShadowYAxisXl1 = "10.0000px";
236
+ export const ShadowYAxisXl2 = "20.0000px";
237
+ export const ShadowYAxis2xl = "25.0000px";
238
238
  export const ComponentsButtonHighBorder = "#ffffff";
239
239
  export const ComponentsButtonHighBorderHover = "#ffffff";
240
240
  export const ComponentsButtonHighBorderActive = "#ffffff";