@khanacademy/wonder-blocks-button 10.0.2 → 10.0.3
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.
- package/CHANGELOG.md +15 -0
- package/dist/es/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-button
|
|
2
2
|
|
|
3
|
+
## 10.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [dd76e7c]
|
|
8
|
+
- Updated dependencies [dd76e7c]
|
|
9
|
+
- @khanacademy/wonder-blocks-typography@4.0.0
|
|
10
|
+
- @khanacademy/wonder-blocks-tokens@10.3.0
|
|
11
|
+
- @khanacademy/wonder-blocks-clickable@7.1.4
|
|
12
|
+
- @khanacademy/wonder-blocks-core@12.3.0
|
|
13
|
+
- @khanacademy/wonder-blocks-icon@5.1.4
|
|
14
|
+
- @khanacademy/wonder-blocks-progress-spinner@3.1.15
|
|
15
|
+
- @khanacademy/wonder-blocks-styles@0.2.11
|
|
16
|
+
- @khanacademy/wonder-blocks-theming@3.4.0
|
|
17
|
+
|
|
3
18
|
## 10.0.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -13,7 +13,7 @@ import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
|
|
|
13
13
|
|
|
14
14
|
const textUnderlineOffset=sizing.size_040;const theme$1={root:{color:semanticColor.action,border:{width:{primary:{default:border.width.none,hover:border.width.medium,press:border.width.medium},secondary:{default:border.width.thin,hover:border.width.thin,press:border.width.thin},tertiary:{default:border.width.none,hover:border.width.medium,press:border.width.medium}},offset:{primary:border.width.medium,secondary:0,tertiary:0},radius:{small:border.radius.radius_040,medium:border.radius.radius_040,large:border.radius.radius_040}},sizing:{height:{small:sizing.size_320,medium:sizing.size_400,large:sizing.size_560},underline:{hover:sizing.size_020,press:sizing.size_010}},padding:{medium:sizing.size_160,large:sizing.size_320},font:{size:{large:"1.8rem"},lineHeight:{small:font.lineHeight.xMedium,default:font.lineHeight.large,large:"2.6rem"},weight:{default:font.weight.bold},offset:{default:textUnderlineOffset}}},icon:{color:{secondary:{progressive:{hover:{background:"transparent",foreground:semanticColor.action.secondary.progressive.hover.foreground}},destructive:{hover:{background:"transparent",foreground:semanticColor.action.secondary.destructive.hover.foreground}},neutral:{hover:{background:"transparent",foreground:semanticColor.action.secondary.neutral.hover.foreground}}}},border:{radius:border.radius.radius_full},margin:{inline:{inner:sizing.size_060,outer:`calc(-1 * ${border.width.medium})`}},padding:sizing.size_020}};
|
|
15
15
|
|
|
16
|
-
const secondaryBgColor=color.offWhite;const theme=mergeTheme(theme$1,{root:{color:{secondary:{progressive:{default:{border:color.fadedBlue,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:semanticColor.action.secondary.progressive.default.foreground},press:{background:color.fadedBlue8}},destructive:{default:{border:color.fadedRed,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:semanticColor.action.secondary.destructive.default.foreground},press:{background:color.fadedRed8}}}},border:{radius:{medium:border.radius.radius_120,small:border.radius.radius_080,large:border.radius.radius_120}},font:{weight:{default:font.weight.
|
|
16
|
+
const secondaryBgColor=color.offWhite;const theme=mergeTheme(theme$1,{root:{color:{secondary:{progressive:{default:{border:color.fadedBlue,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:semanticColor.action.secondary.progressive.default.foreground},press:{background:color.fadedBlue8}},destructive:{default:{border:color.fadedRed,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:semanticColor.action.secondary.destructive.default.foreground},press:{background:color.fadedRed8}}}},border:{radius:{medium:border.radius.radius_120,small:border.radius.radius_080,large:border.radius.radius_120}},font:{weight:{default:font.weight.medium}}},icon:{color:{secondary:{progressive:{hover:{background:color.fadedBlue16,foreground:semanticColor.action.secondary.progressive.default.foreground}},destructive:{hover:{background:color.fadedRed16,foreground:semanticColor.action.secondary.destructive.default.foreground}}}},border:{radius:border.radius.radius_full},margin:{inline:{outer:`calc(-1 * ${sizing.size_080})`}},padding:sizing.size_020}});
|
|
17
17
|
|
|
18
18
|
const themes={default:theme$1,khanmigo:theme};const ButtonThemeContext=createThemeContext(theme$1);function ThemedButton(props){const currentTheme=React.useContext(ThemeSwitcherContext);const theme=themes[currentTheme]||theme$1;return jsx(ButtonThemeContext.Provider,{value:theme,children:props.children})}
|
|
19
19
|
|
package/dist/index.js
CHANGED
|
@@ -35,7 +35,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
35
35
|
|
|
36
36
|
const textUnderlineOffset=wonderBlocksTokens.sizing.size_040;const theme$1={root:{color:wonderBlocksTokens.semanticColor.action,border:{width:{primary:{default:wonderBlocksTokens.border.width.none,hover:wonderBlocksTokens.border.width.medium,press:wonderBlocksTokens.border.width.medium},secondary:{default:wonderBlocksTokens.border.width.thin,hover:wonderBlocksTokens.border.width.thin,press:wonderBlocksTokens.border.width.thin},tertiary:{default:wonderBlocksTokens.border.width.none,hover:wonderBlocksTokens.border.width.medium,press:wonderBlocksTokens.border.width.medium}},offset:{primary:wonderBlocksTokens.border.width.medium,secondary:0,tertiary:0},radius:{small:wonderBlocksTokens.border.radius.radius_040,medium:wonderBlocksTokens.border.radius.radius_040,large:wonderBlocksTokens.border.radius.radius_040}},sizing:{height:{small:wonderBlocksTokens.sizing.size_320,medium:wonderBlocksTokens.sizing.size_400,large:wonderBlocksTokens.sizing.size_560},underline:{hover:wonderBlocksTokens.sizing.size_020,press:wonderBlocksTokens.sizing.size_010}},padding:{medium:wonderBlocksTokens.sizing.size_160,large:wonderBlocksTokens.sizing.size_320},font:{size:{large:"1.8rem"},lineHeight:{small:wonderBlocksTokens.font.lineHeight.xMedium,default:wonderBlocksTokens.font.lineHeight.large,large:"2.6rem"},weight:{default:wonderBlocksTokens.font.weight.bold},offset:{default:textUnderlineOffset}}},icon:{color:{secondary:{progressive:{hover:{background:"transparent",foreground:wonderBlocksTokens.semanticColor.action.secondary.progressive.hover.foreground}},destructive:{hover:{background:"transparent",foreground:wonderBlocksTokens.semanticColor.action.secondary.destructive.hover.foreground}},neutral:{hover:{background:"transparent",foreground:wonderBlocksTokens.semanticColor.action.secondary.neutral.hover.foreground}}}},border:{radius:wonderBlocksTokens.border.radius.radius_full},margin:{inline:{inner:wonderBlocksTokens.sizing.size_060,outer:`calc(-1 * ${wonderBlocksTokens.border.width.medium})`}},padding:wonderBlocksTokens.sizing.size_020}};
|
|
37
37
|
|
|
38
|
-
const secondaryBgColor=wonderBlocksTokens.color.offWhite;const theme=wonderBlocksTheming.mergeTheme(theme$1,{root:{color:{secondary:{progressive:{default:{border:wonderBlocksTokens.color.fadedBlue,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:wonderBlocksTokens.semanticColor.action.secondary.progressive.default.foreground},press:{background:wonderBlocksTokens.color.fadedBlue8}},destructive:{default:{border:wonderBlocksTokens.color.fadedRed,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:wonderBlocksTokens.semanticColor.action.secondary.destructive.default.foreground},press:{background:wonderBlocksTokens.color.fadedRed8}}}},border:{radius:{medium:wonderBlocksTokens.border.radius.radius_120,small:wonderBlocksTokens.border.radius.radius_080,large:wonderBlocksTokens.border.radius.radius_120}},font:{weight:{default:wonderBlocksTokens.font.weight.
|
|
38
|
+
const secondaryBgColor=wonderBlocksTokens.color.offWhite;const theme=wonderBlocksTheming.mergeTheme(theme$1,{root:{color:{secondary:{progressive:{default:{border:wonderBlocksTokens.color.fadedBlue,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:wonderBlocksTokens.semanticColor.action.secondary.progressive.default.foreground},press:{background:wonderBlocksTokens.color.fadedBlue8}},destructive:{default:{border:wonderBlocksTokens.color.fadedRed,background:secondaryBgColor},hover:{background:secondaryBgColor,foreground:wonderBlocksTokens.semanticColor.action.secondary.destructive.default.foreground},press:{background:wonderBlocksTokens.color.fadedRed8}}}},border:{radius:{medium:wonderBlocksTokens.border.radius.radius_120,small:wonderBlocksTokens.border.radius.radius_080,large:wonderBlocksTokens.border.radius.radius_120}},font:{weight:{default:wonderBlocksTokens.font.weight.medium}}},icon:{color:{secondary:{progressive:{hover:{background:wonderBlocksTokens.color.fadedBlue16,foreground:wonderBlocksTokens.semanticColor.action.secondary.progressive.default.foreground}},destructive:{hover:{background:wonderBlocksTokens.color.fadedRed16,foreground:wonderBlocksTokens.semanticColor.action.secondary.destructive.default.foreground}}}},border:{radius:wonderBlocksTokens.border.radius.radius_full},margin:{inline:{outer:`calc(-1 * ${wonderBlocksTokens.sizing.size_080})`}},padding:wonderBlocksTokens.sizing.size_020}});
|
|
39
39
|
|
|
40
40
|
const themes={default:theme$1,khanmigo:theme};const ButtonThemeContext=wonderBlocksTheming.createThemeContext(theme$1);function ThemedButton(props){const currentTheme=React__namespace.useContext(wonderBlocksTheming.ThemeSwitcherContext);const theme=themes[currentTheme]||theme$1;return jsxRuntime.jsx(ButtonThemeContext.Provider,{value:theme,children:props.children})}
|
|
41
41
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-button",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.3",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
"author": "",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@khanacademy/wonder-blocks-clickable": "7.1.
|
|
15
|
+
"@khanacademy/wonder-blocks-clickable": "7.1.4",
|
|
16
16
|
"@khanacademy/wonder-blocks-core": "12.3.0",
|
|
17
17
|
"@khanacademy/wonder-blocks-icon": "5.1.4",
|
|
18
|
-
"@khanacademy/wonder-blocks-progress-spinner": "3.1.
|
|
19
|
-
"@khanacademy/wonder-blocks-styles": "0.2.
|
|
18
|
+
"@khanacademy/wonder-blocks-progress-spinner": "3.1.15",
|
|
19
|
+
"@khanacademy/wonder-blocks-styles": "0.2.11",
|
|
20
20
|
"@khanacademy/wonder-blocks-theming": "3.4.0",
|
|
21
|
-
"@khanacademy/wonder-blocks-tokens": "10.
|
|
22
|
-
"@khanacademy/wonder-blocks-typography": "
|
|
21
|
+
"@khanacademy/wonder-blocks-tokens": "10.3.0",
|
|
22
|
+
"@khanacademy/wonder-blocks-typography": "4.0.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"aphrodite": "^1.2.5",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"react-router-dom-v5-compat": "^6.30.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@khanacademy/wb-dev-build-settings": "3.
|
|
32
|
+
"@khanacademy/wb-dev-build-settings": "3.2.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"test": "echo \"Error: no test specified\" && exit 1"
|