@nova-design-system/nova-base 3.10.0 → 3.11.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 (12) hide show
  1. package/dist/css/mccs.css +187 -187
  2. package/dist/css/ocean.css +187 -187
  3. package/dist/css/spark.css +187 -187
  4. package/dist/js/mccs_dark.js +25 -25
  5. package/dist/js/mccs_light.js +25 -25
  6. package/dist/js/ocean_dark.js +25 -25
  7. package/dist/js/ocean_light.js +25 -25
  8. package/dist/js/primitives.js +91 -91
  9. package/dist/js/spacings.js +347 -347
  10. package/dist/js/spark_dark.js +25 -25
  11. package/dist/js/spark_light.js +25 -25
  12. package/package.json +1 -1
package/dist/css/ocean.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: 0px;
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: 0.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(11, 15, 17, 0.32);
66
66
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.14);
67
67
  --shadow-color-opacity-1: rgba(11, 15, 17, 0.09);
@@ -619,31 +619,31 @@
619
619
  --components-button-high-border-active: rgba(255, 255, 255, 0);
620
620
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
621
621
  --components-button-high-border: rgba(255, 255, 255, 0);
622
- --shadow-y-axis-2xl: 25px;
623
- --shadow-y-axis-xl-2: 20px;
624
- --shadow-y-axis-xl-1: 10px;
625
- --shadow-y-axis-lg-2: 10px;
626
- --shadow-y-axis-lg-1: 4px;
627
- --shadow-y-axis-md-2: 4px;
628
- --shadow-y-axis-md-1: 2px;
629
- --shadow-y-axis-base-2: 1px;
630
- --shadow-y-axis-base-1: 1px;
631
- --shadow-y-axis-none: 0px;
632
- --shadow-spread-2xl: -12px;
633
- --shadow-spread-xl: -5px;
634
- --shadow-spread-lg-2: -3px;
635
- --shadow-spread-lg-1: -2px;
636
- --shadow-spread-md: 0px;
637
- --shadow-spread-base: 0px;
638
- --shadow-blur-2xl: 50px;
639
- --shadow-blur-xl-2: 25px;
640
- --shadow-blur-xl-1: 10px;
641
- --shadow-blur-lg-2: 15px;
642
- --shadow-blur-lg-1: 6px;
643
- --shadow-blur-md-2: 6px;
644
- --shadow-blur-md-1: 4px;
645
- --shadow-blur-base-2: 2px;
646
- --shadow-blur-base-1: 3px;
622
+ --shadow-y-axis-2xl: 25.0000px;
623
+ --shadow-y-axis-xl-2: 20.0000px;
624
+ --shadow-y-axis-xl-1: 10.0000px;
625
+ --shadow-y-axis-lg-2: 10.0000px;
626
+ --shadow-y-axis-lg-1: 4.0000px;
627
+ --shadow-y-axis-md-2: 4.0000px;
628
+ --shadow-y-axis-md-1: 2.0000px;
629
+ --shadow-y-axis-base-2: 1.0000px;
630
+ --shadow-y-axis-base-1: 1.0000px;
631
+ --shadow-y-axis-none: 0.0000px;
632
+ --shadow-spread-2xl: -12.0000px;
633
+ --shadow-spread-xl: -5.0000px;
634
+ --shadow-spread-lg-2: -3.0000px;
635
+ --shadow-spread-lg-1: -2.0000px;
636
+ --shadow-spread-md: 0.0000px;
637
+ --shadow-spread-base: 0.0000px;
638
+ --shadow-blur-2xl: 50.0000px;
639
+ --shadow-blur-xl-2: 25.0000px;
640
+ --shadow-blur-xl-1: 10.0000px;
641
+ --shadow-blur-lg-2: 15.0000px;
642
+ --shadow-blur-lg-1: 6.0000px;
643
+ --shadow-blur-md-2: 6.0000px;
644
+ --shadow-blur-md-1: 4.0000px;
645
+ --shadow-blur-base-2: 2.0000px;
646
+ --shadow-blur-base-1: 3.0000px;
647
647
  --shadow-color-opacity-3: rgba(11, 15, 17, 0.25);
648
648
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.1);
649
649
  --shadow-color-opacity-1: rgba(11, 15, 17, 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);