@blackbaud/skyux-design-tokens 0.0.39 → 0.0.40

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 (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +1 -1
  3. package/scss/blackbaud.css +3 -0
  4. package/scss/modern.css +4 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [0.0.40](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.39...0.0.40) (2024-10-22)
6
+
7
+
8
+ ### Features
9
+
10
+ * tokens for light borders ([#113](https://github.com/blackbaud/skyux-design-tokens/issues/113)) ([78fe98b](https://github.com/blackbaud/skyux-design-tokens/commit/78fe98ba1cf8e392c765d4a15bb72ddc1a9d4e44))
11
+
5
12
  ## [0.0.39](https://github.com/blackbaud/skyux-design-tokens/compare/0.0.38...0.0.39) (2024-10-18)
6
13
 
7
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "0.0.39",
3
+ "version": "0.0.40",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",
package/scss/blackbaud.css CHANGED
@@ -207,6 +207,7 @@
207
207
  --sky-elevation-focus: var(--bb-shadow-gray-2);
208
208
  --sky-elevation-none: var(--bb-shadow-gray-0);
209
209
  --sky-color-border-separator-row: var(--bb-color-gray-50);
210
+ --sky-color-border-separator-light: var(--bb-color-gray-50);
210
211
  --sky-color-border-separator-dark: var(--bb-color-gray-100);
211
212
  --sky-color-border-input-error: var(--bb-color-red-600);
212
213
  --sky-color-border-input-disabled: var(--bb-color-gray-400);
@@ -306,11 +307,13 @@
306
307
  }
307
308
  .sky-theme-modern.sky-theme-brand-blackbaud {
308
309
  --sky-border-style-separator-row: var(--bb-border-style-dotted);
310
+ --sky-border-style-separator-light: var(--bb-border-style-solid);
309
311
  --sky-border-style-separator-dark: var(--bb-border-style-solid);
310
312
  --sky-border-style-elevation: var(--bb-border-style-solid);
311
313
  --sky-border-style-divider: var(--bb-border-style-solid);
312
314
  --sky-border-style-accent: var(--bb-border-style-solid);
313
315
  --sky-border-width-separator-row: var(--bb-size-fixed-6);
316
+ --sky-border-width-separator-light: var(--bb-size-fixed-6);
314
317
  --sky-border-width-separator-dark: var(--bb-size-fixed-6);
315
318
  --sky-border-width-input-selected: var(--bb-size-fixed-6);
316
319
  --sky-border-width-input-disabled: var(--bb-size-fixed-6);
package/scss/modern.css CHANGED
@@ -108,6 +108,7 @@
108
108
  --modern-color-gray-50: #8c929c;
109
109
  --modern-color-gray-20: #cdcfd2;
110
110
  --modern-color-gray-15: #d2d2d2;
111
+ --modern-color-gray-10: #e2e3e4;
111
112
  }
112
113
  .sky-theme-modern {
113
114
  --sky-elevation-overlay-400: var(--modern-shadow-size-24);
@@ -119,6 +120,7 @@
119
120
  --sky-elevation-focus: var(--modern-shadow-size-3);
120
121
  --sky-elevation-none: var(--modern-shadow-size-0);
121
122
  --sky-color-border-separator-row: var(--modern-color-gray-20);
123
+ --sky-color-border-separator-light: var(--modern-color-gray-10);
122
124
  --sky-color-border-separator-dark: var(--modern-color-gray-20);
123
125
  --sky-color-border-input-error: var(--modern-color-red-50);
124
126
  --sky-color-border-input-disabled: var(--modern-color-gray-50);
@@ -218,6 +220,7 @@
218
220
  }
219
221
  .sky-theme-modern {
220
222
  --sky-border-style-separator-row: var(--modern-border-style-dotted);
223
+ --sky-border-style-separator-light: var(--modern-border-style-solid);
221
224
  --sky-border-style-separator-dark: var(--modern-border-style-solid);
222
225
  --sky-border-style-elevation: var(--modern-border-style-solid);
223
226
  --sky-border-style-divider: var(--modern-border-style-solid);
@@ -228,6 +231,7 @@
228
231
  --sky-border-radius-s: var(--modern-border-radius-md);
229
232
  --sky-border-radius-0: var(--modern-border-radius-0);
230
233
  --sky-border-width-separator-row: var(--modern-size-1);
234
+ --sky-border-width-separator-light: var(--modern-size-1);
231
235
  --sky-border-width-separator-dark: var(--modern-size-1);
232
236
  --sky-border-width-input-selected: var(--modern-size-1);
233
237
  --sky-border-width-input-disabled: var(--modern-size-1);