@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.
- package/dist/css/mccs.css +187 -187
- package/dist/css/ocean.css +187 -187
- package/dist/css/spark.css +187 -187
- package/dist/js/mccs_dark.js +25 -25
- package/dist/js/mccs_light.js +25 -25
- package/dist/js/ocean_dark.js +25 -25
- package/dist/js/ocean_light.js +25 -25
- package/dist/js/primitives.js +91 -91
- package/dist/js/spacings.js +347 -347
- package/dist/js/spark_dark.js +25 -25
- package/dist/js/spark_light.js +25 -25
- 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:
|
|
41
|
-
--shadow-y-axis-xl-2:
|
|
42
|
-
--shadow-y-axis-xl-1:
|
|
43
|
-
--shadow-y-axis-lg-2:
|
|
44
|
-
--shadow-y-axis-lg-1:
|
|
45
|
-
--shadow-y-axis-md-2:
|
|
46
|
-
--shadow-y-axis-md-1:
|
|
47
|
-
--shadow-y-axis-base-2:
|
|
48
|
-
--shadow-y-axis-base-1:
|
|
49
|
-
--shadow-y-axis-none:
|
|
50
|
-
--shadow-spread-2xl: -
|
|
51
|
-
--shadow-spread-xl: -
|
|
52
|
-
--shadow-spread-lg-2:
|
|
53
|
-
--shadow-spread-lg-1:
|
|
54
|
-
--shadow-spread-md:
|
|
55
|
-
--shadow-spread-base:
|
|
56
|
-
--shadow-blur-2xl:
|
|
57
|
-
--shadow-blur-xl-2:
|
|
58
|
-
--shadow-blur-xl-1:
|
|
59
|
-
--shadow-blur-lg-2:
|
|
60
|
-
--shadow-blur-lg-1:
|
|
61
|
-
--shadow-blur-md-2:
|
|
62
|
-
--shadow-blur-md-1:
|
|
63
|
-
--shadow-blur-base-2:
|
|
64
|
-
--shadow-blur-base-1:
|
|
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:
|
|
621
|
-
--shadow-y-axis-xl-2:
|
|
622
|
-
--shadow-y-axis-xl-1:
|
|
623
|
-
--shadow-y-axis-lg-2:
|
|
624
|
-
--shadow-y-axis-lg-1:
|
|
625
|
-
--shadow-y-axis-md-2:
|
|
626
|
-
--shadow-y-axis-md-1:
|
|
627
|
-
--shadow-y-axis-base-2:
|
|
628
|
-
--shadow-y-axis-base-1:
|
|
629
|
-
--shadow-y-axis-none:
|
|
630
|
-
--shadow-spread-2xl: -
|
|
631
|
-
--shadow-spread-xl: -
|
|
632
|
-
--shadow-spread-lg-2: -
|
|
633
|
-
--shadow-spread-lg-1: -
|
|
634
|
-
--shadow-spread-md:
|
|
635
|
-
--shadow-spread-base:
|
|
636
|
-
--shadow-blur-2xl:
|
|
637
|
-
--shadow-blur-xl-2:
|
|
638
|
-
--shadow-blur-xl-1:
|
|
639
|
-
--shadow-blur-lg-2:
|
|
640
|
-
--shadow-blur-lg-1:
|
|
641
|
-
--shadow-blur-md-2:
|
|
642
|
-
--shadow-blur-md-1:
|
|
643
|
-
--shadow-blur-base-2:
|
|
644
|
-
--shadow-blur-base-1:
|
|
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: -
|
|
1148
|
-
--letter-spacing-heading-lg: -0.
|
|
1149
|
-
--letter-spacing-heading-md: -0.
|
|
1150
|
-
--letter-spacing-heading-sm: -0.
|
|
1151
|
-
--letter-spacing-heading-xs:
|
|
1152
|
-
--spacing-09:
|
|
1153
|
-
--spacing-07:
|
|
1154
|
-
--spacing-3-5:
|
|
1155
|
-
--spacing-2-5:
|
|
1156
|
-
--spacing-1-5:
|
|
1157
|
-
--spacing-0-5:
|
|
1158
|
-
--spacing-px:
|
|
1159
|
-
--spacing-96:
|
|
1160
|
-
--spacing-80:
|
|
1161
|
-
--spacing-72:
|
|
1162
|
-
--spacing-64:
|
|
1163
|
-
--spacing-60:
|
|
1164
|
-
--spacing-56:
|
|
1165
|
-
--spacing-52:
|
|
1166
|
-
--spacing-48:
|
|
1167
|
-
--spacing-44:
|
|
1168
|
-
--spacing-40:
|
|
1169
|
-
--spacing-36:
|
|
1170
|
-
--spacing-32:
|
|
1171
|
-
--spacing-28:
|
|
1172
|
-
--spacing-24:
|
|
1173
|
-
--spacing-20:
|
|
1174
|
-
--spacing-16:
|
|
1175
|
-
--spacing-14:
|
|
1176
|
-
--spacing-12:
|
|
1177
|
-
--spacing-11:
|
|
1178
|
-
--spacing-10:
|
|
1179
|
-
--spacing-9:
|
|
1180
|
-
--spacing-8:
|
|
1181
|
-
--spacing-7:
|
|
1182
|
-
--spacing-6:
|
|
1183
|
-
--spacing-5:
|
|
1184
|
-
--spacing-4:
|
|
1185
|
-
--spacing-3:
|
|
1186
|
-
--spacing-2:
|
|
1187
|
-
--spacing-1:
|
|
1188
|
-
--spacing-0:
|
|
1189
|
-
--radius-rounded-full:
|
|
1190
|
-
--radius-rounded-3xl:
|
|
1191
|
-
--radius-rounded-2xl:
|
|
1192
|
-
--radius-rounded-xl:
|
|
1193
|
-
--radius-rounded-lg:
|
|
1194
|
-
--radius-rounded-md:
|
|
1195
|
-
--radius-rounded:
|
|
1196
|
-
--radius-rounded-sm:
|
|
1197
|
-
--radius-rounded-none:
|
|
1198
|
-
--line-height-9xl:
|
|
1199
|
-
--line-height-8xl:
|
|
1200
|
-
--line-height-7xl:
|
|
1201
|
-
--line-height-6xl:
|
|
1202
|
-
--line-height-5xl:
|
|
1203
|
-
--line-height-4xl:
|
|
1204
|
-
--line-height-3xl:
|
|
1205
|
-
--line-height-2xl:
|
|
1206
|
-
--line-height-xl:
|
|
1207
|
-
--line-height-lg:
|
|
1208
|
-
--line-height-base:
|
|
1209
|
-
--line-height-sm:
|
|
1210
|
-
--line-height-xs:
|
|
1211
|
-
--leading-loose:
|
|
1212
|
-
--leading-relaxed: 1.
|
|
1213
|
-
--leading-normal: 1.
|
|
1214
|
-
--leading-snug: 1.
|
|
1215
|
-
--leading-tight: 1.
|
|
1216
|
-
--leading-none:
|
|
1217
|
-
--leading-px-10:
|
|
1218
|
-
--leading-px-9:
|
|
1219
|
-
--leading-px-8:
|
|
1220
|
-
--leading-px-7:
|
|
1221
|
-
--leading-px-6:
|
|
1222
|
-
--leading-px-5:
|
|
1223
|
-
--leading-px-4:
|
|
1224
|
-
--leading-px-3:
|
|
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:
|
|
1229
|
-
--font-size-8xl:
|
|
1230
|
-
--font-size-7xl:
|
|
1231
|
-
--font-size-6xl:
|
|
1232
|
-
--font-size-5xl:
|
|
1233
|
-
--font-size-4xl:
|
|
1234
|
-
--font-size-3xl:
|
|
1235
|
-
--font-size-2xl:
|
|
1236
|
-
--font-size-xl:
|
|
1237
|
-
--font-size-lg:
|
|
1238
|
-
--font-size-md:
|
|
1239
|
-
--font-size-sm:
|
|
1240
|
-
--font-size-xs:
|
|
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:
|
|
1427
|
-
--togglegroup-md-button-radius:
|
|
1428
|
-
--togglegroup-md-button-padding-y:
|
|
1429
|
-
--togglegroup-md-padding:
|
|
1430
|
-
--togglegroup-lg-iconbutton-padding-y:
|
|
1431
|
-
--togglegroup-lg-button-radius:
|
|
1432
|
-
--togglegroup-lg-button-padding-y:
|
|
1433
|
-
--togglegroup-lg-padding:
|
|
1434
|
-
--togglegroup-sm-padding:
|
|
1435
|
-
--togglegroup-sm-iconbutton-padding-y:
|
|
1436
|
-
--togglegroup-sm-button-radius:
|
|
1437
|
-
--togglegroup-sm-button-padding-y:
|
|
1438
|
-
--togglegroup-xs-iconbutton-padding-y:
|
|
1439
|
-
--togglegroup-xs-button-radius:
|
|
1440
|
-
--togglegroup-xs-button-padding-y:
|
|
1441
|
-
--togglegroup-xs-padding:
|
|
1442
|
-
--slider-tick-radius:
|
|
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:
|
|
1455
|
-
--popover-shadow-1-blur:
|
|
1456
|
-
--popover-shadow-1-x:
|
|
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:
|
|
1460
|
-
--form-max-width:
|
|
1461
|
-
--form-field-badge-gap:
|
|
1462
|
-
--list-native-separator-padding-y:
|
|
1463
|
-
--list-native-separator-padding-x:
|
|
1464
|
-
--icon-stroke-xl: 1.
|
|
1465
|
-
--icon-stroke-lg: 1.
|
|
1466
|
-
--icon-stroke-md: 1.
|
|
1467
|
-
--icon-stroke-sm: 1.
|
|
1468
|
-
--icon-stroke-xs: 1.
|
|
1469
|
-
--calendar-cell-dot-size:
|
|
1470
|
-
--button-lg-ring-radius:
|
|
1471
|
-
--button-md-ring-radius:
|
|
1472
|
-
--button-sm-ring-radius:
|
|
1473
|
-
--button-xs-ring-radius:
|
|
1474
|
-
--buttongroup-md-button-radius:
|
|
1475
|
-
--buttongroup-md-button-padding-y:
|
|
1476
|
-
--buttongroup-md-padding:
|
|
1477
|
-
--buttongroup-lg-button-radius:
|
|
1478
|
-
--buttongroup-lg-button-padding-y:
|
|
1479
|
-
--buttongroup-lg-padding:
|
|
1480
|
-
--buttongroup-sm-padding:
|
|
1481
|
-
--buttongroup-sm-button-radius:
|
|
1482
|
-
--buttongroup-sm-button-padding-y:
|
|
1483
|
-
--buttongroup-xs-button-radius:
|
|
1484
|
-
--buttongroup-xs-padding:
|
|
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/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 = "
|
|
214
|
-
export const ShadowBlurBase2 = "
|
|
215
|
-
export const ShadowBlurMd1 = "
|
|
216
|
-
export const ShadowBlurMd2 = "
|
|
217
|
-
export const ShadowBlurLg1 = "
|
|
218
|
-
export const ShadowBlurLg2 = "
|
|
219
|
-
export const ShadowBlurXl1 = "
|
|
220
|
-
export const ShadowBlurXl2 = "
|
|
221
|
-
export const ShadowBlur2xl = "
|
|
222
|
-
export const ShadowSpreadBase = "
|
|
223
|
-
export const ShadowSpreadMd = "
|
|
224
|
-
export const ShadowSpreadLg1 = "
|
|
225
|
-
export const ShadowSpreadLg2 = "
|
|
226
|
-
export const ShadowSpreadXl = "-
|
|
227
|
-
export const ShadowSpread2xl = "-
|
|
228
|
-
export const ShadowYAxisNone = "
|
|
229
|
-
export const ShadowYAxisBase1 = "
|
|
230
|
-
export const ShadowYAxisBase2 = "
|
|
231
|
-
export const ShadowYAxisMd1 = "
|
|
232
|
-
export const ShadowYAxisMd2 = "
|
|
233
|
-
export const ShadowYAxisLg1 = "
|
|
234
|
-
export const ShadowYAxisLg2 = "
|
|
235
|
-
export const ShadowYAxisXl1 = "
|
|
236
|
-
export const ShadowYAxisXl2 = "
|
|
237
|
-
export const ShadowYAxis2xl = "
|
|
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";
|
package/dist/js/mccs_light.js
CHANGED
|
@@ -210,31 +210,31 @@ export const ShadowColorOpacity0 = "#ffffff";
|
|
|
210
210
|
export const ShadowColorOpacity1 = "#0b0f11";
|
|
211
211
|
export const ShadowColorOpacity2 = "#0b0f11";
|
|
212
212
|
export const ShadowColorOpacity3 = "#0b0f11";
|
|
213
|
-
export const ShadowBlurBase1 = "
|
|
214
|
-
export const ShadowBlurBase2 = "
|
|
215
|
-
export const ShadowBlurMd1 = "
|
|
216
|
-
export const ShadowBlurMd2 = "
|
|
217
|
-
export const ShadowBlurLg1 = "
|
|
218
|
-
export const ShadowBlurLg2 = "
|
|
219
|
-
export const ShadowBlurXl1 = "
|
|
220
|
-
export const ShadowBlurXl2 = "
|
|
221
|
-
export const ShadowBlur2xl = "
|
|
222
|
-
export const ShadowSpreadBase = "
|
|
223
|
-
export const ShadowSpreadMd = "
|
|
224
|
-
export const ShadowSpreadLg1 = "-
|
|
225
|
-
export const ShadowSpreadLg2 = "-
|
|
226
|
-
export const ShadowSpreadXl = "-
|
|
227
|
-
export const ShadowSpread2xl = "-
|
|
228
|
-
export const ShadowYAxisNone = "
|
|
229
|
-
export const ShadowYAxisBase1 = "
|
|
230
|
-
export const ShadowYAxisBase2 = "
|
|
231
|
-
export const ShadowYAxisMd1 = "
|
|
232
|
-
export const ShadowYAxisMd2 = "
|
|
233
|
-
export const ShadowYAxisLg1 = "
|
|
234
|
-
export const ShadowYAxisLg2 = "
|
|
235
|
-
export const ShadowYAxisXl1 = "
|
|
236
|
-
export const ShadowYAxisXl2 = "
|
|
237
|
-
export const ShadowYAxis2xl = "
|
|
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 = "25.0000px";
|
|
221
|
+
export const ShadowBlur2xl = "50.0000px";
|
|
222
|
+
export const ShadowSpreadBase = "0.0000px";
|
|
223
|
+
export const ShadowSpreadMd = "0.0000px";
|
|
224
|
+
export const ShadowSpreadLg1 = "-2.0000px";
|
|
225
|
+
export const ShadowSpreadLg2 = "-3.0000px";
|
|
226
|
+
export const ShadowSpreadXl = "-5.0000px";
|
|
227
|
+
export const ShadowSpread2xl = "-12.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";
|
package/dist/js/ocean_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 = "
|
|
214
|
-
export const ShadowBlurBase2 = "
|
|
215
|
-
export const ShadowBlurMd1 = "
|
|
216
|
-
export const ShadowBlurMd2 = "
|
|
217
|
-
export const ShadowBlurLg1 = "
|
|
218
|
-
export const ShadowBlurLg2 = "
|
|
219
|
-
export const ShadowBlurXl1 = "
|
|
220
|
-
export const ShadowBlurXl2 = "
|
|
221
|
-
export const ShadowBlur2xl = "
|
|
222
|
-
export const ShadowSpreadBase = "
|
|
223
|
-
export const ShadowSpreadMd = "
|
|
224
|
-
export const ShadowSpreadLg1 = "
|
|
225
|
-
export const ShadowSpreadLg2 = "
|
|
226
|
-
export const ShadowSpreadXl = "-
|
|
227
|
-
export const ShadowSpread2xl = "-
|
|
228
|
-
export const ShadowYAxisNone = "
|
|
229
|
-
export const ShadowYAxisBase1 = "
|
|
230
|
-
export const ShadowYAxisBase2 = "
|
|
231
|
-
export const ShadowYAxisMd1 = "
|
|
232
|
-
export const ShadowYAxisMd2 = "
|
|
233
|
-
export const ShadowYAxisLg1 = "
|
|
234
|
-
export const ShadowYAxisLg2 = "
|
|
235
|
-
export const ShadowYAxisXl1 = "
|
|
236
|
-
export const ShadowYAxisXl2 = "
|
|
237
|
-
export const ShadowYAxis2xl = "
|
|
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";
|
package/dist/js/ocean_light.js
CHANGED
|
@@ -210,31 +210,31 @@ export const ShadowColorOpacity0 = "#ffffff";
|
|
|
210
210
|
export const ShadowColorOpacity1 = "#0b0f11";
|
|
211
211
|
export const ShadowColorOpacity2 = "#0b0f11";
|
|
212
212
|
export const ShadowColorOpacity3 = "#0b0f11";
|
|
213
|
-
export const ShadowBlurBase1 = "
|
|
214
|
-
export const ShadowBlurBase2 = "
|
|
215
|
-
export const ShadowBlurMd1 = "
|
|
216
|
-
export const ShadowBlurMd2 = "
|
|
217
|
-
export const ShadowBlurLg1 = "
|
|
218
|
-
export const ShadowBlurLg2 = "
|
|
219
|
-
export const ShadowBlurXl1 = "
|
|
220
|
-
export const ShadowBlurXl2 = "
|
|
221
|
-
export const ShadowBlur2xl = "
|
|
222
|
-
export const ShadowSpreadBase = "
|
|
223
|
-
export const ShadowSpreadMd = "
|
|
224
|
-
export const ShadowSpreadLg1 = "-
|
|
225
|
-
export const ShadowSpreadLg2 = "-
|
|
226
|
-
export const ShadowSpreadXl = "-
|
|
227
|
-
export const ShadowSpread2xl = "-
|
|
228
|
-
export const ShadowYAxisNone = "
|
|
229
|
-
export const ShadowYAxisBase1 = "
|
|
230
|
-
export const ShadowYAxisBase2 = "
|
|
231
|
-
export const ShadowYAxisMd1 = "
|
|
232
|
-
export const ShadowYAxisMd2 = "
|
|
233
|
-
export const ShadowYAxisLg1 = "
|
|
234
|
-
export const ShadowYAxisLg2 = "
|
|
235
|
-
export const ShadowYAxisXl1 = "
|
|
236
|
-
export const ShadowYAxisXl2 = "
|
|
237
|
-
export const ShadowYAxis2xl = "
|
|
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 = "25.0000px";
|
|
221
|
+
export const ShadowBlur2xl = "50.0000px";
|
|
222
|
+
export const ShadowSpreadBase = "0.0000px";
|
|
223
|
+
export const ShadowSpreadMd = "0.0000px";
|
|
224
|
+
export const ShadowSpreadLg1 = "-2.0000px";
|
|
225
|
+
export const ShadowSpreadLg2 = "-3.0000px";
|
|
226
|
+
export const ShadowSpreadXl = "-5.0000px";
|
|
227
|
+
export const ShadowSpread2xl = "-12.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";
|