@skyux/theme 12.40.0 → 12.41.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.
Files changed (2) hide show
  1. package/css/themes/modern/styles.css +135 -91
  2. package/package.json +2 -2
package/css/themes/modern/styles.css CHANGED
@@ -104,7 +104,21 @@
104
104
  --bb-color-sky-700: #00a6cc;
105
105
  --bb-color-sky-800: #007c99;
106
106
  --bb-color-sky-900: #005366;
107
- --bb-color-slate-100: #f1f5fa;
107
+ --bb-color-slate-100: #f1f3f7;
108
+ --bb-color-slate-1000: #1a2231;
109
+ --bb-color-slate-1100: #141b26;
110
+ --bb-color-slate-1200: #0c1016;
111
+ --bb-color-slate-200: #d9dfe9;
112
+ --bb-color-slate-25: #fcfdfd;
113
+ --bb-color-slate-250: #cad2e1;
114
+ --bb-color-slate-300: #bac5d8;
115
+ --bb-color-slate-400: #98a9c4;
116
+ --bb-color-slate-50: #f6f8fa;
117
+ --bb-color-slate-500: #7289af;
118
+ --bb-color-slate-600: #536f9d;
119
+ --bb-color-slate-700: #42597e;
120
+ --bb-color-slate-800: #32435e;
121
+ --bb-color-slate-900: #212c3f;
108
122
  --bb-color-teal-100: #ebfaf9;
109
123
  --bb-color-teal-1000: #012625;
110
124
  --bb-color-teal-200: #cdf2f1;
@@ -152,7 +166,7 @@
152
166
  --bb-font-weight-light: 300;
153
167
  --bb-font-weight-regular: 400;
154
168
  --bb-font-weight-semibold: 600;
155
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png");
169
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png");
156
170
  --bb-letter_spacing-normal: normal;
157
171
  --bb-letter_spacing-wider: 0.16px;
158
172
  --bb-line_height-300: calc(18/13);
@@ -163,8 +177,8 @@
163
177
  --bb-line_height-700: calc(32/24);
164
178
  --bb-line_height-800: calc(36/27);
165
179
  --bb-opacity-600: .6;
166
- --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
167
180
  --bb-shadow-gray-0: 0 0 0 0 rgba(0, 0, 0, 0);
181
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
168
182
  --bb-size-0: 0rem;
169
183
  --bb-size-fixed-100: 16px;
170
184
  --bb-size-fixed-12: 2px;
@@ -215,14 +229,6 @@
215
229
  --bb-space-9: 36px;
216
230
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
217
231
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
218
- --bb-shadow-blue-100: 0 1px 3px 0 rgba(17, 43, 85, 0.2), 0 2px 1px -1px rgba(17, 43, 85, 0.12), 0 1px 1px 0 rgba(17, 43, 85, 0.14);
219
- --bb-shadow-blue-1600: 0 8px 10px -5px rgba(17, 43, 85, 0.2), 0 6px 30px 5px rgba(17, 43, 85, 0.12), 0 16px 24px 2px rgba(17, 43, 85, 0.14);
220
- --bb-shadow-blue-200: 0 1px 8px 0 rgba(17, 43, 85, 0.2), 0 3px 3px -2px rgba(17, 43, 85, 0.12), 0 3px 4px 0 rgba(17, 43, 85, 0.14);
221
- --bb-shadow-blue-2400: 0 11px 15px -7px rgba(17, 43, 85, 0.2), 0 9px 46px 8px rgba(17, 43, 85, 0.12), 0 24px 38px 3px rgba(17, 43, 85, 0.14);
222
- --bb-shadow-blue-25: 0 1px 1px 0 rgba(17, 43, 85, 0.05);
223
- --bb-shadow-blue-400: 0 2px 4px -1px rgba(17, 43, 85, 0.2), 0 1px 10px 0 rgba(17, 43, 85, 0.12), 0 4px 5px 0 rgba(17, 43, 85, 0.14);
224
- --bb-shadow-blue-50: 0 1px 1px 0 rgba(17, 43, 85, 0.12), 0 1.5px 1px -1px rgba(17, 43, 85, 0.12);
225
- --bb-shadow-blue-800: 0 5px 5px -3px rgba(17, 43, 85, 0.2), 0 3px 14px 2px rgba(17, 43, 85, 0.12), 0 8px 10px 1px rgba(17, 43, 85, 0.14);
226
232
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
227
233
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
228
234
  --bb-shadow-gray-200: 0 1px 8px 0 rgba(22, 26, 31, 0.2), 0 3px 3px -2px rgba(22, 26, 31, 0.12), 0 3px 4px 0 rgba(22, 26, 31, 0.14);
@@ -231,6 +237,14 @@
231
237
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
232
238
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
233
239
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
240
+ --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
241
+ --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
242
+ --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
243
+ --bb-shadow-slate-2400: 0 11px 15px -7px rgba(33, 44, 63, 0.2), 0 9px 46px 8px rgba(33, 44, 63, 0.12), 0 24px 38px 3px rgba(33, 44, 63, 0.14);
244
+ --bb-shadow-slate-25: 0 1px 1px 0 rgba(33, 44, 63, 0.05);
245
+ --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
246
+ --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
247
+ --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
234
248
  }
235
249
 
236
250
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
@@ -395,15 +409,15 @@
395
409
  --sky-color-text-heading: var(--bb-color-gray-50);
396
410
  --sky-color-text-inverse: var(--bb-color-gray-1100);
397
411
  --sky-color-text-selected: var(--bb-color-blue-400);
398
- --sky-elevation-none: var(--bb-shadow-blue-0);
412
+ --sky-elevation-none: var(--bb-shadow-gray-0);
399
413
  --sky-opacity-wait: var(--bb-opacity-600);
400
- --sky-elevation-focus: var(--bb-shadow-blue-200);
401
- --sky-elevation-overflow: var(--bb-shadow-blue-200);
402
- --sky-elevation-overlay-100: var(--bb-shadow-blue-400);
403
- --sky-elevation-overlay-200: var(--bb-shadow-blue-800);
404
- --sky-elevation-overlay-300: var(--bb-shadow-blue-1600);
405
- --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
406
- --sky-elevation-raised-100: var(--bb-shadow-blue-100);
414
+ --sky-elevation-focus: var(--bb-shadow-gray-200);
415
+ --sky-elevation-overflow: var(--bb-shadow-gray-200);
416
+ --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
417
+ --sky-elevation-overlay-200: var(--bb-shadow-gray-800);
418
+ --sky-elevation-overlay-300: var(--bb-shadow-gray-1600);
419
+ --sky-elevation-overlay-400: var(--bb-shadow-gray-2400);
420
+ --sky-elevation-raised-100: var(--bb-shadow-gray-100);
407
421
  }
408
422
 
409
423
  .sky-theme-modern.sky-theme-brand-base {
@@ -1279,6 +1293,22 @@
1279
1293
  --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1280
1294
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1281
1295
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1296
+ --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
1297
+ --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
1298
+ --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
1299
+ --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
1300
+ --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
1301
+ --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
1302
+ --sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
1303
+ --sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
1304
+ --sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/var(--sky-font-line_height-display-4) var(--sky-font-family-primary);
1305
+ --sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/var(--sky-font-line_height-heading-2) var(--sky-font-family-primary);
1306
+ --sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/var(--sky-font-line_height-heading-3) var(--sky-font-family-primary);
1307
+ --sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/var(--sky-font-line_height-heading-4) var(--sky-font-family-primary);
1308
+ --sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/var(--sky-font-line_height-heading-5) var(--sky-font-family-primary);
1309
+ --sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/var(--sky-font-line_height-hint-m) var(--sky-font-family-primary);
1310
+ --sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/var(--sky-font-line_height-hint-s) var(--sky-font-family-primary);
1311
+ --sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/var(--sky-font-line_height-input-label) var(--sky-font-family-primary);
1282
1312
  }
1283
1313
 
1284
1314
  @property --bb-image-logo-primary-src {
@@ -1387,7 +1417,21 @@
1387
1417
  --bb-color-sky-700: #00a6cc;
1388
1418
  --bb-color-sky-800: #007c99;
1389
1419
  --bb-color-sky-900: #005366;
1390
- --bb-color-slate-100: #f1f5fa;
1420
+ --bb-color-slate-100: #f1f3f7;
1421
+ --bb-color-slate-1000: #1a2231;
1422
+ --bb-color-slate-1100: #141b26;
1423
+ --bb-color-slate-1200: #0c1016;
1424
+ --bb-color-slate-200: #d9dfe9;
1425
+ --bb-color-slate-25: #fcfdfd;
1426
+ --bb-color-slate-250: #cad2e1;
1427
+ --bb-color-slate-300: #bac5d8;
1428
+ --bb-color-slate-400: #98a9c4;
1429
+ --bb-color-slate-50: #f6f8fa;
1430
+ --bb-color-slate-500: #7289af;
1431
+ --bb-color-slate-600: #536f9d;
1432
+ --bb-color-slate-700: #42597e;
1433
+ --bb-color-slate-800: #32435e;
1434
+ --bb-color-slate-900: #212c3f;
1391
1435
  --bb-color-teal-100: #ebfaf9;
1392
1436
  --bb-color-teal-1000: #012625;
1393
1437
  --bb-color-teal-200: #cdf2f1;
@@ -1435,7 +1479,7 @@
1435
1479
  --bb-font-weight-light: 300;
1436
1480
  --bb-font-weight-regular: 400;
1437
1481
  --bb-font-weight-semibold: 600;
1438
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png");
1482
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png");
1439
1483
  --bb-letter_spacing-normal: normal;
1440
1484
  --bb-letter_spacing-wider: 0.16px;
1441
1485
  --bb-line_height-300: calc(18/13);
@@ -1446,8 +1490,8 @@
1446
1490
  --bb-line_height-700: calc(32/24);
1447
1491
  --bb-line_height-800: calc(36/27);
1448
1492
  --bb-opacity-600: .6;
1449
- --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
1450
1493
  --bb-shadow-gray-0: 0 0 0 0 rgba(0, 0, 0, 0);
1494
+ --bb-shadow-slate-0: 0 0 0 0 rgba(0, 0, 0, 0);
1451
1495
  --bb-size-0: 0rem;
1452
1496
  --bb-size-fixed-100: 16px;
1453
1497
  --bb-size-fixed-12: 2px;
@@ -1498,14 +1542,6 @@
1498
1542
  --bb-space-9: 36px;
1499
1543
  --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
1500
1544
  --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
1501
- --bb-shadow-blue-100: 0 1px 3px 0 rgba(17, 43, 85, 0.2), 0 2px 1px -1px rgba(17, 43, 85, 0.12), 0 1px 1px 0 rgba(17, 43, 85, 0.14);
1502
- --bb-shadow-blue-1600: 0 8px 10px -5px rgba(17, 43, 85, 0.2), 0 6px 30px 5px rgba(17, 43, 85, 0.12), 0 16px 24px 2px rgba(17, 43, 85, 0.14);
1503
- --bb-shadow-blue-200: 0 1px 8px 0 rgba(17, 43, 85, 0.2), 0 3px 3px -2px rgba(17, 43, 85, 0.12), 0 3px 4px 0 rgba(17, 43, 85, 0.14);
1504
- --bb-shadow-blue-2400: 0 11px 15px -7px rgba(17, 43, 85, 0.2), 0 9px 46px 8px rgba(17, 43, 85, 0.12), 0 24px 38px 3px rgba(17, 43, 85, 0.14);
1505
- --bb-shadow-blue-25: 0 1px 1px 0 rgba(17, 43, 85, 0.05);
1506
- --bb-shadow-blue-400: 0 2px 4px -1px rgba(17, 43, 85, 0.2), 0 1px 10px 0 rgba(17, 43, 85, 0.12), 0 4px 5px 0 rgba(17, 43, 85, 0.14);
1507
- --bb-shadow-blue-50: 0 1px 1px 0 rgba(17, 43, 85, 0.12), 0 1.5px 1px -1px rgba(17, 43, 85, 0.12);
1508
- --bb-shadow-blue-800: 0 5px 5px -3px rgba(17, 43, 85, 0.2), 0 3px 14px 2px rgba(17, 43, 85, 0.12), 0 8px 10px 1px rgba(17, 43, 85, 0.14);
1509
1545
  --bb-shadow-gray-100: 0 1px 3px 0 rgba(22, 26, 31, 0.2), 0 2px 1px -1px rgba(22, 26, 31, 0.12), 0 1px 1px 0 rgba(22, 26, 31, 0.14);
1510
1546
  --bb-shadow-gray-1600: 0 8px 10px -5px rgba(22, 26, 31, 0.2), 0 6px 30px 5px rgba(22, 26, 31, 0.12), 0 16px 24px 2px rgba(30, 34, 41, 0.14);
1511
1547
  --bb-shadow-gray-200: 0 1px 8px 0 rgba(22, 26, 31, 0.2), 0 3px 3px -2px rgba(22, 26, 31, 0.12), 0 3px 4px 0 rgba(22, 26, 31, 0.14);
@@ -1514,24 +1550,32 @@
1514
1550
  --bb-shadow-gray-400: 0 2px 4px -1px rgba(22, 26, 31, 0.2), 0 1px 10px 0 rgba(22, 26, 31, 0.12), 0 4px 5px 0 rgba(22, 26, 31, 0.14);
1515
1551
  --bb-shadow-gray-50: 0 1px 1px 0 rgba(22, 26, 31, 0.12), 0 1.5px 1px -1px rgba(22, 26, 31, 0.12);
1516
1552
  --bb-shadow-gray-800: 0 5px 5px -3px rgba(22, 26, 31, 0.2), 0 3px 14px 2px rgba(22, 26, 31, 0.12), 0 8px 10px 1px rgba(22, 26, 31, 0.14);
1553
+ --bb-shadow-slate-100: 0 1px 3px 0 rgba(33, 44, 63, 0.2), 0 2px 1px -1px rgba(33, 44, 63, 0.12), 0 1px 1px 0 rgba(33, 44, 63, 0.14);
1554
+ --bb-shadow-slate-1600: 0 8px 10px -5px rgba(33, 44, 63, 0.2), 0 6px 30px 5px rgba(33, 44, 63, 0.12), 0 16px 24px 2px rgba(33, 44, 63, 0.14);
1555
+ --bb-shadow-slate-200: 0 1px 8px 0 rgba(33, 44, 63, 0.2), 0 3px 3px -2px rgba(33, 44, 63, 0.12), 0 3px 4px 0 rgba(33, 44, 63, 0.14);
1556
+ --bb-shadow-slate-2400: 0 11px 15px -7px rgba(33, 44, 63, 0.2), 0 9px 46px 8px rgba(33, 44, 63, 0.12), 0 24px 38px 3px rgba(33, 44, 63, 0.14);
1557
+ --bb-shadow-slate-25: 0 1px 1px 0 rgba(33, 44, 63, 0.05);
1558
+ --bb-shadow-slate-400: 0 2px 4px -1px rgba(33, 44, 63, 0.2), 0 1px 10px 0 rgba(33, 44, 63, 0.12), 0 4px 5px 0 rgba(33, 44, 63, 0.14);
1559
+ --bb-shadow-slate-50: 0 1px 1px 0 rgba(33, 44, 63, 0.12), 0 1.5px 1px -1px rgba(33, 44, 63, 0.12);
1560
+ --bb-shadow-slate-800: 0 5px 5px -3px rgba(33, 44, 63, 0.2), 0 3px 14px 2px rgba(33, 44, 63, 0.12), 0 8px 10px 1px rgba(33, 44, 63, 0.14);
1517
1561
  }
1518
1562
 
1519
1563
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
1520
1564
  --sky-brand-name: var(--bb-brand-name);
1521
- --sky-color-background-container-dimmed: var(--bb-color-blue-25);
1522
- --sky-color-background-file_drop: var(--bb-color-blue-25);
1523
- --sky-color-background-input-base: var(--bb-color-blue-25);
1565
+ --sky-color-background-container-dimmed: var(--bb-color-slate-25);
1566
+ --sky-color-background-file_drop: var(--bb-color-slate-25);
1567
+ --sky-color-background-input-base: var(--bb-color-slate-25);
1524
1568
  --sky-color-background-page: var(--bb-color-slate-100);
1525
1569
  --sky-color-background-scrim: var(--bb-color-scrim);
1526
- --sky-color-border-action-input-base: var(--bb-color-blue-250);
1527
- --sky-color-border-action-secondary-base: var(--bb-color-blue-300);
1528
- --sky-color-border-container-base: var(--bb-color-blue-200);
1529
- --sky-color-border-divider: var(--bb-color-blue-300);
1530
- --sky-color-border-elevation: var(--bb-color-blue-200);
1531
- --sky-color-border-input-base: var(--bb-color-blue-250);
1532
- --sky-color-border-separator-light: var(--bb-color-blue-250);
1533
- --sky-color-border-separator-row: var(--bb-color-blue-250);
1534
- --sky-color-border-switch-base: var(--bb-color-blue-500);
1570
+ --sky-color-border-action-input-base: var(--bb-color-slate-250);
1571
+ --sky-color-border-action-secondary-base: var(--bb-color-slate-300);
1572
+ --sky-color-border-container-base: var(--bb-color-slate-250);
1573
+ --sky-color-border-divider: var(--bb-color-slate-300);
1574
+ --sky-color-border-elevation: var(--bb-color-slate-250);
1575
+ --sky-color-border-input-base: var(--bb-color-slate-250);
1576
+ --sky-color-border-separator-light: var(--bb-color-slate-250);
1577
+ --sky-color-border-separator-row: var(--bb-color-slate-250);
1578
+ --sky-color-border-switch-base: var(--bb-color-slate-500);
1535
1579
  --sky-color-category-blue: var(--bb-color-sky-300);
1536
1580
  --sky-color-category-green: var(--bb-color-green-300);
1537
1581
  --sky-color-category-orange: var(--bb-color-orange-400);
@@ -1545,49 +1589,49 @@
1545
1589
  --sky-color-illustration-fill-softest: var(--bb-color-white);
1546
1590
  --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
1547
1591
  --sky-color-text-heading: var(--bb-color-blue-900);
1548
- --sky-elevation-action-danger-active: var(--bb-shadow-blue-0);
1549
- --sky-elevation-action-danger-disabled: var(--bb-shadow-blue-0);
1550
- --sky-elevation-action-input-disabled: var(--bb-shadow-blue-0);
1551
- --sky-elevation-action-primary-active: var(--bb-shadow-blue-0);
1552
- --sky-elevation-action-primary-disabled: var(--bb-shadow-blue-0);
1553
- --sky-elevation-action-secondary-active: var(--bb-shadow-blue-0);
1554
- --sky-elevation-action-secondary-disabled: var(--bb-shadow-blue-0);
1555
- --sky-elevation-action-tertiary-active: var(--bb-shadow-blue-0);
1556
- --sky-elevation-action-tertiary-base: var(--bb-shadow-blue-0);
1557
- --sky-elevation-action-tertiary-disabled: var(--bb-shadow-blue-0);
1558
- --sky-elevation-action-tertiary-focus: var(--bb-shadow-blue-0);
1559
- --sky-elevation-action-toolbar-active: var(--bb-shadow-blue-0);
1560
- --sky-elevation-action-toolbar-base: var(--bb-shadow-blue-0);
1561
- --sky-elevation-action-toolbar-disabled: var(--bb-shadow-blue-0);
1562
- --sky-elevation-action-toolbar-focus: var(--bb-shadow-blue-0);
1563
- --sky-elevation-input-disabled: var(--bb-shadow-blue-0);
1564
- --sky-elevation-none: var(--bb-shadow-blue-0);
1592
+ --sky-elevation-action-danger-active: var(--bb-shadow-slate-0);
1593
+ --sky-elevation-action-danger-disabled: var(--bb-shadow-slate-0);
1594
+ --sky-elevation-action-input-disabled: var(--bb-shadow-slate-0);
1595
+ --sky-elevation-action-primary-active: var(--bb-shadow-slate-0);
1596
+ --sky-elevation-action-primary-disabled: var(--bb-shadow-slate-0);
1597
+ --sky-elevation-action-secondary-active: var(--bb-shadow-slate-0);
1598
+ --sky-elevation-action-secondary-disabled: var(--bb-shadow-slate-0);
1599
+ --sky-elevation-action-tertiary-active: var(--bb-shadow-slate-0);
1600
+ --sky-elevation-action-tertiary-base: var(--bb-shadow-slate-0);
1601
+ --sky-elevation-action-tertiary-disabled: var(--bb-shadow-slate-0);
1602
+ --sky-elevation-action-tertiary-focus: var(--bb-shadow-slate-0);
1603
+ --sky-elevation-action-toolbar-active: var(--bb-shadow-slate-0);
1604
+ --sky-elevation-action-toolbar-base: var(--bb-shadow-slate-0);
1605
+ --sky-elevation-action-toolbar-disabled: var(--bb-shadow-slate-0);
1606
+ --sky-elevation-action-toolbar-focus: var(--bb-shadow-slate-0);
1607
+ --sky-elevation-input-disabled: var(--bb-shadow-slate-0);
1608
+ --sky-elevation-none: var(--bb-shadow-slate-0);
1565
1609
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1566
1610
  --sky-opacity-wait: var(--bb-opacity-600);
1567
1611
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
1568
- --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
1569
- --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
1570
- --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
1571
- --sky-elevation-action-input-active: var(--bb-shadow-blue-25);
1572
- --sky-elevation-action-input-base: var(--bb-shadow-blue-25);
1573
- --sky-elevation-action-input-focus: var(--bb-shadow-blue-25);
1574
- --sky-elevation-action-input-hover: var(--bb-shadow-blue-25);
1575
- --sky-elevation-action-primary-base: var(--bb-shadow-blue-50);
1576
- --sky-elevation-action-primary-focus: var(--bb-shadow-blue-50);
1577
- --sky-elevation-action-primary-hover: var(--bb-shadow-blue-50);
1578
- --sky-elevation-action-secondary-base: var(--bb-shadow-blue-50);
1579
- --sky-elevation-action-secondary-focus: var(--bb-shadow-blue-50);
1580
- --sky-elevation-action-secondary-hover: var(--bb-shadow-blue-50);
1581
- --sky-elevation-action-tertiary-hover: var(--bb-shadow-blue-50);
1582
- --sky-elevation-action-toolbar-hover: var(--bb-shadow-blue-50);
1583
- --sky-elevation-focus: var(--bb-shadow-blue-200);
1584
- --sky-elevation-input-base: var(--bb-shadow-blue-25);
1585
- --sky-elevation-overflow: var(--bb-shadow-blue-200);
1586
- --sky-elevation-overlay-100: var(--bb-shadow-blue-400);
1587
- --sky-elevation-overlay-200: var(--bb-shadow-blue-800);
1588
- --sky-elevation-overlay-300: var(--bb-shadow-blue-1600);
1589
- --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
1590
- --sky-elevation-raised-100: var(--bb-shadow-blue-100);
1612
+ --sky-elevation-action-danger-base: var(--bb-shadow-slate-50);
1613
+ --sky-elevation-action-danger-focus: var(--bb-shadow-slate-50);
1614
+ --sky-elevation-action-danger-hover: var(--bb-shadow-slate-50);
1615
+ --sky-elevation-action-input-active: var(--bb-shadow-slate-25);
1616
+ --sky-elevation-action-input-base: var(--bb-shadow-slate-25);
1617
+ --sky-elevation-action-input-focus: var(--bb-shadow-slate-25);
1618
+ --sky-elevation-action-input-hover: var(--bb-shadow-slate-25);
1619
+ --sky-elevation-action-primary-base: var(--bb-shadow-slate-50);
1620
+ --sky-elevation-action-primary-focus: var(--bb-shadow-slate-50);
1621
+ --sky-elevation-action-primary-hover: var(--bb-shadow-slate-50);
1622
+ --sky-elevation-action-secondary-base: var(--bb-shadow-slate-50);
1623
+ --sky-elevation-action-secondary-focus: var(--bb-shadow-slate-50);
1624
+ --sky-elevation-action-secondary-hover: var(--bb-shadow-slate-50);
1625
+ --sky-elevation-action-tertiary-hover: var(--bb-shadow-slate-50);
1626
+ --sky-elevation-action-toolbar-hover: var(--bb-shadow-slate-50);
1627
+ --sky-elevation-focus: var(--bb-shadow-slate-200);
1628
+ --sky-elevation-input-base: var(--bb-shadow-slate-25);
1629
+ --sky-elevation-overflow: var(--bb-shadow-slate-200);
1630
+ --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
1631
+ --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
1632
+ --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
1633
+ --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
1634
+ --sky-elevation-raised-100: var(--bb-shadow-slate-100);
1591
1635
  }
1592
1636
 
1593
1637
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
@@ -1752,15 +1796,15 @@
1752
1796
  --sky-color-text-heading: var(--bb-color-gray-50);
1753
1797
  --sky-color-text-inverse: var(--bb-color-gray-1100);
1754
1798
  --sky-color-text-selected: var(--bb-color-blue-400);
1755
- --sky-elevation-none: var(--bb-shadow-blue-0);
1799
+ --sky-elevation-none: var(--bb-shadow-slate-0);
1756
1800
  --sky-opacity-wait: var(--bb-opacity-600);
1757
- --sky-elevation-focus: var(--bb-shadow-blue-200);
1758
- --sky-elevation-overflow: var(--bb-shadow-blue-200);
1759
- --sky-elevation-overlay-100: var(--bb-shadow-blue-400);
1760
- --sky-elevation-overlay-200: var(--bb-shadow-blue-800);
1761
- --sky-elevation-overlay-300: var(--bb-shadow-blue-1600);
1762
- --sky-elevation-overlay-400: var(--bb-shadow-blue-2400);
1763
- --sky-elevation-raised-100: var(--bb-shadow-blue-100);
1801
+ --sky-elevation-focus: var(--bb-shadow-slate-200);
1802
+ --sky-elevation-overflow: var(--bb-shadow-slate-200);
1803
+ --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
1804
+ --sky-elevation-overlay-200: var(--bb-shadow-slate-800);
1805
+ --sky-elevation-overlay-300: var(--bb-shadow-slate-1600);
1806
+ --sky-elevation-overlay-400: var(--bb-shadow-slate-2400);
1807
+ --sky-elevation-raised-100: var(--bb-shadow-slate-100);
1764
1808
  }
1765
1809
 
1766
1810
  @property --modern-image-logo-primary-src {
@@ -1841,7 +1885,7 @@
1841
1885
  --modern-font-weight-light: 300;
1842
1886
  --modern-font-weight-regular: 400;
1843
1887
  --modern-font-weight-semibold: 600;
1844
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0-alpha.3/assets/images/bb-logo.png");
1888
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/3.0.0/assets/images/bb-logo.png");
1845
1889
  --modern-letter_spacing-normal: normal;
1846
1890
  --modern-line_height-110: 1.1;
1847
1891
  --modern-line_height-115: 1.15;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "12.40.0",
3
+ "version": "12.41.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": "3.0.0-alpha.3",
23
+ "@blackbaud/skyux-design-tokens": "3.0.0",
24
24
  "@skyux/icons": "9.0.0",
25
25
  "fontfaceobserver": "2.3.0",
26
26
  "tslib": "^2.8.1"