@khanacademy/wonder-blocks-button 8.0.0 → 8.0.1

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/index.js +7 -7
  3. package/dist/index.js +7 -7
  4. package/dist/themes/default.d.ts +3 -3
  5. package/dist/themes/khanmigo.d.ts +3 -3
  6. package/dist/themes/themed-button.d.ts +3 -3
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @khanacademy/wonder-blocks-button
2
2
 
3
+ ## 8.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - e8ccf60: - Update `Button.large` to use `radius_40` (4px, 0.4rem) instead of `6px`.
8
+ - Update `Button.small (khanmigo)` to use `radius_80` (8px, 0.8rem) instead of `6px`.
9
+ - Updated dependencies [e8ccf60]
10
+ - @khanacademy/wonder-blocks-tokens@7.0.0
11
+ - @khanacademy/wonder-blocks-clickable@7.0.1
12
+ - @khanacademy/wonder-blocks-progress-spinner@3.1.7
13
+
3
14
  ## 8.0.0
4
15
 
5
16
  ### Major Changes
package/dist/es/index.js CHANGED
@@ -209,10 +209,10 @@ const theme$1 = {
209
209
  secondary: -tokens.spacing.xxxxSmall_2
210
210
  },
211
211
  radius: {
212
- default: tokens.border.radius.medium_4,
213
- small: tokens.border.radius.medium_4,
214
- large: tokens.border.radius.large_6,
215
- icon: tokens.border.radius.full
212
+ default: tokens.border.radius.radius_040,
213
+ small: tokens.border.radius.radius_040,
214
+ large: tokens.border.radius.radius_040,
215
+ icon: tokens.border.radius.radius_full
216
216
  }
217
217
  },
218
218
  size: {
@@ -292,9 +292,9 @@ const theme = mergeTheme(theme$1, {
292
292
  },
293
293
  border: {
294
294
  radius: {
295
- default: tokens.border.radius.xLarge_12,
296
- small: tokens.border.radius.large_6,
297
- large: tokens.border.radius.xLarge_12
295
+ default: tokens.border.radius.radius_120,
296
+ small: tokens.border.radius.radius_080,
297
+ large: tokens.border.radius.radius_120
298
298
  },
299
299
  width: {
300
300
  focused: tokens.border.width.hairline
package/dist/index.js CHANGED
@@ -236,10 +236,10 @@ const theme$1 = {
236
236
  secondary: -tokens__namespace.spacing.xxxxSmall_2
237
237
  },
238
238
  radius: {
239
- default: tokens__namespace.border.radius.medium_4,
240
- small: tokens__namespace.border.radius.medium_4,
241
- large: tokens__namespace.border.radius.large_6,
242
- icon: tokens__namespace.border.radius.full
239
+ default: tokens__namespace.border.radius.radius_040,
240
+ small: tokens__namespace.border.radius.radius_040,
241
+ large: tokens__namespace.border.radius.radius_040,
242
+ icon: tokens__namespace.border.radius.radius_full
243
243
  }
244
244
  },
245
245
  size: {
@@ -319,9 +319,9 @@ const theme = wonderBlocksTheming.mergeTheme(theme$1, {
319
319
  },
320
320
  border: {
321
321
  radius: {
322
- default: tokens__namespace.border.radius.xLarge_12,
323
- small: tokens__namespace.border.radius.large_6,
324
- large: tokens__namespace.border.radius.xLarge_12
322
+ default: tokens__namespace.border.radius.radius_120,
323
+ small: tokens__namespace.border.radius.radius_080,
324
+ large: tokens__namespace.border.radius.radius_120
325
325
  },
326
326
  width: {
327
327
  focused: tokens__namespace.border.width.hairline
package/dist/themes/default.d.ts CHANGED
@@ -320,9 +320,9 @@ declare const theme: {
320
320
  secondary: number;
321
321
  };
322
322
  radius: {
323
- default: number;
324
- small: number;
325
- large: number;
323
+ default: string;
324
+ small: string;
325
+ large: string;
326
326
  /**
327
327
  * Icons
328
328
  */
package/dist/themes/khanmigo.d.ts CHANGED
@@ -310,9 +310,9 @@ declare const theme: {
310
310
  secondary: number;
311
311
  };
312
312
  radius: {
313
- default: number;
314
- small: number;
315
- large: number;
313
+ default: string;
314
+ small: string;
315
+ large: string;
316
316
  icon: string;
317
317
  };
318
318
  };
package/dist/themes/themed-button.d.ts CHANGED
@@ -317,9 +317,9 @@ export declare const ButtonThemeContext: React.Context<{
317
317
  secondary: number;
318
318
  };
319
319
  radius: {
320
- default: number;
321
- small: number;
322
- large: number;
320
+ default: string;
321
+ small: string;
322
+ large: string;
323
323
  icon: string;
324
324
  };
325
325
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-button",
3
- "version": "8.0.0",
3
+ "version": "8.0.1",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -13,12 +13,12 @@
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
15
  "@babel/runtime": "^7.24.5",
16
- "@khanacademy/wonder-blocks-clickable": "7.0.0",
16
+ "@khanacademy/wonder-blocks-clickable": "7.0.1",
17
17
  "@khanacademy/wonder-blocks-core": "12.2.1",
18
18
  "@khanacademy/wonder-blocks-icon": "5.1.3",
19
- "@khanacademy/wonder-blocks-progress-spinner": "3.1.6",
19
+ "@khanacademy/wonder-blocks-progress-spinner": "3.1.7",
20
20
  "@khanacademy/wonder-blocks-theming": "3.2.1",
21
- "@khanacademy/wonder-blocks-tokens": "6.0.0",
21
+ "@khanacademy/wonder-blocks-tokens": "7.0.0",
22
22
  "@khanacademy/wonder-blocks-typography": "3.1.3"
23
23
  },
24
24
  "peerDependencies": {