@khanacademy/wonder-blocks-tokens 4.0.0 → 4.2.0

package/CHANGELOG.md

@@ -1,90 +1,106 @@
 # @khanacademy/wonder-blocks-tokens
 
+## 4.2.0
+
+### Minor Changes
+
+- f03298f: Tooling:
+
+    - Switching to `pnpm`.
+    - Upgrading `rollup` to v4 and `@babel/runtime` to match the current webapp version.
+
+## 4.1.0
+
+### Minor Changes
+
+- 8cfaeab0: Add `icon.disabled` token to semanticColor.
+- c162abb4: Add `border.focus` semantic color token to use for the focus outline
+
 ## 4.0.0
 
 ### Major Changes
 
--   0de25cd8: - Reworked semanticColor actions to use a new structure. Every `action` now includes `default`, `hover` and `press` states, and each state includes `border`, `background` and `foreground` tokens.
+- 0de25cd8: - Reworked semanticColor actions to use a new structure. Every `action` now includes `default`, `hover` and `press` states, and each state includes `border`, `background` and `foreground` tokens.
 
-    -   Renamed `primary` to `progressive`.
+    - Renamed `primary` to `progressive`.
 
-    -   Added more categories to actions: `filled` and `outline`.
+    - Added more categories to actions: `filled` and `outline`.
 
 ## 3.0.1
 
 ### Patch Changes
 
--   11a0f5c6: No functional changes. Adding prepublishOnly script.
+- 11a0f5c6: No functional changes. Adding prepublishOnly script.
 
 ## 3.0.0
 
 ### Major Changes
 
--   e6abdd17: Upgrade to React 18
+- e6abdd17: Upgrade to React 18
 
 ## 2.1.0
 
 ### Minor Changes
 
--   6999fd39: Add mediaQuery tokens for viewport sizing
+- 6999fd39: Add mediaQuery tokens for viewport sizing
 
 ## 2.0.1
 
 ### Patch Changes
 
--   02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
+- 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
 
 ## 2.0.0
 
 ### Major Changes
 
--   f17dc1ee: Remove pink and lightBlue from brand colors
--   991eb43f: Add semanticColor tokens, remove deprecated Brand color primitives
+- f17dc1ee: Remove pink and lightBlue from brand colors
+- 991eb43f: Add semanticColor tokens, remove deprecated Brand color primitives
 
 ## 1.3.1
 
 ### Patch Changes
 
--   559e82d5: Update to build tooling, generating smaller output
+- 559e82d5: Update to build tooling, generating smaller output
 
 ## 1.3.0
 
 ### Minor Changes
 
--   9bfeead9: Add faded versions of offBlack
+- 9bfeead9: Add faded versions of offBlack
 
 ## 1.2.0
 
 ### Minor Changes
 
--   874081aa: Add fade and mix functions
+- 874081aa: Add fade and mix functions
 
 ### Patch Changes
 
--   874081aa: Remove wonder-blocks-color dependency in favor of wonder-blocks-tokens
--   a9bf603a: Move spacing tokens to wb-tokens
+- 874081aa: Remove wonder-blocks-color dependency in favor of wonder-blocks-tokens
+- a9bf603a: Move spacing tokens to wb-tokens
 
 ## 1.1.0
 
 ### Minor Changes
 
--   4cfb4977: Add new shades of existing colors (24%).
+- 4cfb4977: Add new shades of existing colors (24%).
 
 ## 1.0.0
 
 ### Major Changes
 
--   e83f8991: Mark wb-tokens as public (first official release)
+- e83f8991: Mark wb-tokens as public (first official release)
 
 ## 0.2.0
 
 ### Minor Changes
 
--   7cd7f6cc: Move tokens from wb-theming to wb-tokens and split token categories into separate objects/files
--   7c51f377: Add fadedBlue24 color token
+- 7cd7f6cc: Move tokens from wb-theming to wb-tokens and split token categories into separate objects/files
+- 7c51f377: Add fadedBlue24 color token
 
 ## 0.1.0
 
 ### Minor Changes
 
--   a95d1323: Add skeleton for tokens package
+- a95d1323: Add skeleton for tokens package

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Khan Academy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/es/index.js

@@ -16,18 +16,13 @@ const border$1 = {
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const color6Regexp = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i;
@@ -228,6 +223,7 @@ const border = {
   primary: color.fadedOffBlack16,
   subtle: color.fadedOffBlack8,
   strong: color.fadedOffBlack50,
+  focus: color.blue,
   inverse: color.white
 };
 const semanticColor = {
@@ -350,7 +346,8 @@ const semanticColor = {
     secondary: color.offBlack,
     inverse: color.white,
     action: color.blue,
-    destructive: color.red
+    destructive: color.red,
+    disabled: color.fadedOffBlack32
   },
   khanmigo: {
     primary: color.eggplant,

package/dist/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const border$1 = {
   radius: {
     xSmall_2: 2,
@@ -20,18 +18,13 @@ const border$1 = {
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const color6Regexp = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i;
@@ -232,6 +225,7 @@ const border = {
   primary: color.fadedOffBlack16,
   subtle: color.fadedOffBlack8,
   strong: color.fadedOffBlack50,
+  focus: color.blue,
   inverse: color.white
 };
 const semanticColor = {
@@ -354,7 +348,8 @@ const semanticColor = {
     secondary: color.offBlack,
     inverse: color.white,
     action: color.blue,
-    destructive: color.red
+    destructive: color.red,
+    disabled: color.fadedOffBlack32
   },
   khanmigo: {
     primary: color.eggplant,

package/dist/tokens/semantic-color.d.ts

@@ -137,6 +137,7 @@ export declare const semanticColor: {
         primary: string;
         subtle: string;
         strong: string;
+        focus: string;
         inverse: string;
     };
     /**
@@ -148,6 +149,7 @@ export declare const semanticColor: {
         inverse: string;
         action: string;
         destructive: string;
+        disabled: string;
     };
     /**
      * Colors to be used exclusively for Khanmigo or to communicate a

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "@khanacademy/wonder-blocks-tokens",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "Core primitive design tokens for Web Wonder Blocks",
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
-  },
   "author": "",
   "license": "MIT",
   "publishConfig": {
@@ -16,6 +12,9 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^2.0.0"
+    "@khanacademy/wb-dev-build-settings": "2.1.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
 }