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

Comparing version 0.0.0-PR2176-20240201202337 to 0.0.0-PR2178-20240202183955

CHANGELOG.md

 # @khanacademy/wonder-blocks-banner
 
-## 0.0.0-PR2176-20240201202337
+## 0.0.0-PR2178-20240202183955
 
 ### Patch Changes
 
+-   60aba5b8: Update internal spacing references (from wb-spacing to wb-tokens)
+-   Updated dependencies [60aba5b8]
 -   Updated dependencies [7cd7f6cc]
-    -   @khanacademy/wonder-blocks-icon-button@0.0.0-PR2176-20240201202337
-    -   @khanacademy/wonder-blocks-button@0.0.0-PR2176-20240201202337
+-   Updated dependencies [7cd7f6cc]
+    -   @khanacademy/wonder-blocks-button@0.0.0-PR2178-20240202183955
+    -   @khanacademy/wonder-blocks-link@0.0.0-PR2178-20240202183955
+    -   @khanacademy/wonder-blocks-tokens@0.0.0-PR2178-20240202183955
+    -   @khanacademy/wonder-blocks-icon-button@0.0.0-PR2178-20240202183955
 
@@ -11,0 +16,0 @@ ## 3.0.34

dist/es/index.js

@@ -10,3 +10,3 @@ import * as React from 'react';
 import Link from '@khanacademy/wonder-blocks-link';
-import Spacing from '@khanacademy/wonder-blocks-spacing';
+import { spacing } from '@khanacademy/wonder-blocks-tokens';
 import { LabelSmall } from '@khanacademy/wonder-blocks-typography';
@@ -141,3 +141,3 @@ import infoIcon from '@phosphor-icons/core/regular/info.svg';
   containerOuter: {
-    borderInlineStartWidth: Spacing.xxSmall_6,
+    borderInlineStartWidth: spacing.xxSmall_6,
     width: "100%",
@@ -148,9 +148,9 @@ backgroundColor: Color.white
     flexDirection: "row",
-    padding: Spacing.xSmall_8
+    padding: spacing.xSmall_8
   },
   icon: {
-    marginTop: Spacing.xSmall_8,
-    marginBottom: Spacing.xSmall_8,
-    marginInlineStart: Spacing.xxxxSmall_2,
-    marginInlineEnd: Spacing.xSmall_8,
+    marginTop: spacing.xSmall_8,
+    marginBottom: spacing.xSmall_8,
+    marginInlineStart: spacing.xxxxSmall_2,
+    marginInlineEnd: spacing.xSmall_8,
     alignSelf: "flex-start",
@@ -169,3 +169,3 @@ color: Color.offBlack64
     flexShrink: 1,
-    margin: Spacing.xSmall_8,
+    margin: spacing.xSmall_8,
     textAlign: "start",
@@ -177,8 +177,8 @@ overflowWrap: "break-word"
     justifyContent: "flex-start",
-    marginTop: Spacing.xSmall_8,
-    marginBottom: Spacing.xSmall_8
+    marginTop: spacing.xSmall_8,
+    marginBottom: spacing.xSmall_8
   },
   action: {
-    marginLeft: Spacing.xSmall_8,
-    marginRight: Spacing.xSmall_8,
+    marginLeft: spacing.xSmall_8,
+    marginRight: spacing.xSmall_8,
     justifyContent: "center",
@@ -198,4 +198,4 @@ height: 18
     alignItems: "center",
-    marginLeft: Spacing.xSmall_8,
-    marginRight: Spacing.xSmall_8
+    marginLeft: spacing.xSmall_8,
+    marginRight: spacing.xSmall_8
   },
@@ -202,0 +202,0 @@ floatingBorder: {

dist/index.js

@@ -12,3 +12,3 @@ 'use strict';
 var Link = require('@khanacademy/wonder-blocks-link');
-var Spacing = require('@khanacademy/wonder-blocks-spacing');
+var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
@@ -46,3 +46,2 @@ var infoIcon = require('@phosphor-icons/core/regular/info.svg');
 var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
-var Spacing__default = /*#__PURE__*/_interopDefaultLegacy(Spacing);
 var infoIcon__default = /*#__PURE__*/_interopDefaultLegacy(infoIcon);
@@ -176,3 +175,3 @@ var successIcon__default = /*#__PURE__*/_interopDefaultLegacy(successIcon);
   containerOuter: {
-    borderInlineStartWidth: Spacing__default["default"].xxSmall_6,
+    borderInlineStartWidth: wonderBlocksTokens.spacing.xxSmall_6,
     width: "100%",
@@ -183,9 +182,9 @@ backgroundColor: Color__default["default"].white
     flexDirection: "row",
-    padding: Spacing__default["default"].xSmall_8
+    padding: wonderBlocksTokens.spacing.xSmall_8
   },
   icon: {
-    marginTop: Spacing__default["default"].xSmall_8,
-    marginBottom: Spacing__default["default"].xSmall_8,
-    marginInlineStart: Spacing__default["default"].xxxxSmall_2,
-    marginInlineEnd: Spacing__default["default"].xSmall_8,
+    marginTop: wonderBlocksTokens.spacing.xSmall_8,
+    marginBottom: wonderBlocksTokens.spacing.xSmall_8,
+    marginInlineStart: wonderBlocksTokens.spacing.xxxxSmall_2,
+    marginInlineEnd: wonderBlocksTokens.spacing.xSmall_8,
     alignSelf: "flex-start",
@@ -204,3 +203,3 @@ color: Color__default["default"].offBlack64
     flexShrink: 1,
-    margin: Spacing__default["default"].xSmall_8,
+    margin: wonderBlocksTokens.spacing.xSmall_8,
     textAlign: "start",
@@ -212,8 +211,8 @@ overflowWrap: "break-word"
     justifyContent: "flex-start",
-    marginTop: Spacing__default["default"].xSmall_8,
-    marginBottom: Spacing__default["default"].xSmall_8
+    marginTop: wonderBlocksTokens.spacing.xSmall_8,
+    marginBottom: wonderBlocksTokens.spacing.xSmall_8
   },
   action: {
-    marginLeft: Spacing__default["default"].xSmall_8,
-    marginRight: Spacing__default["default"].xSmall_8,
+    marginLeft: wonderBlocksTokens.spacing.xSmall_8,
+    marginRight: wonderBlocksTokens.spacing.xSmall_8,
     justifyContent: "center",
@@ -233,4 +232,4 @@ height: 18
     alignItems: "center",
-    marginLeft: Spacing__default["default"].xSmall_8,
-    marginRight: Spacing__default["default"].xSmall_8
+    marginLeft: wonderBlocksTokens.spacing.xSmall_8,
+    marginRight: wonderBlocksTokens.spacing.xSmall_8
   },
@@ -237,0 +236,0 @@ floatingBorder: {

package.json

 {
   "name": "@khanacademy/wonder-blocks-banner",
-  "version": "0.0.0-PR2176-20240201202337",
+  "version": "0.0.0-PR2178-20240202183955",
   "design": "v1",
@@ -19,9 +19,9 @@ "description": "Banner components for Wonder Blocks.",
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-button": "0.0.0-PR2176-20240201202337",
+    "@khanacademy/wonder-blocks-button": "0.0.0-PR2178-20240202183955",
     "@khanacademy/wonder-blocks-color": "^3.0.0",
     "@khanacademy/wonder-blocks-core": "^6.3.1",
     "@khanacademy/wonder-blocks-icon": "^4.0.1",
-    "@khanacademy/wonder-blocks-icon-button": "0.0.0-PR2176-20240201202337",
-    "@khanacademy/wonder-blocks-link": "^6.0.5",
-    "@khanacademy/wonder-blocks-spacing": "^4.0.1",
+    "@khanacademy/wonder-blocks-icon-button": "0.0.0-PR2178-20240202183955",
+    "@khanacademy/wonder-blocks-link": "0.0.0-PR2178-20240202183955",
+    "@khanacademy/wonder-blocks-tokens": "0.0.0-PR2178-20240202183955",
     "@khanacademy/wonder-blocks-typography": "^2.1.10"
@@ -28,0 +28,0 @@ },

tsconfig-build.json

@@ -15,5 +15,5 @@ {
         {"path": "../wonder-blocks-link/tsconfig-build.json"},
-        {"path": "../wonder-blocks-spacing/tsconfig-build.json"},
+        {"path": "../wonder-blocks-tokens/tsconfig-build.json"},
         {"path": "../wonder-blocks-typography/tsconfig-build.json"},
     ]
 }

No alert changes

Improved metrics

Total package byte prevSize

121963

increased by0.69%

Worsened metrics

Lines of code

1295

decreased by-0.08%

Dependency changes

• + Added@khanacademy/wonder-blocks-tokens@0.0.0-PR2178-20240202183955

• + Added@khanacademy/wonder-blocks-button@0.0.0-PR2178-20240202183955(transitive)

• + Added@khanacademy/wonder-blocks-link@0.0.0-PR2178-20240202183955(transitive)

• + Added@khanacademy/wonder-blocks-theming@0.0.0-PR2178-20240202183955(transitive)

• - Removed@khanacademy/wonder-blocks-spacing@^4.0.1

• - Removed@khanacademy/wonder-blocks-button@0.0.0-PR2176-20240201202337(transitive)

• - Removed@khanacademy/wonder-blocks-icon-button@0.0.0-PR2176-20240201202337(transitive)

• - Removed@khanacademy/wonder-blocks-link@6.1.1(transitive)

• - Removed@khanacademy/wonder-blocks-spacing@4.0.1(transitive)

• - Removed@khanacademy/wonder-blocks-theming@0.0.0-PR2176-20240201202337(transitive)

• Updated@khanacademy/wonder-blocks-button@0.0.0-PR2178-20240202183955

• Updated@khanacademy/wonder-blocks-icon-button@0.0.0-PR2178-20240202183955

• Updated@khanacademy/wonder-blocks-link@0.0.0-PR2178-20240202183955