@skyux/theme 12.28.0 → 12.28.1
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 +48 -68
- package/package.json +2 -2
|
@@ -133,6 +133,7 @@
|
|
|
133
133
|
--bb-font-size-400: 0.9375rem;
|
|
134
134
|
--bb-font-size-500: 1.0625rem;
|
|
135
135
|
--bb-font-size-600: 1.1875rem;
|
|
136
|
+
--bb-font-size-650: 1.3125rem;
|
|
136
137
|
--bb-font-size-700: 1.5rem;
|
|
137
138
|
--bb-font-size-800: 1.6875rem;
|
|
138
139
|
--bb-font-style-italic-style: italic;
|
|
@@ -150,15 +151,16 @@
|
|
|
150
151
|
--bb-font-weight-light: 300;
|
|
151
152
|
--bb-font-weight-regular: 400;
|
|
152
153
|
--bb-font-weight-semibold: 600;
|
|
153
|
-
--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.5/assets/images/bb-logo.png");
|
|
154
155
|
--bb-letter_spacing-normal: normal;
|
|
155
156
|
--bb-letter_spacing-wider: 0.16px;
|
|
156
157
|
--bb-line_height-300: calc(18/13);
|
|
157
158
|
--bb-line_height-400: calc(20/15);
|
|
158
159
|
--bb-line_height-500: calc(24/17);
|
|
159
160
|
--bb-line_height-600: calc(28/19);
|
|
161
|
+
--bb-line_height-650: calc(28/21);
|
|
160
162
|
--bb-line_height-700: calc(32/24);
|
|
161
|
-
--bb-line_height-800: calc(36/
|
|
163
|
+
--bb-line_height-800: calc(36/27);
|
|
162
164
|
--bb-opacity-600: .6;
|
|
163
165
|
--bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
|
|
164
166
|
--bb-size-0: 0rem;
|
|
@@ -268,11 +270,6 @@
|
|
|
268
270
|
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
|
|
269
271
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
270
272
|
--sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
|
|
271
|
-
--sky-color-background-action-toolbar-active: var(--bb-color-transparent);
|
|
272
|
-
--sky-color-background-action-toolbar-base: var(--bb-color-transparent);
|
|
273
|
-
--sky-color-background-action-toolbar-disabled: var(--bb-color-gray-700);
|
|
274
|
-
--sky-color-background-action-toolbar-focus: var(--bb-color-transparent);
|
|
275
|
-
--sky-color-background-action-toolbar-hover: var(--bb-color-transparent);
|
|
276
273
|
--sky-color-background-blocking: var(--bb-color-blocking);
|
|
277
274
|
--sky-color-background-container-base: var(--bb-color-gray-1000);
|
|
278
275
|
--sky-color-background-container-danger: var(--bb-color-red-800);
|
|
@@ -288,17 +285,17 @@
|
|
|
288
285
|
--sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
|
|
289
286
|
--sky-color-background-input-base: var(--bb-color-gray-900);
|
|
290
287
|
--sky-color-background-input-disabled: var(--bb-color-gray-700);
|
|
291
|
-
--sky-color-background-list-active: var(--bb-color-transparent);
|
|
292
|
-
--sky-color-background-list-base: var(--bb-color-transparent);
|
|
293
|
-
--sky-color-background-list-disabled: var(--bb-color-gray-50);
|
|
294
|
-
--sky-color-background-list-focus: var(--bb-color-transparent);
|
|
295
|
-
--sky-color-background-list-hover: var(--bb-color-transparent);
|
|
296
288
|
--sky-color-background-nav-active: var(--bb-color-transparent);
|
|
297
289
|
--sky-color-background-nav-base: var(--bb-color-transparent);
|
|
298
290
|
--sky-color-background-nav-disabled: var(--bb-color-gray-50);
|
|
299
291
|
--sky-color-background-nav-focus: var(--bb-color-transparent);
|
|
300
292
|
--sky-color-background-nav-hover: var(--bb-color-transparent);
|
|
301
293
|
--sky-color-background-page: var(--bb-color-gray-1100);
|
|
294
|
+
--sky-color-background-row-active: var(--bb-color-transparent);
|
|
295
|
+
--sky-color-background-row-base: var(--bb-color-gray-1000);
|
|
296
|
+
--sky-color-background-row-disabled: var(--bb-color-gray-50);
|
|
297
|
+
--sky-color-background-row-focus: var(--bb-color-transparent);
|
|
298
|
+
--sky-color-background-row-hover: var(--bb-color-transparent);
|
|
302
299
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
303
300
|
--sky-color-background-selected-danger: var(--bb-color-red-900);
|
|
304
301
|
--sky-color-background-selected-heavy: var(--bb-color-blue-600);
|
|
@@ -310,9 +307,10 @@
|
|
|
310
307
|
--sky-color-background-tab-disabled: var(--bb-color-gray-700);
|
|
311
308
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
312
309
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
310
|
+
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
313
311
|
--sky-color-background-text_highlight: var(--bb-color-yellow-800);
|
|
314
312
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
315
|
-
--sky-color-background-thumb-disabled: var(--bb-color-gray-
|
|
313
|
+
--sky-color-background-thumb-disabled: var(--bb-color-gray-600);
|
|
316
314
|
--sky-color-background-thumbnail_matte: var(--bb-color-white);
|
|
317
315
|
--sky-color-border-action-danger-active: var(--bb-color-red-200);
|
|
318
316
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
@@ -339,11 +337,6 @@
|
|
|
339
337
|
--sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
|
|
340
338
|
--sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
|
|
341
339
|
--sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
|
|
342
|
-
--sky-color-border-action-toolbar-active: var(--bb-color-sky-500);
|
|
343
|
-
--sky-color-border-action-toolbar-base: var(--bb-color-transparent);
|
|
344
|
-
--sky-color-border-action-toolbar-disabled: var(--bb-color-gray-800);
|
|
345
|
-
--sky-color-border-action-toolbar-focus: var(--bb-color-sky-600);
|
|
346
|
-
--sky-color-border-action-toolbar-hover: var(--bb-color-sky-600);
|
|
347
340
|
--sky-color-border-column_divider: var(--bb-color-blue-400);
|
|
348
341
|
--sky-color-border-container-base: var(--bb-color-blue-900);
|
|
349
342
|
--sky-color-border-danger: var(--bb-color-red-400);
|
|
@@ -442,11 +435,6 @@
|
|
|
442
435
|
--sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
|
|
443
436
|
--sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
|
|
444
437
|
--sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
|
|
445
|
-
--sky-color-background-action-toolbar-active: var(--bb-color-blue-100);
|
|
446
|
-
--sky-color-background-action-toolbar-base: var(--bb-color-white);
|
|
447
|
-
--sky-color-background-action-toolbar-disabled: var(--bb-color-gray-50);
|
|
448
|
-
--sky-color-background-action-toolbar-focus: var(--bb-color-white);
|
|
449
|
-
--sky-color-background-action-toolbar-hover: var(--bb-color-blue-50);
|
|
450
438
|
--sky-color-background-blocking: var(--bb-color-blocking);
|
|
451
439
|
--sky-color-background-container-base: var(--bb-color-white);
|
|
452
440
|
--sky-color-background-container-danger: var(--bb-color-red-300);
|
|
@@ -462,17 +450,17 @@
|
|
|
462
450
|
--sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
|
|
463
451
|
--sky-color-background-input-base: var(--bb-color-blue-25);
|
|
464
452
|
--sky-color-background-input-disabled: var(--bb-color-gray-50);
|
|
465
|
-
--sky-color-background-list-active: var(--bb-color-blue-100);
|
|
466
|
-
--sky-color-background-list-base: var(--bb-color-transparent);
|
|
467
|
-
--sky-color-background-list-disabled: var(--bb-color-gray-50);
|
|
468
|
-
--sky-color-background-list-focus: var(--bb-color-transparent);
|
|
469
|
-
--sky-color-background-list-hover: var(--bb-color-blue-50);
|
|
470
453
|
--sky-color-background-nav-active: var(--bb-color-blue-100);
|
|
471
454
|
--sky-color-background-nav-base: var(--bb-color-transparent);
|
|
472
455
|
--sky-color-background-nav-disabled: var(--bb-color-gray-50);
|
|
473
456
|
--sky-color-background-nav-focus: var(--bb-color-transparent);
|
|
474
457
|
--sky-color-background-nav-hover: var(--bb-color-blue-50);
|
|
475
458
|
--sky-color-background-page: var(--bb-color-slate-100);
|
|
459
|
+
--sky-color-background-row-active: var(--bb-color-blue-100);
|
|
460
|
+
--sky-color-background-row-base: var(--bb-color-white);
|
|
461
|
+
--sky-color-background-row-disabled: var(--bb-color-gray-50);
|
|
462
|
+
--sky-color-background-row-focus: var(--bb-color-transparent);
|
|
463
|
+
--sky-color-background-row-hover: var(--bb-color-blue-50);
|
|
476
464
|
--sky-color-background-scrim: var(--bb-color-scrim);
|
|
477
465
|
--sky-color-background-selected-danger: var(--bb-color-red-300);
|
|
478
466
|
--sky-color-background-selected-heavy: var(--bb-color-blue-600);
|
|
@@ -484,9 +472,10 @@
|
|
|
484
472
|
--sky-color-background-tab-disabled: var(--bb-color-gray-50);
|
|
485
473
|
--sky-color-background-tab-focus: var(--bb-color-transparent);
|
|
486
474
|
--sky-color-background-tab-hover: var(--bb-color-transparent);
|
|
475
|
+
--sky-color-background-tab-selected: var(--bb-color-transparent);
|
|
487
476
|
--sky-color-background-text_highlight: var(--bb-color-yellow-400);
|
|
488
477
|
--sky-color-background-thumb-base: var(--bb-color-white);
|
|
489
|
-
--sky-color-background-thumb-disabled: var(--bb-color-gray-
|
|
478
|
+
--sky-color-background-thumb-disabled: var(--bb-color-gray-25);
|
|
490
479
|
--sky-color-background-thumbnail_matte: var(--bb-color-white);
|
|
491
480
|
--sky-color-border-action-danger-active: var(--bb-color-red-1000);
|
|
492
481
|
--sky-color-border-action-danger-base: var(--bb-color-red-600);
|
|
@@ -513,11 +502,6 @@
|
|
|
513
502
|
--sky-color-border-action-tertiary-disabled: var(--bb-color-gray-200);
|
|
514
503
|
--sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
|
|
515
504
|
--sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
|
|
516
|
-
--sky-color-border-action-toolbar-active: var(--bb-color-blue-600);
|
|
517
|
-
--sky-color-border-action-toolbar-base: var(--bb-color-blue-300);
|
|
518
|
-
--sky-color-border-action-toolbar-disabled: var(--bb-color-gray-200);
|
|
519
|
-
--sky-color-border-action-toolbar-focus: var(--bb-color-blue-600);
|
|
520
|
-
--sky-color-border-action-toolbar-hover: var(--bb-color-blue-600);
|
|
521
505
|
--sky-color-border-column_divider: var(--bb-color-blue-600);
|
|
522
506
|
--sky-color-border-container-base: var(--bb-color-blue-200);
|
|
523
507
|
--sky-color-border-danger: var(--bb-color-red-600);
|
|
@@ -1107,9 +1091,9 @@
|
|
|
1107
1091
|
--sky-font-line_height-body-m: var(--bb-line_height-400);
|
|
1108
1092
|
--sky-font-line_height-body-s: var(--bb-line_height-300);
|
|
1109
1093
|
--sky-font-line_height-display-1: var(--bb-line_height-700);
|
|
1110
|
-
--sky-font-line_height-display-2: var(--bb-line_height-
|
|
1111
|
-
--sky-font-line_height-display-3: var(--bb-line_height-
|
|
1112
|
-
--sky-font-line_height-display-4: var(--bb-line_height-
|
|
1094
|
+
--sky-font-line_height-display-2: var(--bb-line_height-650);
|
|
1095
|
+
--sky-font-line_height-display-3: var(--bb-line_height-600);
|
|
1096
|
+
--sky-font-line_height-display-4: var(--bb-line_height-500);
|
|
1113
1097
|
--sky-font-line_height-heading-1: var(--bb-line_height-800);
|
|
1114
1098
|
--sky-font-line_height-heading-2: var(--bb-line_height-600);
|
|
1115
1099
|
--sky-font-line_height-heading-3: var(--bb-line_height-500);
|
|
@@ -1123,9 +1107,9 @@
|
|
|
1123
1107
|
--sky-font-size-body-m: var(--bb-font-size-400);
|
|
1124
1108
|
--sky-font-size-body-s: var(--bb-font-size-300);
|
|
1125
1109
|
--sky-font-size-display-1: var(--bb-font-size-700);
|
|
1126
|
-
--sky-font-size-display-2: var(--bb-font-size-
|
|
1127
|
-
--sky-font-size-display-3: var(--bb-font-size-
|
|
1128
|
-
--sky-font-size-display-4: var(--bb-font-size-
|
|
1110
|
+
--sky-font-size-display-2: var(--bb-font-size-650);
|
|
1111
|
+
--sky-font-size-display-3: var(--bb-font-size-600);
|
|
1112
|
+
--sky-font-size-display-4: var(--bb-font-size-500);
|
|
1129
1113
|
--sky-font-size-heading-1: var(--bb-font-size-800);
|
|
1130
1114
|
--sky-font-size-heading-2: var(--bb-font-size-600);
|
|
1131
1115
|
--sky-font-size-heading-3: var(--bb-font-size-500);
|
|
@@ -1138,10 +1122,10 @@
|
|
|
1138
1122
|
--sky-font-style-body-l: var(--bb-font-style-regular);
|
|
1139
1123
|
--sky-font-style-body-m: var(--bb-font-style-regular);
|
|
1140
1124
|
--sky-font-style-body-s: var(--bb-font-style-regular);
|
|
1141
|
-
--sky-font-style-display-1: var(--bb-font-style-
|
|
1142
|
-
--sky-font-style-display-2: var(--bb-font-style-
|
|
1143
|
-
--sky-font-style-display-3: var(--bb-font-style-
|
|
1144
|
-
--sky-font-style-display-4: var(--bb-font-style-
|
|
1125
|
+
--sky-font-style-display-1: var(--bb-font-style-semibold);
|
|
1126
|
+
--sky-font-style-display-2: var(--bb-font-style-semibold);
|
|
1127
|
+
--sky-font-style-display-3: var(--bb-font-style-semibold);
|
|
1128
|
+
--sky-font-style-display-4: var(--bb-font-style-semibold);
|
|
1145
1129
|
--sky-font-style-emphasized: var(--bb-font-style-semibold);
|
|
1146
1130
|
--sky-font-style-heading-1: var(--bb-font-style-regular);
|
|
1147
1131
|
--sky-font-style-heading-2: var(--bb-font-style-semibold);
|
|
@@ -1152,8 +1136,8 @@
|
|
|
1152
1136
|
--sky-font-weight-body-l: var(--bb-font-weight-regular);
|
|
1153
1137
|
--sky-font-weight-body-m: var(--bb-font-weight-regular);
|
|
1154
1138
|
--sky-font-weight-body-s: var(--bb-font-weight-semibold);
|
|
1155
|
-
--sky-font-weight-display-1: var(--bb-font-weight-
|
|
1156
|
-
--sky-font-weight-display-2: var(--bb-font-weight-
|
|
1139
|
+
--sky-font-weight-display-1: var(--bb-font-weight-semibold);
|
|
1140
|
+
--sky-font-weight-display-2: var(--bb-font-weight-semibold);
|
|
1157
1141
|
--sky-font-weight-display-3: var(--bb-font-weight-semibold);
|
|
1158
1142
|
--sky-font-weight-display-4: var(--bb-font-weight-semibold);
|
|
1159
1143
|
--sky-font-weight-emphasized: var(--bb-font-weight-semibold);
|
|
@@ -1384,7 +1368,7 @@
|
|
|
1384
1368
|
--modern-font-weight-light: 300;
|
|
1385
1369
|
--modern-font-weight-regular: 400;
|
|
1386
1370
|
--modern-font-weight-semibold: 600;
|
|
1387
|
-
--modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.
|
|
1371
|
+
--modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png");
|
|
1388
1372
|
--modern-letter_spacing-normal: normal;
|
|
1389
1373
|
--modern-line_height-110: 1.1;
|
|
1390
1374
|
--modern-line_height-115: 1.15;
|
|
@@ -1474,11 +1458,6 @@
|
|
|
1474
1458
|
--sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
|
|
1475
1459
|
--sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
|
|
1476
1460
|
--sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
|
|
1477
|
-
--sky-color-background-action-toolbar-active: var(--modern-color-transparent);
|
|
1478
|
-
--sky-color-background-action-toolbar-base: var(--modern-color-transparent);
|
|
1479
|
-
--sky-color-background-action-toolbar-disabled: var(--modern-color-gray-07);
|
|
1480
|
-
--sky-color-background-action-toolbar-focus: var(--modern-color-transparent);
|
|
1481
|
-
--sky-color-background-action-toolbar-hover: var(--modern-color-transparent);
|
|
1482
1461
|
--sky-color-background-blocking: var(--modern-color-blocking);
|
|
1483
1462
|
--sky-color-background-container-base: var(--modern-color-white);
|
|
1484
1463
|
--sky-color-background-container-danger: var(--modern-color-red-30);
|
|
@@ -1494,17 +1473,17 @@
|
|
|
1494
1473
|
--sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
|
|
1495
1474
|
--sky-color-background-input-base: var(--modern-color-transparent);
|
|
1496
1475
|
--sky-color-background-input-disabled: var(--modern-color-gray-07);
|
|
1497
|
-
--sky-color-background-list-active: var(--modern-color-transparent);
|
|
1498
|
-
--sky-color-background-list-base: var(--modern-color-transparent);
|
|
1499
|
-
--sky-color-background-list-disabled: var(--modern-color-gray-07);
|
|
1500
|
-
--sky-color-background-list-focus: var(--modern-color-transparent);
|
|
1501
|
-
--sky-color-background-list-hover: var(--modern-color-transparent);
|
|
1502
1476
|
--sky-color-background-nav-active: var(--modern-color-transparent);
|
|
1503
1477
|
--sky-color-background-nav-base: var(--modern-color-transparent);
|
|
1504
1478
|
--sky-color-background-nav-disabled: var(--modern-color-gray-07);
|
|
1505
1479
|
--sky-color-background-nav-focus: var(--modern-color-transparent);
|
|
1506
1480
|
--sky-color-background-nav-hover: var(--modern-color-transparent);
|
|
1507
1481
|
--sky-color-background-page: var(--modern-color-gray-005);
|
|
1482
|
+
--sky-color-background-row-active: var(--modern-color-transparent);
|
|
1483
|
+
--sky-color-background-row-base: var(--modern-color-transparent);
|
|
1484
|
+
--sky-color-background-row-disabled: var(--modern-color-gray-07);
|
|
1485
|
+
--sky-color-background-row-focus: var(--modern-color-transparent);
|
|
1486
|
+
--sky-color-background-row-hover: var(--modern-color-transparent);
|
|
1508
1487
|
--sky-color-background-scrim: var(--modern-color-scrim);
|
|
1509
1488
|
--sky-color-background-selected-danger: var(--modern-color-red-30);
|
|
1510
1489
|
--sky-color-background-selected-heavy: var(--modern-color-blue-05);
|
|
@@ -1516,6 +1495,7 @@
|
|
|
1516
1495
|
--sky-color-background-tab-disabled: var(--modern-color-transparent);
|
|
1517
1496
|
--sky-color-background-tab-focus: var(--modern-color-transparent);
|
|
1518
1497
|
--sky-color-background-tab-hover: var(--modern-color-transparent);
|
|
1498
|
+
--sky-color-background-tab-selected: var(--modern-color-transparent);
|
|
1519
1499
|
--sky-color-background-text_highlight: var(--modern-color-yellow-40);
|
|
1520
1500
|
--sky-color-background-thumb-base: var(--modern-color-white);
|
|
1521
1501
|
--sky-color-background-thumb-disabled: var(--modern-color-gray-07);
|
|
@@ -1545,11 +1525,6 @@
|
|
|
1545
1525
|
--sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
|
|
1546
1526
|
--sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
|
|
1547
1527
|
--sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
|
|
1548
|
-
--sky-color-border-action-toolbar-active: var(--modern-color-blue-74);
|
|
1549
|
-
--sky-color-border-action-toolbar-base: var(--modern-color-transparent);
|
|
1550
|
-
--sky-color-border-action-toolbar-disabled: var(--modern-color-gray-15);
|
|
1551
|
-
--sky-color-border-action-toolbar-focus: var(--modern-color-blue-74);
|
|
1552
|
-
--sky-color-border-action-toolbar-hover: var(--modern-color-blue-74);
|
|
1553
1528
|
--sky-color-border-column_divider: var(--modern-color-gray-70);
|
|
1554
1529
|
--sky-color-border-container-base: var(--modern-color-gray-15);
|
|
1555
1530
|
--sky-color-border-danger: var(--modern-color-red-50);
|
|
@@ -2484,6 +2459,7 @@
|
|
|
2484
2459
|
--sky-border-width-selected-s
|
|
2485
2460
|
)
|
|
2486
2461
|
);
|
|
2462
|
+
--sky-override-tab-selected-color: var(--sky-color-text-default);
|
|
2487
2463
|
--sky-override-tab-selected-focus-color: var(--sky-color-text-default);
|
|
2488
2464
|
--sky-override-tab-selected-focus-background-color: var(
|
|
2489
2465
|
--sky-color-background-tab-focus
|
|
@@ -3029,18 +3005,22 @@
|
|
|
3029
3005
|
}
|
|
3030
3006
|
.sky-theme-modern .sky-btn-tab:focus-visible {
|
|
3031
3007
|
background-color: var(--sky-color-background-tab-focus);
|
|
3032
|
-
color: var(--sky-color-text-default);
|
|
3033
3008
|
outline: none;
|
|
3034
3009
|
}
|
|
3010
|
+
.sky-theme-modern .sky-btn-tab:focus-visible:not(.sky-btn-tab-selected) {
|
|
3011
|
+
color: var(--sky-color-text-default);
|
|
3012
|
+
}
|
|
3035
3013
|
.sky-theme-modern .sky-btn-tab:focus-visible.sky-btn-tab-selected {
|
|
3036
3014
|
background-color: var(--sky-override-tab-selected-focus-background-color, var(--sky-color-background-selected-soft));
|
|
3037
3015
|
}
|
|
3038
3016
|
.sky-theme-modern .sky-btn-tab:focus-visible:not(:active) {
|
|
3039
|
-
color: var(--sky-color-text-default);
|
|
3040
3017
|
outline: solid var(--sky-border-width-selected-m) var(--sky-color-border-tab-focus);
|
|
3041
3018
|
outline-offset: calc(var(--sky-border-width-selected-m) * -1);
|
|
3042
3019
|
box-shadow: var(--sky-override-tab-box-shadow-focus-elevation, none);
|
|
3043
3020
|
}
|
|
3021
|
+
.sky-theme-modern .sky-btn-tab:focus-visible:not(:active):not(.sky-btn-tab-selected) {
|
|
3022
|
+
color: var(--sky-color-text-default);
|
|
3023
|
+
}
|
|
3044
3024
|
.sky-theme-modern .sky-btn-tab:active, .sky-theme-modern .sky-btn-tab:active:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(:focus-visible) {
|
|
3045
3025
|
color: var(--sky-color-text-default);
|
|
3046
3026
|
background-color: var(--sky-color-background-tab-active);
|
|
@@ -3066,8 +3046,8 @@
|
|
|
3066
3046
|
font-size: var(--sky-font-size-body-m);
|
|
3067
3047
|
}
|
|
3068
3048
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) {
|
|
3069
|
-
background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected
|
|
3070
|
-
color: var(--sky-color-text-
|
|
3049
|
+
background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
|
|
3050
|
+
color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
|
|
3071
3051
|
box-shadow: none;
|
|
3072
3052
|
}
|
|
3073
3053
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):not(:active) {
|
|
@@ -3075,8 +3055,8 @@
|
|
|
3075
3055
|
padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)));
|
|
3076
3056
|
}
|
|
3077
3057
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
|
|
3078
|
-
background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected
|
|
3079
|
-
color: var(--sky-color-text-
|
|
3058
|
+
background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
|
|
3059
|
+
color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
|
|
3080
3060
|
}
|
|
3081
3061
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
|
|
3082
3062
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "12.28.
|
|
3
|
+
"version": "12.28.1",
|
|
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.5",
|
|
24
24
|
"@skyux/icons": "9.0.0",
|
|
25
25
|
"fontfaceobserver": "2.3.0",
|
|
26
26
|
"tslib": "^2.8.1"
|