@khanacademy/wonder-blocks-button 8.0.0 → 8.0.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @khanacademy/wonder-blocks-button
 
+## 8.0.2
+
+### Patch Changes
+
+- e63adea: Update `border.width` tokens to use new naming conventions.
+- Updated dependencies [e63adea]
+- Updated dependencies [e63adea]
+    - @khanacademy/wonder-blocks-tokens@8.0.0
+    - @khanacademy/wonder-blocks-clickable@7.0.2
+    - @khanacademy/wonder-blocks-progress-spinner@3.1.8
+
+## 8.0.1
+
+### Patch Changes
+
+- e8ccf60: - Update `Button.large` to use `radius_40` (4px, 0.4rem) instead of `6px`.
+    - Update `Button.small (khanmigo)` to use `radius_80` (8px, 0.8rem) instead of `6px`.
+- Updated dependencies [e8ccf60]
+    - @khanacademy/wonder-blocks-tokens@7.0.0
+    - @khanacademy/wonder-blocks-clickable@7.0.1
+    - @khanacademy/wonder-blocks-progress-spinner@3.1.7
+
 ## 8.0.0
 
 ### Major Changes

package/dist/es/index.js

@@ -200,19 +200,19 @@ const theme$1 = {
   },
   border: {
     width: {
-      secondary: tokens.border.width.hairline,
-      focused: tokens.border.width.thin,
-      disabled: tokens.border.width.thin
+      secondary: tokens.border.width.thin,
+      focused: tokens.border.width.medium,
+      disabled: tokens.border.width.medium
     },
     offset: {
       primary: tokens.spacing.xxxxSmall_2,
       secondary: -tokens.spacing.xxxxSmall_2
     },
     radius: {
-      default: tokens.border.radius.medium_4,
-      small: tokens.border.radius.medium_4,
-      large: tokens.border.radius.large_6,
-      icon: tokens.border.radius.full
+      default: tokens.border.radius.radius_040,
+      small: tokens.border.radius.radius_040,
+      large: tokens.border.radius.radius_040,
+      icon: tokens.border.radius.radius_full
     }
   },
   size: {
@@ -292,12 +292,12 @@ const theme = mergeTheme(theme$1, {
   },
   border: {
     radius: {
-      default: tokens.border.radius.xLarge_12,
-      small: tokens.border.radius.large_6,
-      large: tokens.border.radius.xLarge_12
+      default: tokens.border.radius.radius_120,
+      small: tokens.border.radius.radius_080,
+      large: tokens.border.radius.radius_120
     },
     width: {
-      focused: tokens.border.width.hairline
+      focused: tokens.border.width.thin
     }
   },
   margin: {

package/dist/index.js

@@ -227,19 +227,19 @@ const theme$1 = {
   },
   border: {
     width: {
-      secondary: tokens__namespace.border.width.hairline,
-      focused: tokens__namespace.border.width.thin,
-      disabled: tokens__namespace.border.width.thin
+      secondary: tokens__namespace.border.width.thin,
+      focused: tokens__namespace.border.width.medium,
+      disabled: tokens__namespace.border.width.medium
     },
     offset: {
       primary: tokens__namespace.spacing.xxxxSmall_2,
       secondary: -tokens__namespace.spacing.xxxxSmall_2
     },
     radius: {
-      default: tokens__namespace.border.radius.medium_4,
-      small: tokens__namespace.border.radius.medium_4,
-      large: tokens__namespace.border.radius.large_6,
-      icon: tokens__namespace.border.radius.full
+      default: tokens__namespace.border.radius.radius_040,
+      small: tokens__namespace.border.radius.radius_040,
+      large: tokens__namespace.border.radius.radius_040,
+      icon: tokens__namespace.border.radius.radius_full
     }
   },
   size: {
@@ -319,12 +319,12 @@ const theme = wonderBlocksTheming.mergeTheme(theme$1, {
   },
   border: {
     radius: {
-      default: tokens__namespace.border.radius.xLarge_12,
-      small: tokens__namespace.border.radius.large_6,
-      large: tokens__namespace.border.radius.xLarge_12
+      default: tokens__namespace.border.radius.radius_120,
+      small: tokens__namespace.border.radius.radius_080,
+      large: tokens__namespace.border.radius.radius_120
     },
     width: {
-      focused: tokens__namespace.border.width.hairline
+      focused: tokens__namespace.border.width.thin
     }
   },
   margin: {

package/dist/themes/default.d.ts

@@ -311,18 +311,18 @@ declare const theme: {
     };
     border: {
         width: {
-            secondary: number;
-            focused: number;
-            disabled: number;
+            secondary: string;
+            focused: string;
+            disabled: string;
         };
         offset: {
             primary: 2;
             secondary: number;
         };
         radius: {
-            default: number;
-            small: number;
-            large: number;
+            default: string;
+            small: string;
+            large: string;
             /**
              * Icons
              */

package/dist/themes/khanmigo.d.ts

@@ -301,18 +301,18 @@ declare const theme: {
     };
     border: {
         width: {
-            secondary: number;
-            focused: number;
-            disabled: number;
+            secondary: string;
+            focused: string;
+            disabled: string;
         };
         offset: {
             primary: 2;
             secondary: number;
         };
         radius: {
-            default: number;
-            small: number;
-            large: number;
+            default: string;
+            small: string;
+            large: string;
             icon: string;
         };
     };

package/dist/themes/themed-button.d.ts

@@ -308,18 +308,18 @@ export declare const ButtonThemeContext: React.Context<{
     };
     border: {
         width: {
-            secondary: number;
-            focused: number;
-            disabled: number;
+            secondary: string;
+            focused: string;
+            disabled: string;
         };
         offset: {
             primary: 2;
             secondary: number;
         };
         radius: {
-            default: number;
-            small: number;
-            large: number;
+            default: string;
+            small: string;
+            large: string;
             icon: string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-button",
-  "version": "8.0.0",
+  "version": "8.0.2",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -13,12 +13,12 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@khanacademy/wonder-blocks-clickable": "7.0.0",
+    "@khanacademy/wonder-blocks-clickable": "7.0.2",
     "@khanacademy/wonder-blocks-core": "12.2.1",
     "@khanacademy/wonder-blocks-icon": "5.1.3",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.6",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.8",
     "@khanacademy/wonder-blocks-theming": "3.2.1",
-    "@khanacademy/wonder-blocks-tokens": "6.0.0",
+    "@khanacademy/wonder-blocks-tokens": "8.0.0",
     "@khanacademy/wonder-blocks-typography": "3.1.3"
   },
   "peerDependencies": {