@skyux/theme 12.29.0 → 12.30.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/css/themes/modern/styles.css +39 -65
- package/package.json +2 -2
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
--bb-font-weight-light: 300;
|
|
152
152
|
--bb-font-weight-regular: 400;
|
|
153
153
|
--bb-font-weight-semibold: 600;
|
|
154
|
-
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.
|
|
154
|
+
--bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
|
|
155
155
|
--bb-letter_spacing-normal: normal;
|
|
156
156
|
--bb-letter_spacing-wider: 0.16px;
|
|
157
157
|
--bb-line_height-300: calc(18/13);
|
|
@@ -309,6 +309,7 @@
|
|
|
309
309
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
310
310
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
311
311
|
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
312
|
+
--sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
|
|
312
313
|
--sky-color-background-text_highlight: var(--bb-color-yellow-800);
|
|
313
314
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
314
315
|
--sky-color-background-thumb-disabled: var(--bb-color-gray-600);
|
|
@@ -378,6 +379,7 @@
|
|
|
378
379
|
--sky-color-border-tab-disabled: var(--bb-color-gray-800);
|
|
379
380
|
--sky-color-border-tab-focus: var(--bb-color-sky-600);
|
|
380
381
|
--sky-color-border-tab-hover: var(--bb-color-sky-600);
|
|
382
|
+
--sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
|
|
381
383
|
--sky-color-border-text_highlight: var(--bb-color-yellow-600);
|
|
382
384
|
--sky-color-border-warning: var(--bb-color-yellow-400);
|
|
383
385
|
--sky-color-icon-action: var(--bb-color-sky-600);
|
|
@@ -475,6 +477,7 @@
|
|
|
475
477
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
476
478
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
477
479
|
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
480
|
+
--sky-color-background-tab-wizard-disabled: var(--bb-color-transparent);
|
|
478
481
|
--sky-color-background-text_highlight: var(--bb-color-yellow-400);
|
|
479
482
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
480
483
|
--sky-color-background-thumb-disabled: var(--bb-color-gray-25);
|
|
@@ -543,6 +546,7 @@
|
|
|
543
546
|
--sky-color-border-tab-disabled: var(--bb-color-gray-200);
|
|
544
547
|
--sky-color-border-tab-focus: var(--bb-color-blue-600);
|
|
545
548
|
--sky-color-border-tab-hover: var(--bb-color-blue-600);
|
|
549
|
+
--sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
|
|
546
550
|
--sky-color-border-text_highlight: var(--bb-color-yellow-800);
|
|
547
551
|
--sky-color-border-warning: var(--bb-color-yellow-600);
|
|
548
552
|
--sky-color-category-blue: var(--bb-color-sky-300);
|
|
@@ -778,6 +782,10 @@
|
|
|
778
782
|
--sky-comp-flyout-header-space-inset-left: var(--bb-size-fluid-50);
|
|
779
783
|
--sky-comp-flyout-header-space-inset-right: var(--bb-size-fluid-50);
|
|
780
784
|
--sky-comp-flyout-header-space-inset-top: var(--bb-size-fluid-75);
|
|
785
|
+
--sky-comp-grid-cell-space-inset-bottom: var(--bb-size-fluid-75);
|
|
786
|
+
--sky-comp-grid-cell-space-inset-left: var(--bb-size-fluid-50);
|
|
787
|
+
--sky-comp-grid-cell-space-inset-right: var(--bb-size-fluid-50);
|
|
788
|
+
--sky-comp-grid-cell-space-inset-top: var(--bb-size-fluid-75);
|
|
781
789
|
--sky-comp-help_inline-space-inset-bottom: var(--bb-size-fluid-6);
|
|
782
790
|
--sky-comp-help_inline-space-inset-left: var(--bb-size-fluid-25);
|
|
783
791
|
--sky-comp-help_inline-space-inset-right: var(--bb-size-fluid-25);
|
|
@@ -1139,22 +1147,6 @@
|
|
|
1139
1147
|
--sky-font-style-heading-4: var(--bb-font-style-semibold);
|
|
1140
1148
|
--sky-font-style-heading-5: var(--bb-font-style-semibold);
|
|
1141
1149
|
--sky-font-style-input-label: var(--bb-font-style-regular);
|
|
1142
|
-
--sky-font-weight-body-l: var(--bb-font-weight-regular);
|
|
1143
|
-
--sky-font-weight-body-m: var(--bb-font-weight-regular);
|
|
1144
|
-
--sky-font-weight-body-s: var(--bb-font-weight-regular);
|
|
1145
|
-
--sky-font-weight-display-1: var(--bb-font-weight-semibold);
|
|
1146
|
-
--sky-font-weight-display-2: var(--bb-font-weight-semibold);
|
|
1147
|
-
--sky-font-weight-display-3: var(--bb-font-weight-semibold);
|
|
1148
|
-
--sky-font-weight-display-4: var(--bb-font-weight-semibold);
|
|
1149
|
-
--sky-font-weight-emphasized: var(--bb-font-weight-semibold);
|
|
1150
|
-
--sky-font-weight-heading-1: var(--bb-font-weight-regular);
|
|
1151
|
-
--sky-font-weight-heading-2: var(--bb-font-weight-semibold);
|
|
1152
|
-
--sky-font-weight-heading-3: var(--bb-font-weight-semibold);
|
|
1153
|
-
--sky-font-weight-heading-4: var(--bb-font-weight-semibold);
|
|
1154
|
-
--sky-font-weight-heading-5: var(--bb-font-weight-semibold);
|
|
1155
|
-
--sky-font-weight-hint-m: var(--bb-font-weight-regular);
|
|
1156
|
-
--sky-font-weight-hint-s: var(--bb-font-weight-regular);
|
|
1157
|
-
--sky-font-weight-input-label: var(--bb-font-weight-regular);
|
|
1158
1150
|
--sky-size-avatar-l: var(--bb-size-fluid-550);
|
|
1159
1151
|
--sky-size-avatar-m: var(--bb-size-fluid-350);
|
|
1160
1152
|
--sky-size-avatar-s: var(--bb-size-fluid-200);
|
|
@@ -1243,10 +1235,6 @@
|
|
|
1243
1235
|
--sky-space-inset-horizontal-top-m: var(--bb-size-0);
|
|
1244
1236
|
--sky-space-inset-horizontal-top-s: var(--bb-size-0);
|
|
1245
1237
|
--sky-space-inset-horizontal-top-xl: var(--bb-size-0);
|
|
1246
|
-
--sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
|
|
1247
|
-
--sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
|
|
1248
|
-
--sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
|
|
1249
|
-
--sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
|
|
1250
1238
|
--sky-space-inset-thumb: var(--bb-size-fixed-6);
|
|
1251
1239
|
--sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
|
|
1252
1240
|
--sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
|
|
@@ -1374,7 +1362,7 @@
|
|
|
1374
1362
|
--modern-font-weight-light: 300;
|
|
1375
1363
|
--modern-font-weight-regular: 400;
|
|
1376
1364
|
--modern-font-weight-semibold: 600;
|
|
1377
|
-
--modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.
|
|
1365
|
+
--modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
|
|
1378
1366
|
--modern-letter_spacing-normal: normal;
|
|
1379
1367
|
--modern-line_height-110: 1.1;
|
|
1380
1368
|
--modern-line_height-115: 1.15;
|
|
@@ -1503,6 +1491,7 @@
|
|
|
1503
1491
|
--sky-color-background-tab-focus: var(--modern-color-transparent);
|
|
1504
1492
|
--sky-color-background-tab-hover: var(--modern-color-transparent);
|
|
1505
1493
|
--sky-color-background-tab-selected: var(--modern-color-transparent);
|
|
1494
|
+
--sky-color-background-tab-wizard-disabled: var(--modern-color-transparent);
|
|
1506
1495
|
--sky-color-background-text_highlight: var(--modern-color-yellow-40);
|
|
1507
1496
|
--sky-color-background-thumb-base: var(--modern-color-white);
|
|
1508
1497
|
--sky-color-background-thumb-disabled: var(--modern-color-gray-07);
|
|
@@ -1571,6 +1560,7 @@
|
|
|
1571
1560
|
--sky-color-border-tab-disabled: var(--modern-color-transparent);
|
|
1572
1561
|
--sky-color-border-tab-focus: var(--modern-color-blue-74);
|
|
1573
1562
|
--sky-color-border-tab-hover: var(--modern-color-blue-50);
|
|
1563
|
+
--sky-color-border-tab-wizard-disabled: var(--modern-color-transparent);
|
|
1574
1564
|
--sky-color-border-text_highlight: var(--modern-color-yellow-80);
|
|
1575
1565
|
--sky-color-border-warning: var(--modern-color-yellow-50);
|
|
1576
1566
|
--sky-color-category-blue: var(--modern-color-category-sky_blue-40);
|
|
@@ -1806,6 +1796,10 @@
|
|
|
1806
1796
|
--sky-comp-flyout-header-space-inset-left: var(--modern-space-s);
|
|
1807
1797
|
--sky-comp-flyout-header-space-inset-right: var(--modern-space-s);
|
|
1808
1798
|
--sky-comp-flyout-header-space-inset-top: var(--modern-space-md);
|
|
1799
|
+
--sky-comp-grid-cell-space-inset-bottom: var(--modern-space-md);
|
|
1800
|
+
--sky-comp-grid-cell-space-inset-left: var(--modern-space-s);
|
|
1801
|
+
--sky-comp-grid-cell-space-inset-right: var(--modern-space-s);
|
|
1802
|
+
--sky-comp-grid-cell-space-inset-top: var(--modern-space-md);
|
|
1809
1803
|
--sky-comp-help_inline-space-inset-bottom: var(--modern-size-1);
|
|
1810
1804
|
--sky-comp-help_inline-space-inset-left: var(--modern-size-5);
|
|
1811
1805
|
--sky-comp-help_inline-space-inset-right: var(--modern-size-5);
|
|
@@ -2167,22 +2161,6 @@
|
|
|
2167
2161
|
--sky-font-style-heading-4: var(--modern-font-style-semibold);
|
|
2168
2162
|
--sky-font-style-heading-5: var(--modern-font-style-semibold);
|
|
2169
2163
|
--sky-font-style-input-label: var(--modern-font-style-regular);
|
|
2170
|
-
--sky-font-weight-body-l: var(--modern-font-weight-light);
|
|
2171
|
-
--sky-font-weight-body-m: var(--modern-font-weight-regular);
|
|
2172
|
-
--sky-font-weight-body-s: var(--modern-font-weight-regular);
|
|
2173
|
-
--sky-font-weight-display-1: var(--modern-font-weight-regular);
|
|
2174
|
-
--sky-font-weight-display-2: var(--modern-font-weight-regular);
|
|
2175
|
-
--sky-font-weight-display-3: var(--modern-font-weight-regular);
|
|
2176
|
-
--sky-font-weight-display-4: var(--modern-font-weight-bold);
|
|
2177
|
-
--sky-font-weight-emphasized: var(--modern-font-weight-bold);
|
|
2178
|
-
--sky-font-weight-heading-1: var(--modern-font-weight-light);
|
|
2179
|
-
--sky-font-weight-heading-2: var(--modern-font-weight-regular);
|
|
2180
|
-
--sky-font-weight-heading-3: var(--modern-font-weight-regular);
|
|
2181
|
-
--sky-font-weight-heading-4: var(--modern-font-weight-semibold);
|
|
2182
|
-
--sky-font-weight-heading-5: var(--modern-font-weight-semibold);
|
|
2183
|
-
--sky-font-weight-hint-m: var(--modern-font-weight-regular);
|
|
2184
|
-
--sky-font-weight-hint-s: var(--modern-font-weight-regular);
|
|
2185
|
-
--sky-font-weight-input-label: var(--modern-font-weight-regular);
|
|
2186
2164
|
--sky-size-avatar-l: var(--modern-size-100);
|
|
2187
2165
|
--sky-size-avatar-m: var(--modern-size-65);
|
|
2188
2166
|
--sky-size-avatar-s: var(--modern-size-32);
|
|
@@ -2271,10 +2249,6 @@
|
|
|
2271
2249
|
--sky-space-inset-horizontal-top-m: var(--modern-size-0);
|
|
2272
2250
|
--sky-space-inset-horizontal-top-s: var(--modern-size-0);
|
|
2273
2251
|
--sky-space-inset-horizontal-top-xl: var(--modern-size-0);
|
|
2274
|
-
--sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
|
|
2275
|
-
--sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
|
|
2276
|
-
--sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
|
|
2277
|
-
--sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
|
|
2278
2252
|
--sky-space-inset-thumb: var(--modern-size-1);
|
|
2279
2253
|
--sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
|
|
2280
2254
|
--sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
|
|
@@ -3003,7 +2977,7 @@
|
|
|
3003
2977
|
border-top-right-radius: var(--sky-override-tab-button-radius, var(--sky-border-radius-s));
|
|
3004
2978
|
color: var(--sky-color-text-deemphasized);
|
|
3005
2979
|
font-size: var(--sky-font-size-body-m);
|
|
3006
|
-
font-weight: var(--sky-font-
|
|
2980
|
+
font-weight: var(--sky-font-style-body-m);
|
|
3007
2981
|
line-height: var(--sky-override-tab-line-height, var(--sky-font-line_height-body-m));
|
|
3008
2982
|
padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) var(--sky-comp-tab-horizontal-space-inset-left);
|
|
3009
2983
|
transition: box-shadow 150ms;
|
|
@@ -3105,8 +3079,8 @@
|
|
|
3105
3079
|
color: var(--sky-color-text-default);
|
|
3106
3080
|
border-bottom: none;
|
|
3107
3081
|
border-radius: 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0;
|
|
3108
|
-
border-left: var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-
|
|
3109
|
-
padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-
|
|
3082
|
+
border-left: var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-m)) var(--sky-border-style-accent) var(--sky-color-border-selected);
|
|
3083
|
+
padding: var(--sky-comp-tab-horizontal-space-inset-top) var(--sky-comp-tab-horizontal-space-inset-right) var(--sky-comp-tab-horizontal-space-inset-bottom) calc(var(--sky-comp-tab-horizontal-space-inset-left) - var(--sky-override-selected-dropdown-item-border-width, var(--sky-border-width-selected-m)));
|
|
3110
3084
|
}
|
|
3111
3085
|
|
|
3112
3086
|
.sky-theme-modern .sky-elevation-0-bordered {
|
|
@@ -3305,7 +3279,7 @@
|
|
|
3305
3279
|
max-width: var(--sky-size-switch);
|
|
3306
3280
|
height: var(--sky-size-switch);
|
|
3307
3281
|
flex: 1 0 var(--sky-size-switch);
|
|
3308
|
-
margin: 0 var(--sky-space-gap-label-s) auto auto;
|
|
3282
|
+
margin: 0 var(--sky-comp-override-switch-label-margin-right, var(--sky-space-gap-label-s)) auto auto;
|
|
3309
3283
|
display: inline-flex;
|
|
3310
3284
|
position: relative;
|
|
3311
3285
|
border: var(--sky-border-width-input-base) solid var(--sky-color-border-switch-base);
|
|
@@ -3398,7 +3372,7 @@
|
|
|
3398
3372
|
--sky-override-a-color-hover-active: var(
|
|
3399
3373
|
--sky-text-color-action-primary-hover
|
|
3400
3374
|
);
|
|
3401
|
-
--sky-override-form-font-weight: var(--sky-font-
|
|
3375
|
+
--sky-override-form-font-weight: var(--sky-font-style-body-m);
|
|
3402
3376
|
--sky-override-p-line-height: var(--sky-font-line_height-body-m);
|
|
3403
3377
|
--sky-override-body-line-height: normal;
|
|
3404
3378
|
}
|
|
@@ -3409,7 +3383,7 @@ html:has(.sky-theme-brand-base) {
|
|
|
3409
3383
|
|
|
3410
3384
|
.sky-theme-modern {
|
|
3411
3385
|
font-size: var(--sky-font-size-body-m);
|
|
3412
|
-
font-weight: var(--sky-font-
|
|
3386
|
+
font-weight: var(--sky-font-style-body-m);
|
|
3413
3387
|
font-family: var(--sky-font-family-primary);
|
|
3414
3388
|
color: var(--sky-color-text-default);
|
|
3415
3389
|
background-color: var(--sky-color-background-page);
|
|
@@ -3440,33 +3414,33 @@ body.sky-theme-modern {
|
|
|
3440
3414
|
color: var(--sky-color-text-heading);
|
|
3441
3415
|
font-family: var(--sky-font-family-primary);
|
|
3442
3416
|
font-size: var(--sky-font-size-heading-1);
|
|
3443
|
-
font-weight: var(--sky-font-
|
|
3417
|
+
font-weight: var(--sky-font-style-heading-1);
|
|
3444
3418
|
}
|
|
3445
3419
|
.sky-theme-modern h2,
|
|
3446
3420
|
.sky-theme-modern .sky-font-heading-2 {
|
|
3447
3421
|
color: var(--sky-color-text-heading);
|
|
3448
3422
|
font-family: var(--sky-font-family-primary);
|
|
3449
3423
|
font-size: var(--sky-font-size-heading-2);
|
|
3450
|
-
font-weight: var(--sky-font-
|
|
3424
|
+
font-weight: var(--sky-font-style-heading-2);
|
|
3451
3425
|
}
|
|
3452
3426
|
.sky-theme-modern h3,
|
|
3453
3427
|
.sky-theme-modern .sky-font-heading-3 {
|
|
3454
3428
|
color: var(--sky-color-text-heading);
|
|
3455
3429
|
font-size: var(--sky-font-size-heading-3);
|
|
3456
|
-
font-weight: var(--sky-font-
|
|
3430
|
+
font-weight: var(--sky-font-style-heading-3);
|
|
3457
3431
|
}
|
|
3458
3432
|
.sky-theme-modern h4,
|
|
3459
3433
|
.sky-theme-modern .sky-font-heading-4 {
|
|
3460
3434
|
color: var(--sky-color-text-heading);
|
|
3461
3435
|
font-size: var(--sky-font-size-heading-4);
|
|
3462
|
-
font-weight: var(--sky-font-
|
|
3436
|
+
font-weight: var(--sky-font-style-heading-4);
|
|
3463
3437
|
text-transform: none;
|
|
3464
3438
|
}
|
|
3465
3439
|
.sky-theme-modern h5,
|
|
3466
3440
|
.sky-theme-modern .sky-font-heading-5 {
|
|
3467
3441
|
color: var(--sky-color-text-heading);
|
|
3468
3442
|
font-size: var(--sky-font-size-heading-5);
|
|
3469
|
-
font-weight: var(--sky-font-
|
|
3443
|
+
font-weight: var(--sky-font-style-heading-5);
|
|
3470
3444
|
text-transform: none;
|
|
3471
3445
|
}
|
|
3472
3446
|
.sky-theme-modern p {
|
|
@@ -3509,31 +3483,31 @@ body.sky-theme-modern {
|
|
|
3509
3483
|
color: var(--sky-color-text-default);
|
|
3510
3484
|
font-family: var(--sky-font-family-primary);
|
|
3511
3485
|
font-size: var(--sky-font-size-body-m);
|
|
3512
|
-
font-weight: var(--sky-font-
|
|
3486
|
+
font-weight: var(--sky-font-style-body-m);
|
|
3513
3487
|
}
|
|
3514
3488
|
.sky-theme-modern .sky-font-body-sm {
|
|
3515
3489
|
color: var(--sky-color-text-default);
|
|
3516
3490
|
font-family: var(--sky-font-family-primary);
|
|
3517
3491
|
font-size: var(--sky-font-size-body-s);
|
|
3518
|
-
font-weight: var(--sky-font-
|
|
3492
|
+
font-weight: var(--sky-font-style-body-s);
|
|
3519
3493
|
}
|
|
3520
3494
|
.sky-theme-modern .sky-font-body-lg {
|
|
3521
3495
|
color: var(--sky-color-text-default);
|
|
3522
3496
|
font-family: var(--sky-font-family-primary);
|
|
3523
3497
|
font-size: var(--sky-font-size-body-l);
|
|
3524
|
-
font-weight: var(--sky-font-
|
|
3498
|
+
font-weight: var(--sky-font-style-body-l);
|
|
3525
3499
|
}
|
|
3526
3500
|
.sky-theme-modern .sky-font-data-label {
|
|
3527
3501
|
color: var(--sky-color-text-deemphasized);
|
|
3528
3502
|
font-family: var(--sky-font-family-primary);
|
|
3529
3503
|
font-size: var(--sky-font-size-body-m);
|
|
3530
|
-
font-weight: var(--sky-font-
|
|
3504
|
+
font-weight: var(--sky-font-style-body-m);
|
|
3531
3505
|
}
|
|
3532
3506
|
.sky-theme-modern .sky-font-field-label {
|
|
3533
3507
|
color: var(--sky-color-text-deemphasized);
|
|
3534
3508
|
font-family: var(--sky-font-family-primary);
|
|
3535
3509
|
font-size: var(--sky-font-size-body-m);
|
|
3536
|
-
font-weight: var(--sky-font-
|
|
3510
|
+
font-weight: var(--sky-font-style-body-m);
|
|
3537
3511
|
}
|
|
3538
3512
|
.sky-theme-modern .sky-font-deemphasized {
|
|
3539
3513
|
color: var(--sky-color-text-deemphasized);
|
|
@@ -3545,14 +3519,14 @@ body.sky-theme-modern {
|
|
|
3545
3519
|
.sky-theme-modern .sky-font-emphasized {
|
|
3546
3520
|
font-family: var(--sky-font-family-primary);
|
|
3547
3521
|
font-size: inherit;
|
|
3548
|
-
font-weight: var(--sky-font-
|
|
3522
|
+
font-weight: var(--sky-font-style-emphasized);
|
|
3549
3523
|
}
|
|
3550
3524
|
.sky-theme-modern .sky-font-hint-text-s {
|
|
3551
3525
|
color: var(--sky-color-text-deemphasized);
|
|
3552
3526
|
font-family: var(--sky-font-family-primary);
|
|
3553
3527
|
font-size: var(--sky-font-size-hint-s);
|
|
3554
3528
|
font-style: var(--sky-font-style-hint-s-style);
|
|
3555
|
-
font-weight: var(--sky-font-
|
|
3529
|
+
font-weight: var(--sky-font-style-hint-s);
|
|
3556
3530
|
letter-spacing: var(--sky-font-letter_spacing-hint-s);
|
|
3557
3531
|
line-height: var(--sky-font-line_height-hint-s);
|
|
3558
3532
|
}
|
|
@@ -3561,33 +3535,33 @@ body.sky-theme-modern {
|
|
|
3561
3535
|
font-family: var(--sky-font-family-primary);
|
|
3562
3536
|
font-size: var(--sky-font-size-hint-m);
|
|
3563
3537
|
font-style: var(--sky-font-style-hint-m-style);
|
|
3564
|
-
font-weight: var(--sky-font-
|
|
3538
|
+
font-weight: var(--sky-font-style-hint-m);
|
|
3565
3539
|
line-height: var(--sky-font-line_height-hint-m);
|
|
3566
3540
|
}
|
|
3567
3541
|
.sky-theme-modern .sky-font-display-1 {
|
|
3568
3542
|
color: var(--sky-color-text-default);
|
|
3569
3543
|
font-family: var(--sky-font-family-primary);
|
|
3570
3544
|
font-size: var(--sky-font-size-display-1);
|
|
3571
|
-
font-weight: var(--sky-font-
|
|
3545
|
+
font-weight: var(--sky-font-style-display-1);
|
|
3572
3546
|
}
|
|
3573
3547
|
.sky-theme-modern .sky-font-display-2 {
|
|
3574
3548
|
color: var(--sky-color-text-default);
|
|
3575
3549
|
font-family: var(--sky-font-family-primary);
|
|
3576
3550
|
font-size: var(--sky-font-size-display-2);
|
|
3577
|
-
font-weight: var(--sky-font-
|
|
3551
|
+
font-weight: var(--sky-font-style-display-2);
|
|
3578
3552
|
}
|
|
3579
3553
|
.sky-theme-modern .sky-font-display-3,
|
|
3580
3554
|
.sky-theme-modern .sky-headline {
|
|
3581
3555
|
color: var(--sky-color-text-default);
|
|
3582
3556
|
font-family: var(--sky-font-family-primary);
|
|
3583
3557
|
font-size: var(--sky-font-size-display-3);
|
|
3584
|
-
font-weight: var(--sky-font-
|
|
3558
|
+
font-weight: var(--sky-font-style-display-3);
|
|
3585
3559
|
}
|
|
3586
3560
|
.sky-theme-modern .sky-font-display-4 {
|
|
3587
3561
|
color: var(--sky-color-text-default);
|
|
3588
3562
|
font-family: var(--sky-font-family-primary);
|
|
3589
3563
|
font-size: var(--sky-font-size-display-4);
|
|
3590
|
-
font-weight: var(--sky-font-
|
|
3564
|
+
font-weight: var(--sky-font-style-display-4);
|
|
3591
3565
|
}
|
|
3592
3566
|
|
|
3593
3567
|
.sky-theme-modern.sky-theme-brand-base .sky-font-body-default {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.30.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@angular/core": "^19.2.14"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "2.0.0-alpha.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "2.0.0-alpha.10",
|
|
24
24
|
"@skyux/icons": "9.0.0",
|
|
25
25
|
"fontfaceobserver": "2.3.0",
|
|
26
26
|
"tslib": "^2.8.1"
|