@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/mccs.css CHANGED
@@ -33,31 +33,31 @@
33
33
  --components-button-high-border-active: rgba(255, 255, 255, 0);
34
34
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
35
35
  --components-button-high-border: rgba(255, 255, 255, 0);
36
- --shadow-y-axis-2xl: 25px;
37
- --shadow-y-axis-xl-2: 20px;
38
- --shadow-y-axis-xl-1: 10px;
39
- --shadow-y-axis-lg-2: 10px;
40
- --shadow-y-axis-lg-1: 4px;
41
- --shadow-y-axis-md-2: 4px;
42
- --shadow-y-axis-md-1: 2px;
43
- --shadow-y-axis-base-2: 1px;
44
- --shadow-y-axis-base-1: 1px;
45
- --shadow-y-axis-none: 0px;
46
- --shadow-spread-2xl: -6px;
47
- --shadow-spread-xl: -2px;
48
- --shadow-spread-lg-2: 0px;
49
- --shadow-spread-lg-1: 0px;
50
- --shadow-spread-md: 0px;
51
- --shadow-spread-base: 0px;
52
- --shadow-blur-2xl: 50px;
53
- --shadow-blur-xl-2: 0px;
54
- --shadow-blur-xl-1: 10px;
55
- --shadow-blur-lg-2: 15px;
56
- --shadow-blur-lg-1: 6px;
57
- --shadow-blur-md-2: 6px;
58
- --shadow-blur-md-1: 4px;
59
- --shadow-blur-base-2: 2px;
60
- --shadow-blur-base-1: 3px;
36
+ --shadow-y-axis-2xl: 25.0000px;
37
+ --shadow-y-axis-xl-2: 20.0000px;
38
+ --shadow-y-axis-xl-1: 10.0000px;
39
+ --shadow-y-axis-lg-2: 10.0000px;
40
+ --shadow-y-axis-lg-1: 4.0000px;
41
+ --shadow-y-axis-md-2: 4.0000px;
42
+ --shadow-y-axis-md-1: 2.0000px;
43
+ --shadow-y-axis-base-2: 1.0000px;
44
+ --shadow-y-axis-base-1: 1.0000px;
45
+ --shadow-y-axis-none: 0.0000px;
46
+ --shadow-spread-2xl: -6.0000px;
47
+ --shadow-spread-xl: -2.0000px;
48
+ --shadow-spread-lg-2: 0.0000px;
49
+ --shadow-spread-lg-1: 0.0000px;
50
+ --shadow-spread-md: 0.0000px;
51
+ --shadow-spread-base: 0.0000px;
52
+ --shadow-blur-2xl: 50.0000px;
53
+ --shadow-blur-xl-2: 0.0000px;
54
+ --shadow-blur-xl-1: 10.0000px;
55
+ --shadow-blur-lg-2: 15.0000px;
56
+ --shadow-blur-lg-1: 6.0000px;
57
+ --shadow-blur-md-2: 6.0000px;
58
+ --shadow-blur-md-1: 4.0000px;
59
+ --shadow-blur-base-2: 2.0000px;
60
+ --shadow-blur-base-1: 3.0000px;
61
61
  --shadow-color-opacity-3: rgba(11, 15, 17, 0.32);
62
62
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.14);
63
63
  --shadow-color-opacity-1: rgba(11, 15, 17, 0.09);
@@ -594,31 +594,31 @@
594
594
  --components-button-high-border-active: rgba(255, 255, 255, 0);
595
595
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
596
596
  --components-button-high-border: rgba(255, 255, 255, 0);
597
- --shadow-y-axis-2xl: 25px;
598
- --shadow-y-axis-xl-2: 20px;
599
- --shadow-y-axis-xl-1: 10px;
600
- --shadow-y-axis-lg-2: 10px;
601
- --shadow-y-axis-lg-1: 4px;
602
- --shadow-y-axis-md-2: 4px;
603
- --shadow-y-axis-md-1: 2px;
604
- --shadow-y-axis-base-2: 1px;
605
- --shadow-y-axis-base-1: 1px;
606
- --shadow-y-axis-none: 0px;
607
- --shadow-spread-2xl: -12px;
608
- --shadow-spread-xl: -5px;
609
- --shadow-spread-lg-2: -3px;
610
- --shadow-spread-lg-1: -2px;
611
- --shadow-spread-md: 0px;
612
- --shadow-spread-base: 0px;
613
- --shadow-blur-2xl: 50px;
614
- --shadow-blur-xl-2: 25px;
615
- --shadow-blur-xl-1: 10px;
616
- --shadow-blur-lg-2: 15px;
617
- --shadow-blur-lg-1: 6px;
618
- --shadow-blur-md-2: 6px;
619
- --shadow-blur-md-1: 4px;
620
- --shadow-blur-base-2: 2px;
621
- --shadow-blur-base-1: 3px;
597
+ --shadow-y-axis-2xl: 25.0000px;
598
+ --shadow-y-axis-xl-2: 20.0000px;
599
+ --shadow-y-axis-xl-1: 10.0000px;
600
+ --shadow-y-axis-lg-2: 10.0000px;
601
+ --shadow-y-axis-lg-1: 4.0000px;
602
+ --shadow-y-axis-md-2: 4.0000px;
603
+ --shadow-y-axis-md-1: 2.0000px;
604
+ --shadow-y-axis-base-2: 1.0000px;
605
+ --shadow-y-axis-base-1: 1.0000px;
606
+ --shadow-y-axis-none: 0.0000px;
607
+ --shadow-spread-2xl: -12.0000px;
608
+ --shadow-spread-xl: -5.0000px;
609
+ --shadow-spread-lg-2: -3.0000px;
610
+ --shadow-spread-lg-1: -2.0000px;
611
+ --shadow-spread-md: 0.0000px;
612
+ --shadow-spread-base: 0.0000px;
613
+ --shadow-blur-2xl: 50.0000px;
614
+ --shadow-blur-xl-2: 25.0000px;
615
+ --shadow-blur-xl-1: 10.0000px;
616
+ --shadow-blur-lg-2: 15.0000px;
617
+ --shadow-blur-lg-1: 6.0000px;
618
+ --shadow-blur-md-2: 6.0000px;
619
+ --shadow-blur-md-1: 4.0000px;
620
+ --shadow-blur-base-2: 2.0000px;
621
+ --shadow-blur-base-1: 3.0000px;
622
622
  --shadow-color-opacity-3: rgba(11, 15, 17, 0.25);
623
623
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.1);
624
624
  --shadow-color-opacity-1: rgba(11, 15, 17, 0.06);
@@ -1123,100 +1123,100 @@
1123
1123
  */
1124
1124
 
1125
1125
  :root {
1126
- --letter-spacing-heading-xl: -1px;
1127
- --letter-spacing-heading-lg: -0.75px;
1128
- --letter-spacing-heading-md: -0.5px;
1129
- --letter-spacing-heading-sm: -0.25px;
1130
- --letter-spacing-heading-xs: 0px;
1131
- --spacing-09: 36px;
1132
- --spacing-07: 28px;
1133
- --spacing-3-5: 14px;
1134
- --spacing-2-5: 10px;
1135
- --spacing-1-5: 6px;
1136
- --spacing-0-5: 2px;
1137
- --spacing-px: 1px;
1138
- --spacing-96: 384px;
1139
- --spacing-80: 320px;
1140
- --spacing-72: 288px;
1141
- --spacing-64: 256px;
1142
- --spacing-60: 240px;
1143
- --spacing-56: 224px;
1144
- --spacing-52: 208px;
1145
- --spacing-48: 192px;
1146
- --spacing-44: 176px;
1147
- --spacing-40: 160px;
1148
- --spacing-36: 144px;
1149
- --spacing-32: 128px;
1150
- --spacing-28: 112px;
1151
- --spacing-24: 96px;
1152
- --spacing-20: 80px;
1153
- --spacing-16: 64px;
1154
- --spacing-14: 56px;
1155
- --spacing-12: 48px;
1156
- --spacing-11: 44px;
1157
- --spacing-10: 40px;
1158
- --spacing-9: 36px;
1159
- --spacing-8: 32px;
1160
- --spacing-7: 28px;
1161
- --spacing-6: 24px;
1162
- --spacing-5: 20px;
1163
- --spacing-4: 16px;
1164
- --spacing-3: 12px;
1165
- --spacing-2: 8px;
1166
- --spacing-1: 4px;
1167
- --spacing-0: 0px;
1168
- --radius-rounded-full: 9999px;
1169
- --radius-rounded-3xl: 24px;
1170
- --radius-rounded-2xl: 16px;
1171
- --radius-rounded-xl: 12px;
1172
- --radius-rounded-lg: 8px;
1173
- --radius-rounded-md: 6px;
1174
- --radius-rounded: 4px;
1175
- --radius-rounded-sm: 2px;
1176
- --radius-rounded-none: 0px;
1177
- --line-height-9xl: 128px;
1178
- --line-height-8xl: 96px;
1179
- --line-height-7xl: 72px;
1180
- --line-height-6xl: 60px;
1181
- --line-height-5xl: 48px;
1182
- --line-height-4xl: 40px;
1183
- --line-height-3xl: 36px;
1184
- --line-height-2xl: 32px;
1185
- --line-height-xl: 30px;
1186
- --line-height-lg: 28px;
1187
- --line-height-base: 24px;
1188
- --line-height-sm: 20px;
1189
- --line-height-xs: 16px;
1190
- --leading-loose: 2px;
1191
- --leading-relaxed: 1.625px;
1192
- --leading-normal: 1.5px;
1193
- --leading-snug: 1.375px;
1194
- --leading-tight: 1.25px;
1195
- --leading-none: 1px;
1196
- --leading-px-10: 40px;
1197
- --leading-px-9: 36px;
1198
- --leading-px-8: 32px;
1199
- --leading-px-7: 28px;
1200
- --leading-px-6: 24px;
1201
- --leading-px-5: 20px;
1202
- --leading-px-4: 16px;
1203
- --leading-px-3: 12px;
1126
+ --letter-spacing-heading-xl: -1.0000px;
1127
+ --letter-spacing-heading-lg: -0.7500px;
1128
+ --letter-spacing-heading-md: -0.5000px;
1129
+ --letter-spacing-heading-sm: -0.2500px;
1130
+ --letter-spacing-heading-xs: 0.0000px;
1131
+ --spacing-09: 36.0000px;
1132
+ --spacing-07: 28.0000px;
1133
+ --spacing-3-5: 14.0000px;
1134
+ --spacing-2-5: 10.0000px;
1135
+ --spacing-1-5: 6.0000px;
1136
+ --spacing-0-5: 2.0000px;
1137
+ --spacing-px: 1.0000px;
1138
+ --spacing-96: 384.0000px;
1139
+ --spacing-80: 320.0000px;
1140
+ --spacing-72: 288.0000px;
1141
+ --spacing-64: 256.0000px;
1142
+ --spacing-60: 240.0000px;
1143
+ --spacing-56: 224.0000px;
1144
+ --spacing-52: 208.0000px;
1145
+ --spacing-48: 192.0000px;
1146
+ --spacing-44: 176.0000px;
1147
+ --spacing-40: 160.0000px;
1148
+ --spacing-36: 144.0000px;
1149
+ --spacing-32: 128.0000px;
1150
+ --spacing-28: 112.0000px;
1151
+ --spacing-24: 96.0000px;
1152
+ --spacing-20: 80.0000px;
1153
+ --spacing-16: 64.0000px;
1154
+ --spacing-14: 56.0000px;
1155
+ --spacing-12: 48.0000px;
1156
+ --spacing-11: 44.0000px;
1157
+ --spacing-10: 40.0000px;
1158
+ --spacing-9: 36.0000px;
1159
+ --spacing-8: 32.0000px;
1160
+ --spacing-7: 28.0000px;
1161
+ --spacing-6: 24.0000px;
1162
+ --spacing-5: 20.0000px;
1163
+ --spacing-4: 16.0000px;
1164
+ --spacing-3: 12.0000px;
1165
+ --spacing-2: 8.0000px;
1166
+ --spacing-1: 4.0000px;
1167
+ --spacing-0: 0.0000px;
1168
+ --radius-rounded-full: 9999.0000px;
1169
+ --radius-rounded-3xl: 24.0000px;
1170
+ --radius-rounded-2xl: 16.0000px;
1171
+ --radius-rounded-xl: 12.0000px;
1172
+ --radius-rounded-lg: 8.0000px;
1173
+ --radius-rounded-md: 6.0000px;
1174
+ --radius-rounded: 4.0000px;
1175
+ --radius-rounded-sm: 2.0000px;
1176
+ --radius-rounded-none: 0.0000px;
1177
+ --line-height-9xl: 128.0000px;
1178
+ --line-height-8xl: 96.0000px;
1179
+ --line-height-7xl: 72.0000px;
1180
+ --line-height-6xl: 60.0000px;
1181
+ --line-height-5xl: 48.0000px;
1182
+ --line-height-4xl: 40.0000px;
1183
+ --line-height-3xl: 36.0000px;
1184
+ --line-height-2xl: 32.0000px;
1185
+ --line-height-xl: 30.0000px;
1186
+ --line-height-lg: 28.0000px;
1187
+ --line-height-base: 24.0000px;
1188
+ --line-height-sm: 20.0000px;
1189
+ --line-height-xs: 16.0000px;
1190
+ --leading-loose: 2.0000px;
1191
+ --leading-relaxed: 1.6250px;
1192
+ --leading-normal: 1.5000px;
1193
+ --leading-snug: 1.3750px;
1194
+ --leading-tight: 1.2500px;
1195
+ --leading-none: 1.0000px;
1196
+ --leading-px-10: 40.0000px;
1197
+ --leading-px-9: 36.0000px;
1198
+ --leading-px-8: 32.0000px;
1199
+ --leading-px-7: 28.0000px;
1200
+ --leading-px-6: 24.0000px;
1201
+ --leading-px-5: 20.0000px;
1202
+ --leading-px-4: 16.0000px;
1203
+ --leading-px-3: 12.0000px;
1204
1204
  --font-weight-low-emphasis: 400;
1205
1205
  --font-weight-medium-emphasis: 500;
1206
1206
  --font-weight-high-emphasis: 700;
1207
- --font-size-9xl: 128px;
1208
- --font-size-8xl: 96px;
1209
- --font-size-7xl: 72px;
1210
- --font-size-6xl: 60px;
1211
- --font-size-5xl: 48px;
1212
- --font-size-4xl: 36px;
1213
- --font-size-3xl: 30px;
1214
- --font-size-2xl: 24px;
1215
- --font-size-xl: 20px;
1216
- --font-size-lg: 18px;
1217
- --font-size-md: 16px;
1218
- --font-size-sm: 14px;
1219
- --font-size-xs: 12px;
1207
+ --font-size-9xl: 128.0000px;
1208
+ --font-size-8xl: 96.0000px;
1209
+ --font-size-7xl: 72.0000px;
1210
+ --font-size-6xl: 60.0000px;
1211
+ --font-size-5xl: 48.0000px;
1212
+ --font-size-4xl: 36.0000px;
1213
+ --font-size-3xl: 30.0000px;
1214
+ --font-size-2xl: 24.0000px;
1215
+ --font-size-xl: 20.0000px;
1216
+ --font-size-lg: 18.0000px;
1217
+ --font-size-md: 16.0000px;
1218
+ --font-size-sm: 14.0000px;
1219
+ --font-size-xs: 12.0000px;
1220
1220
  --color-yellow-900: #4d3a00;
1221
1221
  --color-yellow-800: #795c00;
1222
1222
  --color-yellow-700: #a67d00;
@@ -1402,23 +1402,23 @@
1402
1402
  */
1403
1403
 
1404
1404
  :root {
1405
- --togglegroup-md-iconbutton-padding-y: 7px;
1406
- --togglegroup-md-button-radius: 3px;
1407
- --togglegroup-md-button-padding-y: 5px;
1408
- --togglegroup-md-padding: 3px;
1409
- --togglegroup-lg-iconbutton-padding-y: 9px;
1410
- --togglegroup-lg-button-radius: 5px;
1411
- --togglegroup-lg-button-padding-y: 7px;
1412
- --togglegroup-lg-padding: 3px;
1413
- --togglegroup-sm-padding: 3px;
1414
- --togglegroup-sm-iconbutton-padding-y: 5px;
1415
- --togglegroup-sm-button-radius: 2px;
1416
- --togglegroup-sm-button-padding-y: 3px;
1417
- --togglegroup-xs-iconbutton-padding-y: 3px;
1418
- --togglegroup-xs-button-radius: 1px;
1419
- --togglegroup-xs-button-padding-y: 1px;
1420
- --togglegroup-xs-padding: 3px;
1421
- --slider-tick-radius: 1px;
1405
+ --togglegroup-md-iconbutton-padding-y: 7.0000px;
1406
+ --togglegroup-md-button-radius: 3.0000px;
1407
+ --togglegroup-md-button-padding-y: 5.0000px;
1408
+ --togglegroup-md-padding: 3.0000px;
1409
+ --togglegroup-lg-iconbutton-padding-y: 9.0000px;
1410
+ --togglegroup-lg-button-radius: 5.0000px;
1411
+ --togglegroup-lg-button-padding-y: 7.0000px;
1412
+ --togglegroup-lg-padding: 3.0000px;
1413
+ --togglegroup-sm-padding: 3.0000px;
1414
+ --togglegroup-sm-iconbutton-padding-y: 5.0000px;
1415
+ --togglegroup-sm-button-radius: 2.0000px;
1416
+ --togglegroup-sm-button-padding-y: 3.0000px;
1417
+ --togglegroup-xs-iconbutton-padding-y: 3.0000px;
1418
+ --togglegroup-xs-button-radius: 1.0000px;
1419
+ --togglegroup-xs-button-padding-y: 1.0000px;
1420
+ --togglegroup-xs-padding: 3.0000px;
1421
+ --slider-tick-radius: 1.0000px;
1422
1422
  --global-typography-legend-font-style: uppercase;
1423
1423
  --global-typography-label-font-style: normal;
1424
1424
  --global-typography-small-font-style: normal;
@@ -1430,37 +1430,37 @@
1430
1430
  --global-typography-h2-font-style: normal;
1431
1431
  --global-typography-h1-font-style: normal;
1432
1432
  --tooltip-font-weight: 500;
1433
- --popover-shadow-2-x: 0px;
1434
- --popover-shadow-1-blur: 1px;
1435
- --popover-shadow-1-x: 0px;
1433
+ --popover-shadow-2-x: 0.0000px;
1434
+ --popover-shadow-1-blur: 1.0000px;
1435
+ --popover-shadow-1-x: 0.0000px;
1436
1436
  --popover-font-weight: 500;
1437
1437
  --menu-contextual-item-font-weight: 500;
1438
- --menu-contextual-divider-padding-bottom: 3px;
1439
- --form-max-width: 480px;
1440
- --form-field-badge-gap: 0px;
1441
- --list-native-separator-padding-y: 3px;
1442
- --list-native-separator-padding-x: 9px;
1443
- --icon-stroke-xl: 1.899999976158142px;
1444
- --icon-stroke-lg: 1.7999999523162842px;
1445
- --icon-stroke-md: 1.600000023841858px;
1446
- --icon-stroke-sm: 1.399999976158142px;
1447
- --icon-stroke-xs: 1.2000000476837158px;
1448
- --calendar-cell-dot-size: 3px;
1449
- --button-lg-ring-radius: 9px;
1450
- --button-md-ring-radius: 7px;
1451
- --button-sm-ring-radius: 5px;
1452
- --button-xs-ring-radius: 3px;
1453
- --buttongroup-md-button-radius: 3px;
1454
- --buttongroup-md-button-padding-y: 5px;
1455
- --buttongroup-md-padding: 3px;
1456
- --buttongroup-lg-button-radius: 4px;
1457
- --buttongroup-lg-button-padding-y: 6px;
1458
- --buttongroup-lg-padding: 4px;
1459
- --buttongroup-sm-padding: 2px;
1460
- --buttongroup-sm-button-radius: 2px;
1461
- --buttongroup-sm-button-padding-y: 4px;
1462
- --buttongroup-xs-button-radius: 1px;
1463
- --buttongroup-xs-padding: 2px;
1438
+ --menu-contextual-divider-padding-bottom: 3.0000px;
1439
+ --form-max-width: 480.0000px;
1440
+ --form-field-badge-gap: 0.0000px;
1441
+ --list-native-separator-padding-y: 3.0000px;
1442
+ --list-native-separator-padding-x: 9.0000px;
1443
+ --icon-stroke-xl: 1.9000px;
1444
+ --icon-stroke-lg: 1.8000px;
1445
+ --icon-stroke-md: 1.6000px;
1446
+ --icon-stroke-sm: 1.4000px;
1447
+ --icon-stroke-xs: 1.2000px;
1448
+ --calendar-cell-dot-size: 3.0000px;
1449
+ --button-lg-ring-radius: 9.0000px;
1450
+ --button-md-ring-radius: 7.0000px;
1451
+ --button-sm-ring-radius: 5.0000px;
1452
+ --button-xs-ring-radius: 3.0000px;
1453
+ --buttongroup-md-button-radius: 3.0000px;
1454
+ --buttongroup-md-button-padding-y: 5.0000px;
1455
+ --buttongroup-md-padding: 3.0000px;
1456
+ --buttongroup-lg-button-radius: 4.0000px;
1457
+ --buttongroup-lg-button-padding-y: 6.0000px;
1458
+ --buttongroup-lg-padding: 4.0000px;
1459
+ --buttongroup-sm-padding: 2.0000px;
1460
+ --buttongroup-sm-button-radius: 2.0000px;
1461
+ --buttongroup-sm-button-padding-y: 4.0000px;
1462
+ --buttongroup-xs-button-radius: 1.0000px;
1463
+ --buttongroup-xs-padding: 2.0000px;
1464
1464
  --notification-title-line-height: var(--line-height-sm);
1465
1465
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
1466
1466
  --notification-title-font-size: var(--font-size-sm);