@skyux/theme 12.28.1 → 12.29.0

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 +21 -10
  2. package/package.json +2 -2
package/css/themes/modern/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --bb-border-radius-round: 50%;
13
13
  --bb-border-style-dotted: dotted;
14
14
  --bb-border-style-solid: solid;
15
- --bb-brand-name: Blackbaud;
15
+ --bb-brand-name: "Blackbaud";
16
16
  --bb-color-black: #000000;
17
17
  --bb-color-blocking: rgba(255, 255, 255, 0.7);
18
18
  --bb-color-blue-100: #eef3fc;
@@ -151,7 +151,7 @@
151
151
  --bb-font-weight-light: 300;
152
152
  --bb-font-weight-regular: 400;
153
153
  --bb-font-weight-semibold: 600;
154
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png");
154
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.8/assets/images/bb-logo.png");
155
155
  --bb-letter_spacing-normal: normal;
156
156
  --bb-letter_spacing-wider: 0.16px;
157
157
  --bb-line_height-300: calc(18/13);
@@ -273,6 +273,7 @@
273
273
  --sky-color-background-blocking: var(--bb-color-blocking);
274
274
  --sky-color-background-container-base: var(--bb-color-gray-1000);
275
275
  --sky-color-background-container-danger: var(--bb-color-red-800);
276
+ --sky-color-background-container-dimmed: var(--bb-color-gray-1000);
276
277
  --sky-color-background-container-info: var(--bb-color-blue-800);
277
278
  --sky-color-background-container-menu: var(--bb-color-gray-900);
278
279
  --sky-color-background-container-success: var(--bb-color-green-900);
@@ -438,6 +439,7 @@
438
439
  --sky-color-background-blocking: var(--bb-color-blocking);
439
440
  --sky-color-background-container-base: var(--bb-color-white);
440
441
  --sky-color-background-container-danger: var(--bb-color-red-300);
442
+ --sky-color-background-container-dimmed: var(--bb-color-blue-25);
441
443
  --sky-color-background-container-info: var(--bb-color-blue-200);
442
444
  --sky-color-background-container-menu: var(--bb-color-white);
443
445
  --sky-color-background-container-success: var(--bb-color-green-300);
@@ -736,6 +738,10 @@
736
738
  --sky-comp-card-small-header-space-inset-left: var(--bb-size-fluid-100);
737
739
  --sky-comp-card-small-header-space-inset-right: var(--bb-size-fluid-100);
738
740
  --sky-comp-card-small-header-space-inset-top: var(--bb-size-fluid-100);
741
+ --sky-comp-card-space-offset-bottom: var(--bb-size-fluid-50);
742
+ --sky-comp-card-space-offset-left: var(--bb-size-0);
743
+ --sky-comp-card-space-offset-right: var(--bb-size-fluid-50);
744
+ --sky-comp-card-space-offset-top: var(--bb-size-0);
739
745
  --sky-comp-colorpicker-content-space-inset-bottom: var(--bb-size-fluid-50);
740
746
  --sky-comp-colorpicker-content-space-inset-left: var(--bb-size-fluid-75);
741
747
  --sky-comp-colorpicker-content-space-inset-right: var(--bb-size-fluid-75);
@@ -1135,7 +1141,7 @@
1135
1141
  --sky-font-style-input-label: var(--bb-font-style-regular);
1136
1142
  --sky-font-weight-body-l: var(--bb-font-weight-regular);
1137
1143
  --sky-font-weight-body-m: var(--bb-font-weight-regular);
1138
- --sky-font-weight-body-s: var(--bb-font-weight-semibold);
1144
+ --sky-font-weight-body-s: var(--bb-font-weight-regular);
1139
1145
  --sky-font-weight-display-1: var(--bb-font-weight-semibold);
1140
1146
  --sky-font-weight-display-2: var(--bb-font-weight-semibold);
1141
1147
  --sky-font-weight-display-3: var(--bb-font-weight-semibold);
@@ -1305,7 +1311,7 @@
1305
1311
  --modern-border-radius-round: 50%;
1306
1312
  --modern-border-style-dotted: dotted;
1307
1313
  --modern-border-style-solid: solid;
1308
- --modern-brand-name: Blackbaud;
1314
+ --modern-brand-name: "Blackbaud";
1309
1315
  --modern-color-black: #000000;
1310
1316
  --modern-color-blocking: rgba(255, 255, 255, 0.7);
1311
1317
  --modern-color-blue-05: #ebfbff;
@@ -1368,7 +1374,7 @@
1368
1374
  --modern-font-weight-light: 300;
1369
1375
  --modern-font-weight-regular: 400;
1370
1376
  --modern-font-weight-semibold: 600;
1371
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png");
1377
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.8/assets/images/bb-logo.png");
1372
1378
  --modern-letter_spacing-normal: normal;
1373
1379
  --modern-line_height-110: 1.1;
1374
1380
  --modern-line_height-115: 1.15;
@@ -1461,6 +1467,7 @@
1461
1467
  --sky-color-background-blocking: var(--modern-color-blocking);
1462
1468
  --sky-color-background-container-base: var(--modern-color-white);
1463
1469
  --sky-color-background-container-danger: var(--modern-color-red-30);
1470
+ --sky-color-background-container-dimmed: var(--modern-color-transparent);
1464
1471
  --sky-color-background-container-info: var(--modern-color-blue-10);
1465
1472
  --sky-color-background-container-menu: var(--modern-color-white);
1466
1473
  --sky-color-background-container-success: var(--modern-color-green-30);
@@ -1759,6 +1766,10 @@
1759
1766
  --sky-comp-card-small-header-space-inset-left: var(--modern-size-15);
1760
1767
  --sky-comp-card-small-header-space-inset-right: var(--modern-size-15);
1761
1768
  --sky-comp-card-small-header-space-inset-top: var(--modern-size-15);
1769
+ --sky-comp-card-space-offset-bottom: var(--modern-size-10);
1770
+ --sky-comp-card-space-offset-left: var(--modern-size-0);
1771
+ --sky-comp-card-space-offset-right: var(--modern-size-10);
1772
+ --sky-comp-card-space-offset-top: var(--modern-size-0);
1762
1773
  --sky-comp-colorpicker-content-space-inset-bottom: var(--modern-size-15);
1763
1774
  --sky-comp-colorpicker-content-space-inset-left: var(--modern-size-30);
1764
1775
  --sky-comp-colorpicker-content-space-inset-right: var(--modern-size-30);
@@ -2149,7 +2160,7 @@
2149
2160
  --sky-font-style-display-2: var(--modern-font-style-regular);
2150
2161
  --sky-font-style-display-3: var(--modern-font-style-regular);
2151
2162
  --sky-font-style-display-4: var(--modern-font-style-bold);
2152
- --sky-font-style-emphasized: var(--modern-font-style-semibold);
2163
+ --sky-font-style-emphasized: var(--modern-font-style-bold);
2153
2164
  --sky-font-style-heading-1: var(--modern-font-style-light);
2154
2165
  --sky-font-style-heading-2: var(--modern-font-style-regular);
2155
2166
  --sky-font-style-heading-3: var(--modern-font-style-regular);
@@ -2920,21 +2931,21 @@
2920
2931
  box-shadow: var(--sky-override-button-tertiary-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled), var(--sky-comp-override-toolbar-button-elevation-disabled, var(--sky-elevation-action-tertiary-disabled)));
2921
2932
  }
2922
2933
  .sky-theme-modern .sky-btn-link-inline {
2923
- background-color: var(--sky-color-background-action-tertiary-base);
2934
+ background-color: transparent;
2924
2935
  border-radius: var(--sky-override-button-link-inline-border-radius, var(--sky-border-radius-s));
2925
2936
  padding: var(--sky-space-inset-balanced-none);
2926
2937
  color: var(--sky-color-text-action);
2927
2938
  font-size: var(--sky-override-button-link-inline-font-size, inherit);
2928
2939
  }
2929
2940
  .sky-theme-modern .sky-btn-link-inline:focus-visible:not(:active) {
2930
- background-color: var(--sky-color-background-action-tertiary-focus);
2941
+ background-color: transparent;
2931
2942
  box-shadow: var(--sky-override-button-link-inline-box-shadow-focus, 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus));
2932
2943
  }
2933
2944
  .sky-theme-modern .sky-btn-link-inline:active {
2934
- background-color: var(--sky-color-background-action-tertiary-active);
2945
+ background-color: transparent;
2935
2946
  }
2936
2947
  .sky-theme-modern .sky-btn-link-inline:hover {
2937
- background-color: var(--sky-color-background-action-tertiary-hover);
2948
+ background-color: transparent;
2938
2949
  }
2939
2950
  .sky-theme-modern .sky-btn-link-inline:hover, .sky-theme-modern .sky-btn-link-inline:active {
2940
2951
  color: var(--sky-override-button-link-inline-color-hover-active, var(--sky-color-text-action));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "12.28.1",
3
+ "version": "12.29.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^19.2.14"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "2.0.0-alpha.5",
23
+ "@blackbaud/skyux-design-tokens": "2.0.0-alpha.8",
24
24
  "@skyux/icons": "9.0.0",
25
25
  "fontfaceobserver": "2.3.0",
26
26
  "tslib": "^2.8.1"