@khanacademy/wonder-blocks-tokens 5.0.0 → 5.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @khanacademy/wonder-blocks-tokens
2
2
 
3
+ ## 5.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 507cf2f: Adds `fadedOffBlack72` color primitive token and sets the `semanticColor.text.secondary` token to this primitive. The slightly darker gray has better color contrast on a variety of backgrounds, including the fadedBlue8 background
8
+
3
9
  ## 5.0.0
4
10
 
5
11
  ### Major Changes
package/dist/es/index.js CHANGED
@@ -141,6 +141,7 @@ const color = _extends({}, baseColors, {
141
141
  fadedPurple8: fadedColorWithWhite(baseColors.purple, 0.08),
142
142
  eggplant: eggplant,
143
143
  fadedEggplant8: fadedColorWithWhite(eggplant, 0.08),
144
+ fadedOffBlack72: fadedColorWithWhite(offBlack, 0.72),
144
145
  fadedOffBlack64: fadedColorWithWhite(offBlack, 0.64),
145
146
  fadedOffBlack50: fadedColorWithWhite(offBlack, 0.5),
146
147
  fadedOffBlack32: fadedColorWithWhite(offBlack, 0.32),
@@ -369,7 +370,7 @@ const semanticColor = {
369
370
  },
370
371
  text: {
371
372
  primary: color.offBlack,
372
- secondary: color.fadedOffBlack64,
373
+ secondary: color.fadedOffBlack72,
373
374
  disabled: color.fadedOffBlack32,
374
375
  inverse: color.white
375
376
  },
package/dist/index.js CHANGED
@@ -145,6 +145,7 @@ const color = _extends({}, baseColors, {
145
145
  fadedPurple8: fadedColorWithWhite(baseColors.purple, 0.08),
146
146
  eggplant: eggplant,
147
147
  fadedEggplant8: fadedColorWithWhite(eggplant, 0.08),
148
+ fadedOffBlack72: fadedColorWithWhite(offBlack, 0.72),
148
149
  fadedOffBlack64: fadedColorWithWhite(offBlack, 0.64),
149
150
  fadedOffBlack50: fadedColorWithWhite(offBlack, 0.5),
150
151
  fadedOffBlack32: fadedColorWithWhite(offBlack, 0.32),
@@ -373,7 +374,7 @@ const semanticColor = {
373
374
  },
374
375
  text: {
375
376
  primary: color.offBlack,
376
- secondary: color.fadedOffBlack64,
377
+ secondary: color.fadedOffBlack72,
377
378
  disabled: color.fadedOffBlack32,
378
379
  inverse: color.white
379
380
  },
@@ -20,6 +20,7 @@ export declare const color: {
20
20
  fadedPurple8: string;
21
21
  eggplant: string;
22
22
  fadedEggplant8: string;
23
+ fadedOffBlack72: string;
23
24
  fadedOffBlack64: string;
24
25
  fadedOffBlack50: string;
25
26
  fadedOffBlack32: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-tokens",
3
- "version": "5.0.0",
3
+ "version": "5.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",