@khanacademy/wonder-blocks-icon-button 5.3.2 → 5.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @khanacademy/wonder-blocks-icon-button
 
+## 5.3.3
+
+### Patch Changes
+
+-   559e82d5: Update to build tooling, generating smaller output
+-   Updated dependencies [559e82d5]
+    -   @khanacademy/wonder-blocks-clickable@4.2.5
+    -   @khanacademy/wonder-blocks-core@6.4.3
+    -   @khanacademy/wonder-blocks-icon@4.1.3
+    -   @khanacademy/wonder-blocks-theming@2.0.3
+    -   @khanacademy/wonder-blocks-tokens@1.3.1
+
 ## 5.3.2
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,3 +1,5 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
 import { Link } from 'react-router-dom';
@@ -8,34 +10,6 @@ import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
 import { mergeTheme, createThemeContext, ThemeSwitcherContext, useScopedTheme } from '@khanacademy/wonder-blocks-theming';
 import * as tokens from '@khanacademy/wonder-blocks-tokens';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
 const iconSizeForButtonSize = size => {
   switch (size) {
     case "xsmall":

package/dist/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 var React = require('react');
 var aphrodite = require('aphrodite');
 var reactRouterDom = require('react-router-dom');
@@ -10,55 +12,31 @@ var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
 var wonderBlocksTheming = require('@khanacademy/wonder-blocks-theming');
 var tokens = require('@khanacademy/wonder-blocks-tokens');
 
+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) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    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);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
 const iconSizeForButtonSize = size => {
   switch (size) {
     case "xsmall":
@@ -264,7 +242,7 @@ const IconButtonCore = React__namespace.forwardRef(function IconButtonCore(props
       style,
       testId
     } = props,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded$1);
+    restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
   const {
     theme,
     themeName
@@ -276,20 +254,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(StyledAnchor, _extends({}, commonProps, {
+      }), child) : React__namespace.createElement(StyledAnchor, _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: "button"
       }, commonProps, {
         onClick: disabled ? undefined : restProps.onClick,
@@ -395,7 +373,7 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
       width: pixelsForSize,
       color: defaultColor,
       borderRadius: theme.border.radius.default,
-      ":hover": _extends({
+      ":hover": _extends__default["default"]({
         boxShadow: "none",
         color: defaultStrokeColor,
         borderRadius: theme.border.radius.default,
@@ -417,7 +395,7 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
       ":focus:not(:focus-visible)": {
         boxShadow: "none"
       },
-      ":focus-visible": _extends({
+      ":focus-visible": _extends__default["default"]({
         boxShadow: "none",
         outlineWidth: theme.border.width.default,
         outlineColor: defaultStrokeColor,
@@ -425,7 +403,7 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
         outlineStyle: "solid",
         borderRadius: theme.border.radius.default
       }, kindOverrides[":focus-visible"]),
-      ":active": _extends({
+      ":active": _extends__default["default"]({
         color: light ? activeInverseColor : activeColor,
         outlineWidth: theme.border.width.default,
         outlineColor: light ? activeInverseColor : activeColor,
@@ -437,10 +415,10 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
     disabled: {
       color: disabledStrokeColor,
       cursor: "not-allowed",
-      ":hover": _extends({}, disabledStatesStyles, {
+      ":hover": _extends__default["default"]({}, disabledStatesStyles, {
         outline: "none"
       }),
-      ":active": _extends({}, disabledStatesStyles, {
+      ":active": _extends__default["default"]({}, disabledStatesStyles, {
         outline: "none"
       }),
       ":focus": {
@@ -470,7 +448,7 @@ const IconButton = React__namespace.forwardRef(function IconButton(props, ref) {
       tabIndex,
       target
     } = props,
-    sharedProps = _objectWithoutPropertiesLoose(props, _excluded);
+    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
   function handleKeyDown(e) {
     const keyCode = e.key;
     if (!href && (keyCode === "Enter" || keyCode === "Space")) {
@@ -485,7 +463,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": "5.3.2",
+  "version": "5.3.3",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -16,11 +16,11 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^4.2.4",
-    "@khanacademy/wonder-blocks-core": "^6.4.2",
-    "@khanacademy/wonder-blocks-icon": "^4.1.2",
-    "@khanacademy/wonder-blocks-theming": "^2.0.2",
-    "@khanacademy/wonder-blocks-tokens": "^1.3.0"
+    "@khanacademy/wonder-blocks-clickable": "^4.2.5",
+    "@khanacademy/wonder-blocks-core": "^6.4.3",
+    "@khanacademy/wonder-blocks-icon": "^4.1.3",
+    "@khanacademy/wonder-blocks-theming": "^2.0.3",
+    "@khanacademy/wonder-blocks-tokens": "^1.3.1"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
@@ -29,6 +29,6 @@
     "react-router-dom": "5.3.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "^1.0.0"
+    "@khanacademy/wb-dev-build-settings": "^1.0.1"
   }
 }