@khanacademy/wonder-blocks-link - npm Package Compare versions

Comparing version 6.0.10 to 6.0.11

CHANGELOG.md

 # @khanacademy/wonder-blocks-link
 
+## 6.0.11
+
+### Patch Changes
+
+-   874081aa: Remove wonder-blocks-color dependency in favor of wonder-blocks-tokens
+-   Updated dependencies [874081aa]
+-   Updated dependencies [874081aa]
+-   Updated dependencies [a9bf603a]
+    -   @khanacademy/wonder-blocks-tokens@1.2.0
+    -   @khanacademy/wonder-blocks-clickable@4.1.3
+
 ## 6.0.10
@@ -4,0 +15,0 @@

dist/es/index.js

@@ -7,5 +7,4 @@ import * as React from 'react';
 import { addStyle } from '@khanacademy/wonder-blocks-core';
-import { mix, fade } from '@khanacademy/wonder-blocks-color';
+import { spacing, mix, fade, color } from '@khanacademy/wonder-blocks-tokens';
 import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
-import { spacing, color } from '@khanacademy/wonder-blocks-tokens';
 import externalLinkIcon from '@phosphor-icons/core/bold/arrow-square-out-bold.svg';
@@ -12,0 +11,0 @@

dist/index.js

@@ -9,5 +9,4 @@ 'use strict';
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
-var wonderBlocksColor = require('@khanacademy/wonder-blocks-color');
+var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
-var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var externalLinkIcon = require('@phosphor-icons/core/bold/arrow-square-out-bold.svg');
@@ -176,5 +175,5 @@
   } = wonderBlocksTokens.color;
-  const linkPurple = wonderBlocksColor.mix(wonderBlocksColor.fade(offBlack, 0.08), purple);
+  const linkPurple = wonderBlocksTokens.mix(wonderBlocksTokens.fade(offBlack, 0.08), purple);
   const fadedBlue = wonderBlocksTokens.color.fadedBlue;
-  const activeLightVisited = wonderBlocksColor.mix(wonderBlocksColor.fade(white, 0.32), pink);
+  const activeLightVisited = wonderBlocksTokens.mix(wonderBlocksTokens.fade(white, 0.32), pink);
   const activeDefaultPrimary = wonderBlocksTokens.color.activeBlue;
@@ -194,3 +193,3 @@ const primaryDefaultTextColor = light ? white : blue;
     ":visited": {
-      color: light ? activeLightVisited : wonderBlocksColor.mix(offBlack32, linkPurple)
+      color: light ? activeLightVisited : wonderBlocksTokens.mix(offBlack32, linkPurple)
     }
@@ -197,0 +196,0 @@ } : Object.freeze({});

package.json

 {
   "name": "@khanacademy/wonder-blocks-link",
-  "version": "6.0.10",
+  "version": "6.0.11",
   "design": "v1",
@@ -19,7 +19,6 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^4.1.2",
-    "@khanacademy/wonder-blocks-color": "^3.0.0",
+    "@khanacademy/wonder-blocks-clickable": "^4.1.3",
     "@khanacademy/wonder-blocks-core": "^6.3.1",
     "@khanacademy/wonder-blocks-icon": "^4.0.1",
-    "@khanacademy/wonder-blocks-tokens": "^1.1.0"
+    "@khanacademy/wonder-blocks-tokens": "^1.2.0"
   },
@@ -26,0 +25,0 @@ "peerDependencies": {

tsconfig-build.json

@@ -10,3 +10,2 @@ {
         {"path": "../wonder-blocks-clickable/tsconfig-build.json"},
-        {"path": "../wonder-blocks-color/tsconfig-build.json"},
         {"path": "../wonder-blocks-core/tsconfig-build.json"},
@@ -13,0 +12,0 @@ {"path": "../wonder-blocks-typography/tsconfig-build.json"},

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

202022

increased by4.55%

Dependency count

9

decreased by-10%

Lines of code

1859

increased by0.7%

Dependency changes

• - Removed@khanacademy/wonder-blocks-color@^3.0.0

• - Removed@khanacademy/wonder-blocks-color@3.0.0(transitive)

• Updated@khanacademy/wonder-blocks-clickable@^4.1.3

• Updated@khanacademy/wonder-blocks-tokens@^1.2.0