@blackbaud/skyux-design-tokens 2.0.0-alpha.15 → 2.0.0-alpha.16

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 (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/assets/assets.json +10 -2
  3. package/assets/images/favicon.ico +0 -0
  4. package/assets/scss/blackbaud.css +14 -1
  5. package/assets/scss/modern.css +12 -1
  6. package/bundles/blackbaud.css +1303 -0
  7. package/bundles/modern.css +1010 -0
  8. package/package.json +10 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,16 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [2.0.0-alpha.16](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.15...2.0.0-alpha.16) (2025-08-06)
6
+
7
+
8
+ ### Features
9
+
10
+ * add support for favicon ([#267](https://github.com/blackbaud/skyux-design-tokens/issues/267)) ([ee8be86](https://github.com/blackbaud/skyux-design-tokens/commit/ee8be86a99d796ccfcaad64b448ac26a0beb422c))
11
+ * initial colors for illustrations ([#255](https://github.com/blackbaud/skyux-design-tokens/issues/255)) ([93039f6](https://github.com/blackbaud/skyux-design-tokens/commit/93039f6c9d2edd329af756c94ad4894cb2979cd6))
12
+ * list summary tokens ([#261](https://github.com/blackbaud/skyux-design-tokens/issues/261)) ([b0f3837](https://github.com/blackbaud/skyux-design-tokens/commit/b0f3837997cb2c2f7f3bb76a644e05f24effa247))
13
+ * publish stylesheets to bundles ([#265](https://github.com/blackbaud/skyux-design-tokens/issues/265)) ([2b53bd0](https://github.com/blackbaud/skyux-design-tokens/commit/2b53bd057bbe1ead0e48915d90e85e72506f79f5))
14
+
5
15
  ## [2.0.0-alpha.15](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.14...2.0.0-alpha.15) (2025-08-04)
6
16
 
7
17
 
package/assets/assets.json CHANGED
@@ -1,3 +1,11 @@
1
1
  {
2
- "fonts": []
3
- }
2
+ "fonts": [],
3
+ "images": {
4
+ "favicon": {
5
+ "src": "https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.16/assets/images/favicon.ico"
6
+ }
7
+ },
8
+ "strings": {
9
+ "title": "Blackbaud"
10
+ }
11
+ }
package/assets/images/favicon.ico ADDED
Binary file
package/assets/scss/blackbaud.css CHANGED
@@ -29,6 +29,7 @@
29
29
  --bb-color-blue-700: #2256aa;
30
30
  --bb-color-blue-800: #1a4080;
31
31
  --bb-color-blue-900: #112b55;
32
+ --bb-color-brand-trusted_blue: #004054;
32
33
  --bb-color-gray-100: #d3d5d6;
33
34
  --bb-color-gray-1000: #1e2229;
34
35
  --bb-color-gray-1100: #161a1f;
@@ -152,7 +153,7 @@
152
153
  --bb-font-weight-light: 300;
153
154
  --bb-font-weight-regular: 400;
154
155
  --bb-font-weight-semibold: 600;
155
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png');
156
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.16/assets/images/bb-logo.png');
156
157
  --bb-letter_spacing-normal: normal;
157
158
  --bb-letter_spacing-wider: 0.16px;
158
159
  --bb-line_height-300: calc(18/13);
@@ -393,6 +394,10 @@
393
394
  --sky-color-icon-selected: var(--bb-color-blue-600);
394
395
  --sky-color-icon-success: var(--bb-color-green-700);
395
396
  --sky-color-icon-warning: var(--bb-color-yellow-600);
397
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-700);
398
+ --sky-color-illustration-fill-soft: var(--bb-color-green-900);
399
+ --sky-color-illustration-fill-softest: var(--bb-color-gray-900);
400
+ --sky-color-illustration-stroke: var(--bb-color-green-200);
396
401
  --sky-color-text-action: var(--bb-color-sky-600);
397
402
  --sky-color-text-action_contrast: var(--bb-color-blue-300);
398
403
  --sky-color-text-danger: var(--bb-color-red-400);
@@ -567,6 +572,10 @@
567
572
  --sky-color-icon-selected: var(--bb-color-blue-600);
568
573
  --sky-color-icon-success: var(--bb-color-green-700);
569
574
  --sky-color-icon-warning: var(--bb-color-yellow-600);
575
+ --sky-color-illustration-fill-heavy: var(--bb-color-green-400);
576
+ --sky-color-illustration-fill-soft: var(--bb-color-green-100);
577
+ --sky-color-illustration-fill-softest: var(--bb-color-white);
578
+ --sky-color-illustration-stroke: var(--bb-color-brand-trusted_blue);
570
579
  --sky-color-text-action: var(--bb-color-blue-600);
571
580
  --sky-color-text-action_contrast: var(--bb-color-blue-700);
572
581
  --sky-color-text-danger: var(--bb-color-red-600);
@@ -903,6 +912,10 @@
903
912
  --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
904
913
  --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
905
914
  --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
915
+ --sky-comp-list_summary-space-inset-bottom: var(--bb-size-fluid-25);
916
+ --sky-comp-list_summary-space-inset-left: var(--bb-size-fluid-50);
917
+ --sky-comp-list_summary-space-inset-right: var(--bb-size-fluid-50);
918
+ --sky-comp-list_summary-space-inset-top: var(--bb-size-fluid-25);
906
919
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
907
920
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
908
921
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
package/assets/scss/modern.css CHANGED
@@ -12,6 +12,8 @@
12
12
  --modern-border-style-dotted: dotted;
13
13
  --modern-border-style-solid: solid;
14
14
  --modern-brand-name: 'Blackbaud';
15
+ --modern-color-bb_green: #6de8ab;
16
+ --modern-color-bb_green_tint: #e7fbf1;
15
17
  --modern-color-black: #000000;
16
18
  --modern-color-blocking: rgba(255, 255, 255, 0.7);
17
19
  --modern-color-blue-05: #ebfbff;
@@ -44,6 +46,7 @@
44
46
  --modern-color-scrim: rgba(0, 0, 0, 0.5);
45
47
  --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
46
48
  --modern-color-transparent: rgba(0, 0, 0, 0);
49
+ --modern-color-trusted_blue: #004054;
47
50
  --modern-color-white: #ffffff;
48
51
  --modern-color-yellow-30: #ffd597;
49
52
  --modern-color-yellow-40: #fcd085;
@@ -74,7 +77,7 @@
74
77
  --modern-font-weight-light: 300;
75
78
  --modern-font-weight-regular: 400;
76
79
  --modern-font-weight-semibold: 600;
77
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png');
80
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.16/assets/images/bb-logo.png');
78
81
  --modern-letter_spacing-normal: normal;
79
82
  --modern-line_height-110: 1.1;
80
83
  --modern-line_height-115: 1.15;
@@ -293,6 +296,10 @@
293
296
  --sky-color-icon-selected: var(--modern-color-blue-74);
294
297
  --sky-color-icon-success: var(--modern-color-green-50);
295
298
  --sky-color-icon-warning: var(--modern-color-yellow-50);
299
+ --sky-color-illustration-fill-heavy: var(--modern-color-bb_green);
300
+ --sky-color-illustration-fill-soft: var(--modern-color-bb_green_tint);
301
+ --sky-color-illustration-fill-softest: var(--modern-color-white);
302
+ --sky-color-illustration-stroke: var(--modern-color-trusted_blue);
296
303
  --sky-color-text-action: var(--modern-color-blue-74);
297
304
  --sky-color-text-action_contrast: var(--modern-color-blue-80);
298
305
  --sky-color-text-danger: var(--modern-color-red-70);
@@ -628,6 +635,10 @@
628
635
  --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
629
636
  --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
630
637
  --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
638
+ --sky-comp-list_summary-space-inset-bottom: var(--modern-size-5);
639
+ --sky-comp-list_summary-space-inset-left: var(--modern-size-10);
640
+ --sky-comp-list_summary-space-inset-right: var(--modern-size-10);
641
+ --sky-comp-list_summary-space-inset-top: var(--modern-size-5);
631
642
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
632
643
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
633
644
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);