@khanacademy/wonder-blocks-tokens 4.0.0 → 4.1.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 (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/es/index.js +3 -1
  3. package/dist/index.js +3 -1
  4. package/dist/tokens/semantic-color.d.ts +2 -0
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @khanacademy/wonder-blocks-tokens
2
2
 
3
+ ## 4.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 8cfaeab0: Add `icon.disabled` token to semanticColor.
8
+ - c162abb4: Add `border.focus` semantic color token to use for the focus outline
9
+
3
10
  ## 4.0.0
4
11
 
5
12
  ### Major Changes
package/dist/es/index.js CHANGED
@@ -228,6 +228,7 @@ const border = {
228
228
  primary: color.fadedOffBlack16,
229
229
  subtle: color.fadedOffBlack8,
230
230
  strong: color.fadedOffBlack50,
231
+ focus: color.blue,
231
232
  inverse: color.white
232
233
  };
233
234
  const semanticColor = {
@@ -350,7 +351,8 @@ const semanticColor = {
350
351
  secondary: color.offBlack,
351
352
  inverse: color.white,
352
353
  action: color.blue,
353
- destructive: color.red
354
+ destructive: color.red,
355
+ disabled: color.fadedOffBlack32
354
356
  },
355
357
  khanmigo: {
356
358
  primary: color.eggplant,
package/dist/index.js CHANGED
@@ -232,6 +232,7 @@ const border = {
232
232
  primary: color.fadedOffBlack16,
233
233
  subtle: color.fadedOffBlack8,
234
234
  strong: color.fadedOffBlack50,
235
+ focus: color.blue,
235
236
  inverse: color.white
236
237
  };
237
238
  const semanticColor = {
@@ -354,7 +355,8 @@ const semanticColor = {
354
355
  secondary: color.offBlack,
355
356
  inverse: color.white,
356
357
  action: color.blue,
357
- destructive: color.red
358
+ destructive: color.red,
359
+ disabled: color.fadedOffBlack32
358
360
  },
359
361
  khanmigo: {
360
362
  primary: color.eggplant,
package/dist/tokens/semantic-color.d.ts CHANGED
@@ -137,6 +137,7 @@ export declare const semanticColor: {
137
137
  primary: string;
138
138
  subtle: string;
139
139
  strong: string;
140
+ focus: string;
140
141
  inverse: string;
141
142
  };
142
143
  /**
@@ -148,6 +149,7 @@ export declare const semanticColor: {
148
149
  inverse: string;
149
150
  action: string;
150
151
  destructive: string;
152
+ disabled: string;
151
153
  };
152
154
  /**
153
155
  * Colors to be used exclusively for Khanmigo or to communicate a
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-tokens",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "Core primitive design tokens for Web Wonder Blocks",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/es/index.js",