@khanacademy/wonder-blocks-icon-button 6.1.0 → 6.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @khanacademy/wonder-blocks-icon-button
 
+## 6.1.1
+
+### Patch Changes
+
+- ee8d95a: Rollback rollup version from v4 to v2 to prevent an issue with CJS builds in unit tests
+- Updated dependencies [ee8d95a]
+    - @khanacademy/wonder-blocks-clickable@6.1.1
+    - @khanacademy/wonder-blocks-core@12.1.1
+    - @khanacademy/wonder-blocks-icon@5.1.1
+    - @khanacademy/wonder-blocks-theming@3.1.1
+    - @khanacademy/wonder-blocks-tokens@4.2.1
+
 ## 6.1.0
 
 ### Minor Changes

package/dist/index.js

@@ -12,7 +12,10 @@ var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
 var wonderBlocksTheming = require('@khanacademy/wonder-blocks-theming');
 var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 
-function _interopNamespaceDefault(e) {
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -25,11 +28,13 @@ function _interopNamespaceDefault(e) {
             }
         });
     }
-    n.default = e;
+    n["default"] = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const iconSizeForButtonSize = size => {
   switch (size) {
@@ -60,9 +65,9 @@ const disabledLightStates = {
   background: "transparent",
   foreground: wonderBlocksTokens.color.white50
 };
-const baseColorStates = _extends({}, wonderBlocksTokens.semanticColor.action.outlined, {
-  progressive: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.progressive, {
-    default: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.progressive.default, {
+const baseColorStates = _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined, {
+  progressive: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.progressive, {
+    default: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.progressive.default, {
       border: "transparent",
       background: "transparent"
     }),
@@ -72,8 +77,8 @@ const baseColorStates = _extends({}, wonderBlocksTokens.semanticColor.action.out
       foreground: wonderBlocksTokens.semanticColor.action.outlined.progressive.press.foreground
     }
   }),
-  destructive: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.destructive, {
-    default: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.destructive.default, {
+  destructive: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.destructive, {
+    default: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.destructive.default, {
       border: "transparent",
       background: "transparent"
     }),
@@ -96,7 +101,7 @@ const baseColorStates = _extends({}, wonderBlocksTokens.semanticColor.action.out
 });
 const theme$1 = {
   color: {
-    primary: _extends({}, baseColorStates, {
+    primary: _extends__default["default"]({}, baseColorStates, {
       progressiveLight: {
         default: {
           border: wonderBlocksTokens.semanticColor.border.inverse,
@@ -132,26 +137,26 @@ const theme$1 = {
         }
       }
     }),
-    secondary: _extends({}, baseColorStates, {
-      progressive: _extends({}, baseColorStates.progressive, {
-        default: _extends({}, baseColorStates.progressive.default, {
+    secondary: _extends__default["default"]({}, baseColorStates, {
+      progressive: _extends__default["default"]({}, baseColorStates.progressive, {
+        default: _extends__default["default"]({}, baseColorStates.progressive.default, {
           foreground: wonderBlocksTokens.semanticColor.text.primary
         })
       }),
-      destructive: _extends({}, baseColorStates.destructive, {
-        default: _extends({}, baseColorStates.destructive.default, {
+      destructive: _extends__default["default"]({}, baseColorStates.destructive, {
+        default: _extends__default["default"]({}, baseColorStates.destructive.default, {
           foreground: wonderBlocksTokens.semanticColor.text.primary
         })
       })
     }),
-    tertiary: _extends({}, baseColorStates, {
-      progressive: _extends({}, baseColorStates.progressive, {
-        default: _extends({}, baseColorStates.progressive.default, {
+    tertiary: _extends__default["default"]({}, baseColorStates, {
+      progressive: _extends__default["default"]({}, baseColorStates.progressive, {
+        default: _extends__default["default"]({}, baseColorStates.progressive.default, {
           foreground: wonderBlocksTokens.semanticColor.text.secondary
         })
       }),
-      destructive: _extends({}, baseColorStates.destructive, {
-        default: _extends({}, baseColorStates.destructive.default, {
+      destructive: _extends__default["default"]({}, baseColorStates.destructive, {
+        default: _extends__default["default"]({}, baseColorStates.destructive.default, {
           foreground: wonderBlocksTokens.semanticColor.text.secondary
         })
       })
@@ -276,7 +281,7 @@ const IconButtonCore = React__namespace.forwardRef(function IconButtonCore(props
       testId,
       type = "button"
     } = props,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded$1);
+    restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
   const {
     theme,
     themeName
@@ -288,20 +293,20 @@ const IconButtonCore = React__namespace.forwardRef(function IconButtonCore(props
       size: size,
       icon: icon
     });
-    const commonProps = _extends({
+    const commonProps = _extends__default["default"]({
       "data-testid": testId,
       style: [defaultStyle, style]
     }, restProps);
     if (href && !disabled) {
-      return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends({}, commonProps, {
+      return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends__default["default"]({}, commonProps, {
         to: href,
         ref: ref
-      }), child) : React__namespace.createElement(StyledA, _extends({}, commonProps, {
+      }), child) : React__namespace.createElement(StyledA, _extends__default["default"]({}, commonProps, {
         href: href,
         ref: ref
       }), child);
     } else {
-      return React__namespace.createElement(StyledButton, _extends({
+      return React__namespace.createElement(StyledButton, _extends__default["default"]({
         type: type
       }, commonProps, {
         onClick: disabled ? undefined : restProps.onClick,
@@ -425,12 +430,12 @@ const _generateStyles = (buttonColor = "default", disabled, kind, light, size, t
   const kindOverrides = getStylesByKind(buttonColor, disabled, kind, light, theme);
   const disabledStatesStyles = kindOverrides.disabled;
   const newStyles = {
-    default: _extends({
+    default: _extends__default["default"]({
       height: pixelsForSize,
       width: pixelsForSize,
       borderRadius: theme.border.radius.default
     }, kindOverrides.default, {
-      ":hover": _extends({
+      ":hover": _extends__default["default"]({
         boxShadow: "none",
         borderRadius: theme.border.radius.default,
         outlineWidth: theme.border.width.default
@@ -443,26 +448,26 @@ const _generateStyles = (buttonColor = "default", disabled, kind, light, size, t
           backgroundColor: "transparent"
         }
       },
-      ":focus-visible": _extends({
+      ":focus-visible": _extends__default["default"]({
         outlineWidth: theme.border.width.default,
         outlineOffset: 1,
         outlineStyle: "solid",
         borderRadius: theme.border.radius.default
       }, kindOverrides[":focus-visible"]),
-      ":active": _extends({
+      ":active": _extends__default["default"]({
         outlineWidth: theme.border.width.default,
         outlineOffset: 1,
         outlineStyle: "solid",
         borderRadius: theme.border.radius.default
       }, kindOverrides[":active"])
     }),
-    disabled: _extends({
+    disabled: _extends__default["default"]({
       cursor: "not-allowed"
     }, disabledStatesStyles, {
-      ":hover": _extends({}, disabledStatesStyles, {
+      ":hover": _extends__default["default"]({}, disabledStatesStyles, {
         outline: "none"
       }),
-      ":active": _extends({}, disabledStatesStyles, {
+      ":active": _extends__default["default"]({}, disabledStatesStyles, {
         outline: "none"
       }),
       ":focus-visible": disabledStatesStyles
@@ -486,7 +491,7 @@ const IconButton = React__namespace.forwardRef(function IconButton(props, ref) {
       target,
       type
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose(props, _excluded);
+    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
   function handleKeyDown(e) {
     const keyCode = e.key;
     if (!href && (keyCode === "Enter" || keyCode === "Space")) {
@@ -501,7 +506,7 @@ const IconButton = React__namespace.forwardRef(function IconButton(props, ref) {
       }
     }
   }
-  return React__namespace.createElement(ThemedIconButton, null, React__namespace.createElement(IconButtonCore, _extends({}, sharedProps, {
+  return React__namespace.createElement(ThemedIconButton, null, React__namespace.createElement(IconButtonCore, _extends__default["default"]({}, sharedProps, {
     color: color,
     disabled: disabled,
     href: href,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-icon-button",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -13,11 +13,11 @@
   "license": "MIT",
   "dependencies": {
     "@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-theming": "3.1.0",
-    "@khanacademy/wonder-blocks-tokens": "4.2.0"
+    "@khanacademy/wonder-blocks-clickable": "6.1.1",
+    "@khanacademy/wonder-blocks-core": "12.1.1",
+    "@khanacademy/wonder-blocks-icon": "5.1.1",
+    "@khanacademy/wonder-blocks-theming": "3.1.1",
+    "@khanacademy/wonder-blocks-tokens": "4.2.1"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -26,7 +26,7 @@
     "react-router-dom": "5.3.4"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "2.1.0"
+    "@khanacademy/wb-dev-build-settings": "2.1.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"