@skyux/theme 14.0.0-alpha.1 → 14.0.0-alpha.3

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 -26
  2. package/css/themes/modern/styles.css +47 -33
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -770,30 +770,6 @@ a.sky-btn:hover {
770
770
  width: 1190px;
771
771
  }
772
772
 
773
- /* Dragula styles */
774
- .gu-mirror {
775
- position: fixed !important;
776
- margin: 0 !important;
777
- z-index: 9999 !important;
778
- opacity: 0.8;
779
- filter: alpha(opacity=80);
780
- }
781
-
782
- .gu-hide {
783
- display: none !important;
784
- }
785
-
786
- .gu-unselectable {
787
- -webkit-user-select: none !important;
788
- user-select: none !important;
789
- }
790
-
791
- .gu-transit {
792
- opacity: 0.5;
793
- filter: alpha(opacity=20);
794
- }
795
-
796
- /* End Dragula styles */
797
773
  .sky-elevation-0-bordered,
798
774
  .sky-elevation-1-bordered {
799
775
  border-top: 1px solid #cdcfd2;
@@ -1010,8 +986,7 @@ fieldset {
1010
986
 
1011
987
  select {
1012
988
  appearance: none;
1013
- background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right 50%;
1014
- background-size: 15px 30px;
989
+ background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+) no-repeat right/15px 30px;
1015
990
  border-top: 1px solid #e2e3e4;
1016
991
  border-bottom: 1px solid #e2e3e4;
1017
992
  border-left: 1px solid #e2e3e4;
@@ -1020,6 +995,7 @@ select {
1020
995
  font-size: 15px;
1021
996
  height: 34px;
1022
997
  padding: 5px 21px 5px 10px;
998
+ text-overflow: ellipsis;
1023
999
  }
1024
1000
 
1025
1001
  @-moz-document url-prefix() {
package/css/themes/modern/styles.css CHANGED
@@ -54,7 +54,6 @@
54
54
  --bb-border-style-solid: solid;
55
55
  --bb-brand-name: 'Blackbaud';
56
56
  --bb-color-black: #000000;
57
- --bb-color-blocking: rgba(255, 255, 255, 0.7);
58
57
  --bb-color-blue-100: #eef3fc;
59
58
  --bb-color-blue-1000: #0d2040;
60
59
  --bb-color-blue-1100: #0b1b35;
@@ -156,8 +155,10 @@
156
155
  --bb-color-red-700: #ae2e31;
157
156
  --bb-color-red-800: #822325;
158
157
  --bb-color-red-900: #641b1c;
158
+ --bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
159
159
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
160
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);
161
162
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
162
163
  --bb-color-sky-100: #d6f7ff;
163
164
  --bb-color-sky-1000: #002933;
@@ -245,15 +246,15 @@
245
246
  --bb-font-weight-light: 300;
246
247
  --bb-font-weight-regular: 400;
247
248
  --bb-font-weight-semibold: 600;
248
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/bb-logo.png');
249
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-base-dark.svg');
250
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-base-light.svg');
251
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-bb-dark.svg');
252
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-bb-light.svg');
253
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-base-dark.svg');
254
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-base-light.svg');
255
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-bb-dark.svg');
256
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-bb-light.svg');
249
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/bb-logo.png');
250
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
257
258
  --bb-letter_spacing-normal: normal;
258
259
  --bb-letter_spacing-wider: 0.01rem;
259
260
  --bb-letter_spacing-widest: 0.046875rem;
@@ -338,6 +339,10 @@
338
339
  }
339
340
 
340
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);
341
346
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
342
347
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
343
348
  --sky-color-background-action-danger-focus: var(--bb-color-red-600);
@@ -358,7 +363,7 @@
358
363
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
359
364
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
360
365
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
361
- --sky-color-background-blocking: var(--bb-color-blocking);
366
+ --sky-color-background-blocking: var(--bb-color-rgba-black-70);
362
367
  --sky-color-background-container-base: var(--bb-color-gray-1000);
363
368
  --sky-color-background-container-danger: var(--bb-color-red-800);
364
369
  --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
@@ -402,6 +407,10 @@
402
407
  --sky-color-background-thumb-base: var(--bb-color-white);
403
408
  --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
404
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);
405
414
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
406
415
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
407
416
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
@@ -550,6 +559,7 @@
550
559
  --sky-image-select_icon-base: var(--bb-image-select_icon-base-dark-src);
551
560
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-base-dark-src);
552
561
  --sky-opacity-wait: var(--bb-opacity-600);
562
+ --sky-color-background-action-accent-disabled: var(--sky-color-background-disabled);
553
563
  --sky-color-background-action-danger-disabled: var(--sky-color-background-disabled);
554
564
  --sky-color-background-action-input-disabled: var(--sky-color-background-disabled);
555
565
  --sky-color-background-action-primary-disabled: var(--sky-color-background-disabled);
@@ -560,6 +570,7 @@
560
570
  --sky-color-background-row-disabled: var(--sky-color-background-disabled);
561
571
  --sky-color-background-selected-switch-disabled: var(--sky-color-background-disabled);
562
572
  --sky-color-background-tab-disabled: var(--sky-color-background-disabled);
573
+ --sky-color-border-action-accent-disabled: var(--sky-color-background-disabled);
563
574
  --sky-color-border-action-danger-disabled: var(--sky-color-border-disabled);
564
575
  --sky-color-border-action-input-disabled: var(--sky-color-border-disabled);
565
576
  --sky-color-border-action-primary-disabled: var(--sky-color-border-disabled);
@@ -605,14 +616,14 @@
605
616
  --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
606
617
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
607
618
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
608
- --sky-color-background-blocking: var(--bb-color-blocking);
619
+ --sky-color-background-blocking: var(--bb-color-rgba-white-70);
609
620
  --sky-color-background-container-base: var(--bb-color-white);
610
621
  --sky-color-background-container-danger: var(--bb-color-red-200);
611
622
  --sky-color-background-container-dimmed: var(--bb-color-gray-25);
612
623
  --sky-color-background-container-info: var(--bb-color-blue-200);
613
624
  --sky-color-background-container-menu: var(--bb-color-white);
614
625
  --sky-color-background-container-success: var(--bb-color-green-200);
615
- --sky-color-background-container-tooltip: var(--bb-color-gray-900);
626
+ --sky-color-background-container-tooltip: var(--bb-color-gray-1000);
616
627
  --sky-color-background-container-warning: var(--bb-color-yellow-200);
617
628
  --sky-color-background-disabled: var(--bb-color-gray-100);
618
629
  --sky-color-background-file_drop: var(--bb-color-gray-25);
@@ -735,7 +746,7 @@
735
746
  --sky-color-icon-action: var(--bb-color-blue-600);
736
747
  --sky-color-icon-danger: var(--bb-color-red-600);
737
748
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
738
- --sky-color-icon-default: var(--bb-color-gray-900);
749
+ --sky-color-icon-default: var(--bb-color-gray-1000);
739
750
  --sky-color-icon-eyebrow: var(--bb-color-brand-impact_green);
740
751
  --sky-color-icon-info: var(--bb-color-blue-600);
741
752
  --sky-color-icon-input-action: var(--bb-color-gray-600);
@@ -751,7 +762,7 @@
751
762
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
752
763
  --sky-color-text-danger: var(--bb-color-red-600);
753
764
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
754
- --sky-color-text-default: var(--bb-color-gray-900);
765
+ --sky-color-text-default: var(--bb-color-gray-1000);
755
766
  --sky-color-text-heading: var(--bb-color-gray-1100);
756
767
  --sky-color-text-inverse: var(--bb-color-white);
757
768
  --sky-color-text-selected: var(--bb-color-blue-600);
@@ -785,7 +796,7 @@
785
796
  --sky-color-viz-diverge-pos-8: var(--bb-color-blue-800);
786
797
  --sky-color-viz-diverge-pos-9: var(--bb-color-blue-900);
787
798
  --sky-color-viz-gridline: var(--bb-color-gray-200);
788
- --sky-color-viz-marker: var(--bb-color-gray-900);
799
+ --sky-color-viz-marker: var(--bb-color-gray-1000);
789
800
  --sky-color-viz-sequence-1: var(--bb-color-teal-100);
790
801
  --sky-color-viz-sequence-10: var(--bb-color-teal-1000);
791
802
  --sky-color-viz-sequence-2: var(--bb-color-teal-200);
@@ -1636,7 +1647,6 @@
1636
1647
  --bb-border-style-solid: solid;
1637
1648
  --bb-brand-name: 'Blackbaud';
1638
1649
  --bb-color-black: #000000;
1639
- --bb-color-blocking: rgba(255, 255, 255, 0.7);
1640
1650
  --bb-color-blue-100: #eef3fc;
1641
1651
  --bb-color-blue-1000: #0d2040;
1642
1652
  --bb-color-blue-1100: #0b1b35;
@@ -1738,8 +1748,10 @@
1738
1748
  --bb-color-red-700: #ae2e31;
1739
1749
  --bb-color-red-800: #822325;
1740
1750
  --bb-color-red-900: #641b1c;
1751
+ --bb-color-rgba-black-70: rgba(0, 0, 0, 0.7);
1741
1752
  --bb-color-rgba-purple-600-40: rgba(176, 97, 242, 0.4);
1742
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);
1743
1755
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
1744
1756
  --bb-color-sky-100: #d6f7ff;
1745
1757
  --bb-color-sky-1000: #002933;
@@ -1827,15 +1839,15 @@
1827
1839
  --bb-font-weight-light: 300;
1828
1840
  --bb-font-weight-regular: 400;
1829
1841
  --bb-font-weight-semibold: 600;
1830
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/bb-logo.png');
1831
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-base-dark.svg');
1832
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-base-light.svg');
1833
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-bb-dark.svg');
1834
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-bb-light.svg');
1835
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-base-dark.svg');
1836
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-base-light.svg');
1837
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-bb-dark.svg');
1838
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/4.2.0/assets/images/chevron_up_down_24_fill-disabled-bb-light.svg');
1842
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.0/assets/images/bb-logo.png');
1843
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.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/5.0.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
1839
1851
  --bb-letter_spacing-normal: normal;
1840
1852
  --bb-letter_spacing-wider: 0.01rem;
1841
1853
  --bb-letter_spacing-widest: 0.046875rem;
@@ -1991,6 +2003,10 @@
1991
2003
  }
1992
2004
 
1993
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);
1994
2010
  --sky-color-background-action-danger-active: var(--bb-color-red-600);
1995
2011
  --sky-color-background-action-danger-base: var(--bb-color-red-600);
1996
2012
  --sky-color-background-action-danger-disabled: var(--bb-color-gray-700);
@@ -2016,7 +2032,7 @@
2016
2032
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
2017
2033
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
2018
2034
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
2019
- --sky-color-background-blocking: var(--bb-color-blocking);
2035
+ --sky-color-background-blocking: var(--bb-color-rgba-black-70);
2020
2036
  --sky-color-background-container-base: var(--bb-color-gray-1000);
2021
2037
  --sky-color-background-container-danger: var(--bb-color-red-800);
2022
2038
  --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
@@ -2024,6 +2040,7 @@
2024
2040
  --sky-color-background-container-menu: var(--bb-color-gray-900);
2025
2041
  --sky-color-background-container-success: var(--bb-color-green-900);
2026
2042
  --sky-color-background-container-warning: var(--bb-color-yellow-800);
2043
+ --sky-color-background-disabled: var(--bb-color-gray-700);
2027
2044
  --sky-color-background-file_drop: var(--bb-color-gray-1000);
2028
2045
  --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
2029
2046
  --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-900);
@@ -2091,6 +2108,7 @@
2091
2108
  --sky-color-border-column_divider: var(--bb-color-blue-400);
2092
2109
  --sky-color-border-container-base: var(--bb-color-blue-900);
2093
2110
  --sky-color-border-danger: var(--bb-color-red-400);
2111
+ --sky-color-border-disabled: var(--bb-color-gray-800);
2094
2112
  --sky-color-border-divider: var(--bb-color-gray-800);
2095
2113
  --sky-color-border-elevation: var(--bb-color-gray-800);
2096
2114
  --sky-color-border-info: var(--bb-color-blue-400);
@@ -2157,6 +2175,8 @@
2157
2175
  --sky-image-select_icon-base: var(--bb-image-select_icon-bb-dark-src);
2158
2176
  --sky-image-select_icon-disabled: var(--bb-image-select_icon-disabled-bb-dark-src);
2159
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);
2160
2180
  --sky-elevation-focus: var(--bb-shadow-slate-200);
2161
2181
  --sky-elevation-overflow: var(--bb-shadow-slate-200);
2162
2182
  --sky-elevation-overlay-100: var(--bb-shadow-slate-400);
@@ -2905,12 +2925,6 @@
2905
2925
  font-style: var(--sky-font-style-deemphasized-style);
2906
2926
  opacity: 1;
2907
2927
  }
2908
- .sky-theme-modern select {
2909
- 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);
2910
- }
2911
- .sky-theme-modern select:disabled {
2912
- 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);
2913
- }
2914
2928
 
2915
2929
  .sky-theme-modern {
2916
2930
  /* data viz colors */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.0.0-alpha.1",
3
+ "version": "14.0.0-alpha.3",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^21.1.2"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "4.2.0",
23
+ "@blackbaud/skyux-design-tokens": "5.0.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },