@skyux/theme 13.12.0 → 13.14.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 (3) hide show
  1. package/css/sky.css +2 -2
  2. package/css/themes/modern/styles.css +179 -57
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -1001,8 +1001,7 @@ fieldset {
1001
1001
 
1002
1002
  select {
1003
1003
  appearance: none;
1004
- background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right 50%;
1005
- background-size: 15px 30px;
1004
+ background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right/15px 30px;
1006
1005
  border-top: 1px solid #e2e3e4;
1007
1006
  border-bottom: 1px solid #e2e3e4;
1008
1007
  border-left: 1px solid #e2e3e4;
@@ -1011,6 +1010,7 @@ select {
1011
1010
  font-size: 15px;
1012
1011
  height: 34px;
1013
1012
  padding: 5px 21px 5px 10px;
1013
+ text-overflow: ellipsis;
1014
1014
  }
1015
1015
 
1016
1016
  @-moz-document url-prefix() {
package/css/themes/modern/styles.css CHANGED
@@ -3,6 +3,46 @@
3
3
  inherits: true;
4
4
  initial-value: url("data:,");
5
5
  }
6
+ @property --bb-image-select_icon-base-dark-src {
7
+ syntax: "<url>";
8
+ inherits: true;
9
+ initial-value: url("data:,");
10
+ }
11
+ @property --bb-image-select_icon-base-light-src {
12
+ syntax: "<url>";
13
+ inherits: true;
14
+ initial-value: url("data:,");
15
+ }
16
+ @property --bb-image-select_icon-bb-dark-src {
17
+ syntax: "<url>";
18
+ inherits: true;
19
+ initial-value: url("data:,");
20
+ }
21
+ @property --bb-image-select_icon-bb-light-src {
22
+ syntax: "<url>";
23
+ inherits: true;
24
+ initial-value: url("data:,");
25
+ }
26
+ @property --bb-image-select_icon-disabled-base-dark-src {
27
+ syntax: "<url>";
28
+ inherits: true;
29
+ initial-value: url("data:,");
30
+ }
31
+ @property --bb-image-select_icon-disabled-base-light-src {
32
+ syntax: "<url>";
33
+ inherits: true;
34
+ initial-value: url("data:,");
35
+ }
36
+ @property --bb-image-select_icon-disabled-bb-dark-src {
37
+ syntax: "<url>";
38
+ inherits: true;
39
+ initial-value: url("data:,");
40
+ }
41
+ @property --bb-image-select_icon-disabled-bb-light-src {
42
+ syntax: "<url>";
43
+ inherits: true;
44
+ initial-value: url("data:,");
45
+ }
6
46
  .sky-theme-modern.sky-theme-brand-base {
7
47
  --bb-border-radius-0: 0rem;
8
48
  --bb-border-radius-012: .125rem;
@@ -14,7 +54,6 @@
14
54
  --bb-border-style-solid: solid;
15
55
  --bb-brand-name: "Blackbaud";
16
56
  --bb-color-black: #000000;
17
- --bb-color-blocking: rgba(255, 255, 255, 0.7);
18
57
  --bb-color-blue-100: #eef3fc;
19
58
  --bb-color-blue-1000: #0d2040;
20
59
  --bb-color-blue-1100: #0b1b35;
@@ -42,7 +81,7 @@
42
81
  --bb-color-gray-400: #a3a6a9;
43
82
  --bb-color-gray-50: #f4f4f5;
44
83
  --bb-color-gray-500: #85888d;
45
- --bb-color-gray-600: #6b6f74;
84
+ --bb-color-gray-600: #666b70;
46
85
  --bb-color-gray-700: #51555c;
47
86
  --bb-color-gray-800: #3b4047;
48
87
  --bb-color-gray-900: #252b33;
@@ -116,8 +155,10 @@
116
155
  --bb-color-red-700: #ae2e31;
117
156
  --bb-color-red-800: #822325;
118
157
  --bb-color-red-900: #641b1c;
158
+ --bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
119
159
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
120
160
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
161
+ --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
121
162
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
122
163
  --bb-color-sky-100: #d6f7ff;
123
164
  --bb-color-sky-1000: #002933;
@@ -205,7 +246,15 @@
205
246
  --bb-font-weight-light: 300;
206
247
  --bb-font-weight-regular: 400;
207
248
  --bb-font-weight-semibold: 600;
208
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.1.0/assets/images/bb-logo.png");
249
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png");
250
+ --bb-image-select_icon-base-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg");
251
+ --bb-image-select_icon-base-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg");
252
+ --bb-image-select_icon-bb-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg");
253
+ --bb-image-select_icon-bb-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg");
254
+ --bb-image-select_icon-disabled-base-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg");
255
+ --bb-image-select_icon-disabled-base-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg");
256
+ --bb-image-select_icon-disabled-bb-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg");
257
+ --bb-image-select_icon-disabled-bb-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg");
209
258
  --bb-letter_spacing-normal: normal;
210
259
  --bb-letter_spacing-wider: 0.01rem;
211
260
  --bb-letter_spacing-widest: 0.046875rem;
@@ -290,32 +339,31 @@
290
339
  }
291
340
 
292
341
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
342
+ --sky-color-background-action-accent-active: var(--bb-color-gray-600);
343
+ --sky-color-background-action-accent-base: var(--bb-color-blue-900);
344
+ --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
345
+ --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
293
346
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
294
347
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
295
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
296
348
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
297
349
  --sky-color-background-action-danger-hover: var(--bb-color-red-600);
298
350
  --sky-color-background-action-input-active: var(--bb-color-transparent);
299
351
  --sky-color-background-action-input-base: var(--bb-color-blue-900);
300
- --sky-color-background-action-input-disabled: var(--bb-color-gray-700);
301
352
  --sky-color-background-action-input-focus: var(--bb-color-blue-900);
302
353
  --sky-color-background-action-input-hover: var(--bb-color-transparent);
303
354
  --sky-color-background-action-primary-active: var(--bb-color-sky-500);
304
355
  --sky-color-background-action-primary-base: var(--bb-color-sky-600);
305
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-700);
306
356
  --sky-color-background-action-primary-focus: var(--bb-color-sky-600);
307
357
  --sky-color-background-action-primary-hover: var(--bb-color-sky-600);
308
358
  --sky-color-background-action-secondary-active: var(--bb-color-gray-600);
309
359
  --sky-color-background-action-secondary-base: var(--bb-color-gray-800);
310
- --sky-color-background-action-secondary-disabled: var(--bb-color-gray-700);
311
360
  --sky-color-background-action-secondary-focus: var(--bb-color-gray-700);
312
361
  --sky-color-background-action-secondary-hover: var(--bb-color-gray-700);
313
362
  --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
314
363
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
315
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
316
364
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
317
365
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
318
- --sky-color-background-blocking: var(--bb-color-blocking);
366
+ --sky-color-background-blocking: var(--bb-color-rgba-black-70);
319
367
  --sky-color-background-container-base: var(--bb-color-gray-1000);
320
368
  --sky-color-background-container-danger: var(--bb-color-red-800);
321
369
  --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
@@ -324,6 +372,7 @@
324
372
  --sky-color-background-container-success: var(--bb-color-green-900);
325
373
  --sky-color-background-container-tooltip: var(--bb-color-gray-25);
326
374
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
375
+ --sky-color-background-disabled: var(--bb-color-gray-700);
327
376
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
328
377
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
329
378
  --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
@@ -332,16 +381,13 @@
332
381
  --sky-color-background-icon_matte-success: var(--bb-color-green-700);
333
382
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
334
383
  --sky-color-background-input-base: var(--bb-color-gray-900);
335
- --sky-color-background-input-disabled: var(--bb-color-gray-700);
336
384
  --sky-color-background-nav-active: var(--bb-color-transparent);
337
385
  --sky-color-background-nav-base: var(--bb-color-transparent);
338
- --sky-color-background-nav-disabled: var(--bb-color-gray-700);
339
386
  --sky-color-background-nav-focus: var(--bb-color-transparent);
340
387
  --sky-color-background-nav-hover: var(--bb-color-transparent);
341
388
  --sky-color-background-page: var(--bb-color-gray-1100);
342
389
  --sky-color-background-row-active: var(--bb-color-transparent);
343
390
  --sky-color-background-row-base: var(--bb-color-gray-1000);
344
- --sky-color-background-row-disabled: var(--bb-color-gray-700);
345
391
  --sky-color-background-row-focus: var(--bb-color-gray-1000);
346
392
  --sky-color-background-row-hover: var(--bb-color-transparent);
347
393
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -350,11 +396,9 @@
350
396
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
351
397
  --sky-color-background-selected-success: var(--bb-color-green-900);
352
398
  --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
353
- --sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
354
399
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
355
400
  --sky-color-background-tab-active: var(--bb-color-transparent);
356
401
  --sky-color-background-tab-base: var(--bb-color-transparent);
357
- --sky-color-background-tab-disabled: var(--bb-color-gray-700);
358
402
  --sky-color-background-tab-focus: var(--bb-color-transparent);
359
403
  --sky-color-background-tab-hover: var(--bb-color-transparent);
360
404
  --sky-color-background-tab-selected: var(--bb-color-transparent);
@@ -363,46 +407,44 @@
363
407
  --sky-color-background-thumb-base: var(--bb-color-white);
364
408
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
365
409
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
410
+ --sky-color-border-action-accent-active: var(--bb-color-sky-500);
411
+ --sky-color-border-action-accent-base: var(--bb-color-gray-700);
412
+ --sky-color-border-action-accent-focus: var(--bb-color-sky-600);
413
+ --sky-color-border-action-accent-hover: var(--bb-color-sky-600);
366
414
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
367
415
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
368
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-800);
369
416
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
370
417
  --sky-color-border-action-danger-hover: var(--bb-color-red-200);
371
418
  --sky-color-border-action-input-active: var(--bb-color-blue-600);
372
419
  --sky-color-border-action-input-base: var(--bb-color-blue-400);
373
- --sky-color-border-action-input-disabled: var(--bb-color-gray-800);
374
420
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
375
421
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
376
422
  --sky-color-border-action-primary-active: var(--bb-color-sky-500);
377
423
  --sky-color-border-action-primary-base: var(--bb-color-sky-600);
378
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-800);
379
424
  --sky-color-border-action-primary-focus: var(--bb-color-sky-600);
380
425
  --sky-color-border-action-primary-hover: var(--bb-color-sky-600);
381
426
  --sky-color-border-action-secondary-active: var(--bb-color-sky-500);
382
427
  --sky-color-border-action-secondary-base: var(--bb-color-gray-700);
383
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-800);
384
428
  --sky-color-border-action-secondary-focus: var(--bb-color-sky-600);
385
429
  --sky-color-border-action-secondary-hover: var(--bb-color-sky-600);
386
430
  --sky-color-border-action-tertiary-active: var(--bb-color-sky-500);
387
431
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
388
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
389
432
  --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
390
433
  --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
391
434
  --sky-color-border-column_divider: var(--bb-color-blue-400);
392
435
  --sky-color-border-container-base: var(--bb-color-blue-900);
393
436
  --sky-color-border-danger: var(--bb-color-red-400);
437
+ --sky-color-border-disabled: var(--bb-color-gray-800);
394
438
  --sky-color-border-divider: var(--bb-color-gray-800);
395
439
  --sky-color-border-elevation: var(--bb-color-gray-800);
396
440
  --sky-color-border-info: var(--bb-color-blue-400);
397
441
  --sky-color-border-input-active: var(--bb-color-blue-600);
398
442
  --sky-color-border-input-base: var(--bb-color-blue-200);
399
- --sky-color-border-input-disabled: var(--bb-color-gray-400);
400
443
  --sky-color-border-input-error: var(--bb-color-red-600);
401
444
  --sky-color-border-input-focus: var(--bb-color-blue-600);
402
445
  --sky-color-border-input-hover: var(--bb-color-blue-600);
403
446
  --sky-color-border-nav-active: var(--bb-color-sky-500);
404
447
  --sky-color-border-nav-base: var(--bb-color-transparent);
405
- --sky-color-border-nav-disabled: var(--bb-color-gray-800);
406
448
  --sky-color-border-nav-focus: var(--bb-color-sky-600);
407
449
  --sky-color-border-nav-hover: var(--bb-color-sky-600);
408
450
  --sky-color-border-progress_step: var(--bb-color-gray-600);
@@ -414,18 +456,15 @@
414
456
  --sky-color-border-success: var(--bb-color-green-400);
415
457
  --sky-color-border-switch-active: var(--bb-color-blue-600);
416
458
  --sky-color-border-switch-base: var(--bb-color-blue-500);
417
- --sky-color-border-switch-disabled: var(--bb-color-gray-400);
418
459
  --sky-color-border-switch-error: var(--bb-color-red-600);
419
460
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
420
461
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
421
462
  --sky-color-border-switch-selected-active: var(--bb-color-blue-900);
422
463
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
423
- --sky-color-border-switch-selected-disabled: var(--bb-color-gray-400);
424
464
  --sky-color-border-switch-selected-focus: var(--bb-color-blue-900);
425
465
  --sky-color-border-switch-selected-hover: var(--bb-color-blue-900);
426
466
  --sky-color-border-tab-active: var(--bb-color-sky-500);
427
467
  --sky-color-border-tab-base: var(--bb-color-transparent);
428
- --sky-color-border-tab-disabled: var(--bb-color-gray-800);
429
468
  --sky-color-border-tab-focus: var(--bb-color-sky-600);
430
469
  --sky-color-border-tab-hover: var(--bb-color-sky-600);
431
470
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
@@ -517,7 +556,31 @@
517
556
  --sky-color-viz-sequence-8: var(--bb-color-teal-300);
518
557
  --sky-color-viz-sequence-9: var(--bb-color-teal-200);
519
558
  --sky-elevation-none: var(--bb-shadow-gray-0);
559
+ --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
560
+ --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
520
561
  --sky-opacity-wait: var(--bb-opacity-600);
562
+ --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
563
+ --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
564
+ --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
565
+ --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
566
+ --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
567
+ --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
568
+ --sky-color-background-input-disabled: var(--sky-color-background-disabled);
569
+ --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
570
+ --sky-color-background-row-disabled: var(--sky-color-background-disabled);
571
+ --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
572
+ --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
573
+ --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
574
+ --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
575
+ --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
576
+ --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
577
+ --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
578
+ --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
579
+ --sky-color-border-input-disabled: var(--sky-color-border-disabled);
580
+ --sky-color-border-nav-disabled: var(--sky-color-border-disabled);
581
+ --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
582
+ --sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
583
+ --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
521
584
  --sky-elevation-focus: var(--bb-shadow-gray-200);
522
585
  --sky-elevation-overflow: var(--bb-shadow-gray-200);
523
586
  --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
@@ -531,35 +594,29 @@
531
594
  --sky-brand-name: var(--bb-brand-name);
532
595
  --sky-color-background-action-accent-active: var(--bb-color-blue-100);
533
596
  --sky-color-background-action-accent-base: var(--bb-color-white);
534
- --sky-color-background-action-accent-disabled: var(--bb-color-gray-50);
535
597
  --sky-color-background-action-accent-focus: var(--bb-color-white);
536
598
  --sky-color-background-action-accent-hover: var(--bb-color-blue-50);
537
599
  --sky-color-background-action-danger-active: var(--bb-color-red-800);
538
600
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
539
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-100);
540
601
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
541
602
  --sky-color-background-action-danger-hover: var(--bb-color-red-700);
542
603
  --sky-color-background-action-input-active: var(--bb-color-blue-100);
543
604
  --sky-color-background-action-input-base: var(--bb-color-white);
544
- --sky-color-background-action-input-disabled: var(--bb-color-gray-100);
545
605
  --sky-color-background-action-input-focus: var(--bb-color-white);
546
606
  --sky-color-background-action-input-hover: var(--bb-color-blue-50);
547
607
  --sky-color-background-action-primary-active: var(--bb-color-blue-800);
548
608
  --sky-color-background-action-primary-base: var(--bb-color-blue-600);
549
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-100);
550
609
  --sky-color-background-action-primary-focus: var(--bb-color-blue-600);
551
610
  --sky-color-background-action-primary-hover: var(--bb-color-blue-700);
552
611
  --sky-color-background-action-secondary-active: var(--bb-color-blue-100);
553
612
  --sky-color-background-action-secondary-base: var(--bb-color-white);
554
- --sky-color-background-action-secondary-disabled: var(--bb-color-gray-100);
555
613
  --sky-color-background-action-secondary-focus: var(--bb-color-white);
556
614
  --sky-color-background-action-secondary-hover: var(--bb-color-blue-50);
557
615
  --sky-color-background-action-tertiary-active: var(--bb-color-blue-100);
558
616
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
559
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-100);
560
617
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
561
618
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
562
- --sky-color-background-blocking: var(--bb-color-blocking);
619
+ --sky-color-background-blocking: var(--bb-color-rgba-white-70);
563
620
  --sky-color-background-container-base: var(--bb-color-white);
564
621
  --sky-color-background-container-danger: var(--bb-color-red-200);
565
622
  --sky-color-background-container-dimmed: var(--bb-color-gray-25);
@@ -568,6 +625,7 @@
568
625
  --sky-color-background-container-success: var(--bb-color-green-200);
569
626
  --sky-color-background-container-tooltip: var(--bb-color-gray-900);
570
627
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
628
+ --sky-color-background-disabled: var(--bb-color-gray-100);
571
629
  --sky-color-background-file_drop: var(--bb-color-gray-25);
572
630
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
573
631
  --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
@@ -576,16 +634,13 @@
576
634
  --sky-color-background-icon_matte-success: var(--bb-color-green-600);
577
635
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-400);
578
636
  --sky-color-background-input-base: var(--bb-color-white);
579
- --sky-color-background-input-disabled: var(--bb-color-gray-100);
580
637
  --sky-color-background-nav-active: var(--bb-color-blue-100);
581
638
  --sky-color-background-nav-base: var(--bb-color-transparent);
582
- --sky-color-background-nav-disabled: var(--bb-color-gray-100);
583
639
  --sky-color-background-nav-focus: var(--bb-color-transparent);
584
640
  --sky-color-background-nav-hover: var(--bb-color-blue-50);
585
641
  --sky-color-background-page: var(--bb-color-gray-100);
586
642
  --sky-color-background-row-active: var(--bb-color-blue-100);
587
643
  --sky-color-background-row-base: var(--bb-color-white);
588
- --sky-color-background-row-disabled: var(--bb-color-gray-100);
589
644
  --sky-color-background-row-focus: var(--bb-color-white);
590
645
  --sky-color-background-row-hover: var(--bb-color-blue-50);
591
646
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -594,11 +649,9 @@
594
649
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
595
650
  --sky-color-background-selected-success: var(--bb-color-green-200);
596
651
  --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
597
- --sky-color-background-selected-switch-disabled: var(--bb-color-gray-100);
598
652
  --sky-color-background-selected-warning: var(--bb-color-yellow-200);
599
653
  --sky-color-background-tab-active: var(--bb-color-transparent);
600
654
  --sky-color-background-tab-base: var(--bb-color-transparent);
601
- --sky-color-background-tab-disabled: var(--bb-color-gray-100);
602
655
  --sky-color-background-tab-focus: var(--bb-color-transparent);
603
656
  --sky-color-background-tab-hover: var(--bb-color-transparent);
604
657
  --sky-color-background-tab-selected: var(--bb-color-transparent);
@@ -609,49 +662,42 @@
609
662
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
610
663
  --sky-color-border-action-accent-active: var(--bb-color-blue-600);
611
664
  --sky-color-border-action-accent-base: var(--bb-color-gray-200);
612
- --sky-color-border-action-accent-disabled: var(--bb-color-gray-200);
613
665
  --sky-color-border-action-accent-focus: var(--bb-color-blue-600);
614
666
  --sky-color-border-action-accent-hover: var(--bb-color-blue-600);
615
667
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
616
668
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
617
- --sky-color-border-action-danger-disabled: var(--bb-color-gray-300);
618
669
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
619
670
  --sky-color-border-action-danger-hover: var(--bb-color-red-1000);
620
671
  --sky-color-border-action-input-active: var(--bb-color-blue-600);
621
672
  --sky-color-border-action-input-base: var(--bb-color-gray-300);
622
- --sky-color-border-action-input-disabled: var(--bb-color-gray-300);
623
673
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
624
674
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
625
675
  --sky-color-border-action-primary-active: var(--bb-color-blue-1000);
626
676
  --sky-color-border-action-primary-base: var(--bb-color-blue-600);
627
- --sky-color-border-action-primary-disabled: var(--bb-color-gray-300);
628
677
  --sky-color-border-action-primary-focus: var(--bb-color-blue-1000);
629
678
  --sky-color-border-action-primary-hover: var(--bb-color-blue-1000);
630
679
  --sky-color-border-action-secondary-active: var(--bb-color-blue-600);
631
680
  --sky-color-border-action-secondary-base: var(--bb-color-gray-300);
632
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-300);
633
681
  --sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
634
682
  --sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
635
683
  --sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
636
684
  --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
637
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-300);
638
685
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
639
686
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
640
687
  --sky-color-border-column_divider: var(--bb-color-blue-600);
641
688
  --sky-color-border-container-base: var(--bb-color-gray-200);
642
689
  --sky-color-border-danger: var(--bb-color-red-600);
690
+ --sky-color-border-disabled: var(--bb-color-gray-300);
643
691
  --sky-color-border-divider: var(--bb-color-gray-300);
644
692
  --sky-color-border-elevation: var(--bb-color-gray-200);
645
693
  --sky-color-border-info: var(--bb-color-blue-600);
646
694
  --sky-color-border-input-active: var(--bb-color-blue-600);
647
695
  --sky-color-border-input-base: var(--bb-color-gray-300);
648
- --sky-color-border-input-disabled: var(--bb-color-gray-300);
649
696
  --sky-color-border-input-error: var(--bb-color-red-600);
650
697
  --sky-color-border-input-focus: var(--bb-color-blue-600);
651
698
  --sky-color-border-input-hover: var(--bb-color-blue-600);
652
699
  --sky-color-border-nav-active: var(--bb-color-blue-600);
653
700
  --sky-color-border-nav-base: var(--bb-color-transparent);
654
- --sky-color-border-nav-disabled: var(--bb-color-gray-300);
655
701
  --sky-color-border-nav-focus: var(--bb-color-blue-600);
656
702
  --sky-color-border-nav-hover: var(--bb-color-blue-600);
657
703
  --sky-color-border-progress_step: var(--bb-color-gray-400);
@@ -662,18 +708,15 @@
662
708
  --sky-color-border-success: var(--bb-color-green-600);
663
709
  --sky-color-border-switch-active: var(--bb-color-blue-600);
664
710
  --sky-color-border-switch-base: var(--bb-color-gray-500);
665
- --sky-color-border-switch-disabled: var(--bb-color-gray-300);
666
711
  --sky-color-border-switch-error: var(--bb-color-red-600);
667
712
  --sky-color-border-switch-focus: var(--bb-color-blue-600);
668
713
  --sky-color-border-switch-hover: var(--bb-color-blue-600);
669
714
  --sky-color-border-switch-selected-active: var(--bb-color-blue-1000);
670
715
  --sky-color-border-switch-selected-base: var(--bb-color-transparent);
671
- --sky-color-border-switch-selected-disabled: var(--bb-color-gray-300);
672
716
  --sky-color-border-switch-selected-focus: var(--bb-color-blue-1000);
673
717
  --sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
674
718
  --sky-color-border-tab-active: var(--bb-color-blue-600);
675
719
  --sky-color-border-tab-base: var(--bb-color-transparent);
676
- --sky-color-border-tab-disabled: var(--bb-color-gray-300);
677
720
  --sky-color-border-tab-focus: var(--bb-color-blue-600);
678
721
  --sky-color-border-tab-hover: var(--bb-color-blue-600);
679
722
  --sky-color-border-tab-wizard-disabled: var(--bb-color-transparent);
@@ -798,7 +841,31 @@
798
841
  --sky-elevation-input-disabled: var(--bb-shadow-gray-0);
799
842
  --sky-elevation-none: var(--bb-shadow-gray-0);
800
843
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
844
+ --sky-image-select_icon-base: var(--bb-image-select_icon-base-light-src);
845
+ --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-light-src);
801
846
  --sky-opacity-wait: var(--bb-opacity-600);
847
+ --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
848
+ --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
849
+ --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
850
+ --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
851
+ --sky-color-background-action-secondary-disabled: var(--sky-color-background-disabled);
852
+ --sky-color-background-action-tertiary-disabled: var(--sky-color-background-disabled);
853
+ --sky-color-background-input-disabled: var(--sky-color-background-disabled);
854
+ --sky-color-background-nav-disabled: var(--sky-color-background-disabled);
855
+ --sky-color-background-row-disabled: var(--sky-color-background-disabled);
856
+ --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
857
+ --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
858
+ --sky-color-border-action-accent-disabled: var(--sky-color-border-disabled);
859
+ --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
860
+ --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
861
+ --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
862
+ --sky-color-border-action-secondary-disabled: var(--sky-color-border-disabled);
863
+ --sky-color-border-action-tertiary-disabled: var(--sky-color-border-disabled);
864
+ --sky-color-border-input-disabled: var(--sky-color-border-disabled);
865
+ --sky-color-border-nav-disabled: var(--sky-color-border-disabled);
866
+ --sky-color-border-switch-disabled: var(--sky-color-border-disabled);
867
+ --sky-color-border-switch-selected-disabled: var(--sky-color-border-disabled);
868
+ --sky-color-border-tab-disabled: var(--sky-color-border-disabled);
802
869
  --sky-elevation-focus: var(--bb-shadow-gray-200);
803
870
  --sky-elevation-overflow: var(--bb-shadow-gray-200);
804
871
  --sky-elevation-overlay-100: var(--bb-shadow-gray-400);
@@ -1529,6 +1596,46 @@
1529
1596
  inherits: true;
1530
1597
  initial-value: url("data:,");
1531
1598
  }
1599
+ @property --bb-image-select_icon-base-dark-src {
1600
+ syntax: "<url>";
1601
+ inherits: true;
1602
+ initial-value: url("data:,");
1603
+ }
1604
+ @property --bb-image-select_icon-base-light-src {
1605
+ syntax: "<url>";
1606
+ inherits: true;
1607
+ initial-value: url("data:,");
1608
+ }
1609
+ @property --bb-image-select_icon-bb-dark-src {
1610
+ syntax: "<url>";
1611
+ inherits: true;
1612
+ initial-value: url("data:,");
1613
+ }
1614
+ @property --bb-image-select_icon-bb-light-src {
1615
+ syntax: "<url>";
1616
+ inherits: true;
1617
+ initial-value: url("data:,");
1618
+ }
1619
+ @property --bb-image-select_icon-disabled-base-dark-src {
1620
+ syntax: "<url>";
1621
+ inherits: true;
1622
+ initial-value: url("data:,");
1623
+ }
1624
+ @property --bb-image-select_icon-disabled-base-light-src {
1625
+ syntax: "<url>";
1626
+ inherits: true;
1627
+ initial-value: url("data:,");
1628
+ }
1629
+ @property --bb-image-select_icon-disabled-bb-dark-src {
1630
+ syntax: "<url>";
1631
+ inherits: true;
1632
+ initial-value: url("data:,");
1633
+ }
1634
+ @property --bb-image-select_icon-disabled-bb-light-src {
1635
+ syntax: "<url>";
1636
+ inherits: true;
1637
+ initial-value: url("data:,");
1638
+ }
1532
1639
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
1533
1640
  --bb-border-radius-0: 0rem;
1534
1641
  --bb-border-radius-012: .125rem;
@@ -1540,7 +1647,6 @@
1540
1647
  --bb-border-style-solid: solid;
1541
1648
  --bb-brand-name: "Blackbaud";
1542
1649
  --bb-color-black: #000000;
1543
- --bb-color-blocking: rgba(255, 255, 255, 0.7);
1544
1650
  --bb-color-blue-100: #eef3fc;
1545
1651
  --bb-color-blue-1000: #0d2040;
1546
1652
  --bb-color-blue-1100: #0b1b35;
@@ -1568,7 +1674,7 @@
1568
1674
  --bb-color-gray-400: #a3a6a9;
1569
1675
  --bb-color-gray-50: #f4f4f5;
1570
1676
  --bb-color-gray-500: #85888d;
1571
- --bb-color-gray-600: #6b6f74;
1677
+ --bb-color-gray-600: #666b70;
1572
1678
  --bb-color-gray-700: #51555c;
1573
1679
  --bb-color-gray-800: #3b4047;
1574
1680
  --bb-color-gray-900: #252b33;
@@ -1642,8 +1748,10 @@
1642
1748
  --bb-color-red-700: #ae2e31;
1643
1749
  --bb-color-red-800: #822325;
1644
1750
  --bb-color-red-900: #641b1c;
1751
+ --bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
1645
1752
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
1646
1753
  --bb-color-rgba-sky-600-40: rgba(0, 207, 255, 0.4);
1754
+ --bb-color-rgba-white-70: rgba(255, 255, 255, 0.7);
1647
1755
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
1648
1756
  --bb-color-sky-100: #d6f7ff;
1649
1757
  --bb-color-sky-1000: #002933;
@@ -1731,7 +1839,15 @@
1731
1839
  --bb-font-weight-light: 300;
1732
1840
  --bb-font-weight-regular: 400;
1733
1841
  --bb-font-weight-semibold: 600;
1734
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.1.0/assets/images/bb-logo.png");
1842
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/bb-logo.png");
1843
+ --bb-image-select_icon-base-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-dark.svg");
1844
+ --bb-image-select_icon-base-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-base-light.svg");
1845
+ --bb-image-select_icon-bb-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-dark.svg");
1846
+ --bb-image-select_icon-bb-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-bb-light.svg");
1847
+ --bb-image-select_icon-disabled-base-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg");
1848
+ --bb-image-select_icon-disabled-base-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg");
1849
+ --bb-image-select_icon-disabled-bb-dark-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg");
1850
+ --bb-image-select_icon-disabled-bb-light-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.3.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg");
1735
1851
  --bb-letter_spacing-normal: normal;
1736
1852
  --bb-letter_spacing-wider: 0.01rem;
1737
1853
  --bb-letter_spacing-widest: 0.046875rem;
@@ -1856,6 +1972,8 @@
1856
1972
  --sky-elevation-input-disabled: var(--bb-shadow-slate-0);
1857
1973
  --sky-elevation-none: var(--bb-shadow-slate-0);
1858
1974
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
1975
+ --sky-image-select_icon-base: var(--bb-image-select_icon-bb-light-src);
1976
+ --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-light-src);
1859
1977
  --sky-opacity-wait: var(--bb-opacity-600);
1860
1978
  --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
1861
1979
  --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
@@ -1885,6 +2003,10 @@
1885
2003
  }
1886
2004
 
1887
2005
  .sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark {
2006
+ --sky-color-background-action-accent-active: var(--bb-color-gray-600);
2007
+ --sky-color-background-action-accent-base: var(--bb-color-blue-900);
2008
+ --sky-color-background-action-accent-focus: var(--bb-color-gray-700);
2009
+ --sky-color-background-action-accent-hover: var(--bb-color-gray-700);
1888
2010
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
1889
2011
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
1890
2012
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
@@ -1910,7 +2032,7 @@
1910
2032
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
1911
2033
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
1912
2034
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
1913
- --sky-color-background-blocking: var(--bb-color-blocking);
2035
+ --sky-color-background-blocking: var(--bb-color-rgba-black-70);
1914
2036
  --sky-color-background-container-base: var(--bb-color-gray-1000);
1915
2037
  --sky-color-background-container-danger: var(--bb-color-red-800);
1916
2038
  --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
@@ -1918,6 +2040,7 @@
1918
2040
  --sky-color-background-container-menu: var(--bb-color-gray-900);
1919
2041
  --sky-color-background-container-success: var(--bb-color-green-900);
1920
2042
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
2043
+ --sky-color-background-disabled: var(--bb-color-gray-700);
1921
2044
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
1922
2045
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
1923
2046
  --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
@@ -1985,6 +2108,7 @@
1985
2108
  --sky-color-border-column_divider: var(--bb-color-blue-400);
1986
2109
  --sky-color-border-container-base: var(--bb-color-blue-900);
1987
2110
  --sky-color-border-danger: var(--bb-color-red-400);
2111
+ --sky-color-border-disabled: var(--bb-color-gray-800);
1988
2112
  --sky-color-border-divider: var(--bb-color-gray-800);
1989
2113
  --sky-color-border-elevation: var(--bb-color-gray-800);
1990
2114
  --sky-color-border-info: var(--bb-color-blue-400);
@@ -2048,7 +2172,11 @@
2048
2172
  --sky-color-text-inverse: var(--bb-color-gray-1100);
2049
2173
  --sky-color-text-selected: var(--bb-color-blue-400);
2050
2174
  --sky-elevation-none: var(--bb-shadow-slate-0);
2175
+ --sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
2176
+ --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2051
2177
  --sky-opacity-wait: var(--bb-opacity-600);
2178
+ --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
2179
+ --sky-color-border-action-accent-base: var(--bb-color-gradient-brand-secondary);
2052
2180
  --sky-elevation-focus: var(--bb-shadow-slate-200);
2053
2181
  --sky-elevation-overflow: var(--bb-shadow-slate-200);
2054
2182
  --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
@@ -2797,12 +2925,6 @@
2797
2925
  font-style: var(--sky-font-style-deemphasized-style);
2798
2926
  opacity: 1;
2799
2927
  }
2800
- .sky-theme-modern select {
2801
- background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
2802
- }
2803
- .sky-theme-modern select:disabled {
2804
- background: var(--sky-color-background-input-base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzMDMgMi43MTk2N0MxMC4yMzc0IDIuNDI2NzggOS43NjI1NiAyLjQyNjc4IDkuNDY5NjcgMi43MTk2N0w1LjIxOTY3IDYuOTY5NjdDNC45MjY3OCA3LjI2MjU2IDQuOTI2NzggNy43Mzc0NCA1LjIxOTY3IDguMDMwMzNDNS41MTI1NiA4LjMyMzIyIDUuOTg3NDQgOC4zMjMyMiA2LjI4MDMzIDguMDMwMzNMMTAgNC4zMTA2NkwxMy43MTk3IDguMDMwMzNDMTQuMDEyNiA4LjMyMzIyIDE0LjQ4NzQgOC4zMjMyMiAxNC43ODAzIDguMDMwMzNDMTUuMDczMiA3LjczNzQ0IDE1LjA3MzIgNy4yNjI1NiAxNC43ODAzIDYuOTY5NjdMMTAuNTMwMyAyLjcxOTY3Wk0xNC43ODAzIDEzLjAzMDNMMTAuNTMwMyAxNy4yODAzQzEwLjIzNzQgMTcuNTczMiA5Ljc2MjU2IDE3LjU3MzIgOS40Njk2NyAxNy4yODAzTDUuMjE5NjcgMTMuMDMwM0M0LjkyNjc4IDEyLjczNzQgNC45MjY3OCAxMi4yNjI2IDUuMjE5NjcgMTEuOTY5N0M1LjUxMjU2IDExLjY3NjggNS45ODc0NCAxMS42NzY4IDYuMjgwMzMgMTEuOTY5N0wxMCAxNS42ODkzTDEzLjcxOTcgMTEuOTY5N0MxNC4wMTI2IDExLjY3NjggMTQuNDg3NCAxMS42NzY4IDE0Ljc4MDMgMTEuOTY5N0MxNS4wNzMyIDEyLjI2MjYgMTUuMDczMiAxMi43Mzc0IDE0Ljc4MDMgMTMuMDMwM1oiIGZpbGw9IiM2NjZiNzAiLz4KPC9zdmc+) no-repeat right/var(--sky-input-box-button-width) var(--sky-size-icon-m);
2805
- }
2806
2928
 
2807
2929
  .sky-theme-modern {
2808
2930
  /* data viz colors */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "13.12.0",
3
+ "version": "13.14.1",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^20.3.15"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "4.1.0",
23
+ "@blackbaud/skyux-design-tokens": "4.3.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },