@khanacademy/wonder-blocks-button 7.0.7 → 7.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Khan Academy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/es/index.js

@@ -363,7 +363,7 @@ function ButtonIcon({
 }
 
 const _excluded$1 = ["children", "skipClientNav", "color", "disabled", "focused", "hovered", "href", "kind", "labelStyle", "light", "pressed", "size", "style", "testId", "type", "spinner", "startIcon", "endIcon", "id", "waiting"];
-const StyledAnchor = addStyle("a");
+const StyledA = addStyle("a");
 const StyledButton = addStyle("button");
 const StyledLink = addStyle(Link);
 const ButtonCore = React.forwardRef(function ButtonCore(props, ref) {
@@ -439,7 +439,7 @@ const ButtonCore = React.forwardRef(function ButtonCore(props, ref) {
       return router && !skipClientNav && isClientSideUrl(href) ? React.createElement(StyledLink, _extends({}, commonProps, {
         to: href,
         ref: ref
-      }), contents) : React.createElement(StyledAnchor, _extends({}, commonProps, {
+      }), contents) : React.createElement(StyledA, _extends({}, commonProps, {
         href: href,
         ref: ref
       }), contents);

package/dist/index.js

@@ -14,10 +14,7 @@ var wonderBlocksTheming = require('@khanacademy/wonder-blocks-theming');
 var tokens = require('@khanacademy/wonder-blocks-tokens');
 var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -30,14 +27,12 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var tokens__namespace = /*#__PURE__*/_interopNamespace(tokens);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var tokens__namespace = /*#__PURE__*/_interopNamespaceDefault(tokens);
 
 const {
   semanticColor
@@ -46,18 +41,18 @@ const textUnderlineOffset = tokens__namespace.spacing.xxxSmall_4;
 const theme$1 = {
   color: {
     filled: {
-      progressive: _extends__default["default"]({}, semanticColor.action.filled.progressive, {
+      progressive: _extends({}, semanticColor.action.filled.progressive, {
         disabled: {
           border: semanticColor.action.disabled.default,
           background: semanticColor.action.disabled.default,
           foreground: semanticColor.action.disabled.secondary
         }
       }),
-      progressiveLight: _extends__default["default"]({}, semanticColor.action.outlined.progressive, {
-        hover: _extends__default["default"]({}, semanticColor.action.outlined.progressive.hover, {
+      progressiveLight: _extends({}, semanticColor.action.outlined.progressive, {
+        hover: _extends({}, semanticColor.action.outlined.progressive.hover, {
           border: semanticColor.border.inverse
         }),
-        press: _extends__default["default"]({}, semanticColor.action.outlined.progressive.press, {
+        press: _extends({}, semanticColor.action.outlined.progressive.press, {
           border: semanticColor.action.outlined.progressive.press.background
         }),
         disabled: {
@@ -66,18 +61,18 @@ const theme$1 = {
           foreground: semanticColor.action.outlined.progressive.default.foreground
         }
       }),
-      destructive: _extends__default["default"]({}, semanticColor.action.filled.destructive, {
+      destructive: _extends({}, semanticColor.action.filled.destructive, {
         disabled: {
           border: semanticColor.action.disabled.default,
           background: semanticColor.action.disabled.default,
           foreground: semanticColor.action.disabled.secondary
         }
       }),
-      destructiveLight: _extends__default["default"]({}, semanticColor.action.outlined.destructive, {
-        hover: _extends__default["default"]({}, semanticColor.action.outlined.progressive.hover, {
+      destructiveLight: _extends({}, semanticColor.action.outlined.destructive, {
+        hover: _extends({}, semanticColor.action.outlined.progressive.hover, {
           border: semanticColor.border.inverse
         }),
-        press: _extends__default["default"]({}, semanticColor.action.outlined.destructive.press, {
+        press: _extends({}, semanticColor.action.outlined.destructive.press, {
           border: semanticColor.action.outlined.destructive.press.background
         }),
         disabled: {
@@ -88,11 +83,11 @@ const theme$1 = {
       })
     },
     outlined: {
-      progressive: _extends__default["default"]({}, semanticColor.action.outlined.progressive, {
-        default: _extends__default["default"]({}, semanticColor.action.outlined.progressive.default, {
+      progressive: _extends({}, semanticColor.action.outlined.progressive, {
+        default: _extends({}, semanticColor.action.outlined.progressive.default, {
           background: "transparent"
         }),
-        hover: _extends__default["default"]({}, semanticColor.action.outlined.progressive.hover, {
+        hover: _extends({}, semanticColor.action.outlined.progressive.hover, {
           background: "transparent",
           icon: "transparent"
         }),
@@ -125,8 +120,8 @@ const theme$1 = {
           foreground: tokens__namespace.color.white50
         }
       },
-      destructive: _extends__default["default"]({}, semanticColor.action.outlined.destructive, {
-        hover: _extends__default["default"]({}, semanticColor.action.outlined.destructive.hover, {
+      destructive: _extends({}, semanticColor.action.outlined.destructive, {
+        hover: _extends({}, semanticColor.action.outlined.destructive.hover, {
           background: "transparent",
           icon: "transparent"
         }),
@@ -376,13 +371,13 @@ function ButtonIcon({
   };
   switch (size) {
     case "small":
-      return React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, _extends({}, commonProps, {
         size: "small",
         icon: icon
       }));
     case "medium":
     default:
-      return React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, _extends__default["default"]({}, commonProps, {
+      return React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, _extends({}, commonProps, {
         size: "medium",
         icon: icon
       }));
@@ -390,7 +385,7 @@ function ButtonIcon({
 }
 
 const _excluded$1 = ["children", "skipClientNav", "color", "disabled", "focused", "hovered", "href", "kind", "labelStyle", "light", "pressed", "size", "style", "testId", "type", "spinner", "startIcon", "endIcon", "id", "waiting"];
-const StyledAnchor = wonderBlocksCore.addStyle("a");
+const StyledA = wonderBlocksCore.addStyle("a");
 const StyledButton = wonderBlocksCore.addStyle("button");
 const StyledLink = wonderBlocksCore.addStyle(reactRouterDom.Link);
 const ButtonCore = React__namespace.forwardRef(function ButtonCore(props, ref) {
@@ -421,11 +416,11 @@ const ButtonCore = React__namespace.forwardRef(function ButtonCore(props, ref) {
         endIcon,
         id
       } = props,
-      restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$1);
     const buttonStyles = _generateStyles(color, kind, light, size, theme, themeName);
     const disabled = spinner || disabledProp;
     const defaultStyle = [sharedStyles.shared, disabled && sharedStyles.disabled, startIcon && sharedStyles.withStartIcon, endIcon && sharedStyles.withEndIcon, buttonStyles.default, disabled && buttonStyles.disabled, kind !== "tertiary" && !disabled && (pressed ? buttonStyles.pressed : focused && buttonStyles.focused), kind === "tertiary" && !pressed && focused && [buttonStyles.focused, disabled && buttonStyles.disabledFocus], size === "small" && sharedStyles.small, size === "large" && sharedStyles.large];
-    const commonProps = _extends__default["default"]({
+    const commonProps = _extends({
       "data-testid": testId,
       id: id,
       role: "button",
@@ -463,15 +458,15 @@ const ButtonCore = React__namespace.forwardRef(function ButtonCore(props, ref) {
       testId: testId ? `${testId}-end-icon` : undefined
     })));
     if (href && !disabled) {
-      return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends__default["default"]({}, commonProps, {
+      return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends({}, commonProps, {
         to: href,
         ref: ref
-      }), contents) : React__namespace.createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
+      }), contents) : React__namespace.createElement(StyledA, _extends({}, commonProps, {
         href: href,
         ref: ref
       }), contents);
     } else {
-      return React__namespace.createElement(StyledButton, _extends__default["default"]({
+      return React__namespace.createElement(StyledButton, _extends({
         type: type || "button"
       }, commonProps, {
         "aria-disabled": disabled,
@@ -603,7 +598,7 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
         background: themeColorAction.disabled.background,
         color: themeColorAction.disabled.foreground,
         cursor: "default",
-        ":focus-visible": _extends__default["default"]({}, focusStyling, {
+        ":focus-visible": _extends({}, focusStyling, {
           outlineColor: themeColorAction.disabled.border
         })
       }
@@ -725,11 +720,11 @@ const Button = React__namespace.forwardRef(function Button(props, ref) {
       disabled = false,
       spinner = false
     } = props,
-    sharedButtonCoreProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
+    sharedButtonCoreProps = _objectWithoutPropertiesLoose(props, _excluded);
   const renderClickableBehavior = router => {
     const ClickableBehavior = wonderBlocksClickable.getClickableBehavior(href, skipClientNav, router);
     const renderProp = (state, restChildProps) => {
-      return React__namespace.createElement(ButtonCore, _extends__default["default"]({}, sharedButtonCoreProps, state, restChildProps, {
+      return React__namespace.createElement(ButtonCore, _extends({}, sharedButtonCoreProps, state, restChildProps, {
         disabled: disabled,
         spinner: spinner || state.waiting,
         color: color,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-button",
-  "version": "7.0.7",
+  "version": "7.1.0",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -9,21 +9,17 @@
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
-  },
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^5.0.7",
-    "@khanacademy/wonder-blocks-core": "^11.1.0",
-    "@khanacademy/wonder-blocks-icon": "^5.0.5",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.0.7",
-    "@khanacademy/wonder-blocks-theming": "^3.0.1",
-    "@khanacademy/wonder-blocks-tokens": "^4.1.0",
-    "@khanacademy/wonder-blocks-typography": "^3.0.5"
+    "@babel/runtime": "^7.24.5",
+    "@khanacademy/wonder-blocks-clickable": "6.1.0",
+    "@khanacademy/wonder-blocks-core": "12.1.0",
+    "@khanacademy/wonder-blocks-icon": "5.1.0",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.0",
+    "@khanacademy/wonder-blocks-theming": "3.1.0",
+    "@khanacademy/wonder-blocks-tokens": "4.2.0",
+    "@khanacademy/wonder-blocks-typography": "3.1.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -32,6 +28,9 @@
     "react-router-dom": "5.3.4"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^2.0.0"
+    "@khanacademy/wb-dev-build-settings": "2.1.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   }
 }