@khanacademy/wonder-blocks-icon 5.1.3 → 5.1.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @khanacademy/wonder-blocks-icon
 
+## 5.1.4
+
+### Patch Changes
+
+- Updated dependencies [28fa0c0]
+- Updated dependencies [28fa0c0]
+    - @khanacademy/wonder-blocks-core@12.3.0
+
 ## 5.1.3
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,69 +1,10 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
 import { addStyle } from '@khanacademy/wonder-blocks-core';
 
-const viewportPixelsForSize = size => ({
-  small: 16,
-  medium: 24,
-  large: 48,
-  xlarge: 96
-})[size];
+const viewportPixelsForSize=size=>({small:16,medium:24,large:48,xlarge:96})[size];
 
-const _excluded = ["color", "icon", "size", "style", "testId", "className", "role"];
-const StyledSpan = addStyle("span");
-const PhosphorIcon = React.forwardRef(function PhosphorIcon(props, ref) {
-  const {
-      color = "currentColor",
-      icon,
-      size = "small",
-      style,
-      testId,
-      className,
-      role
-    } = props,
-    sharedProps = _objectWithoutPropertiesLoose(props, _excluded);
-  const pixelSize = viewportPixelsForSize(size);
-  const classNames = `${className != null ? className : ""}`;
-  const iconStyles = _generateStyles(color, pixelSize);
-  return React.createElement(StyledSpan, _extends({}, sharedProps, {
-    className: classNames,
-    style: [styles.svg, iconStyles.icon, {
-      maskImage: `url(${icon})`
-    }, style],
-    "data-testid": testId,
-    ref: ref,
-    role: (role != null ? role : sharedProps["aria-label"]) ? "img" : undefined
-  }));
-});
-const dynamicStyles = {};
-const _generateStyles = (color, size) => {
-  const iconStyle = `${color}-${size}`;
-  if (styles[iconStyle]) {
-    return styles[iconStyle];
-  }
-  const newStyles = {
-    icon: {
-      backgroundColor: color,
-      width: size,
-      height: size
-    }
-  };
-  dynamicStyles[iconStyle] = StyleSheet.create(newStyles);
-  return dynamicStyles[iconStyle];
-};
-const styles = StyleSheet.create({
-  svg: {
-    display: "inline-block",
-    verticalAlign: "text-bottom",
-    flexShrink: 0,
-    flexGrow: 0,
-    maskSize: "100%",
-    maskRepeat: "no-repeat",
-    maskPosition: "center"
-  }
-});
-PhosphorIcon.displayName = "PhosphorIcon";
+const StyledSpan=addStyle("span");const PhosphorIcon=React.forwardRef(function PhosphorIcon(props,ref){const{color="currentColor",icon,size="small",style,testId,className,role,...sharedProps}=props;const pixelSize=viewportPixelsForSize(size);const classNames=`${className??""}`;const iconStyles=_generateStyles(color,pixelSize);return jsx(StyledSpan,{...sharedProps,className:classNames,style:[styles.svg,iconStyles.icon,{maskImage:`url(${icon})`},style],"data-testid":testId,ref:ref,role:role??sharedProps["aria-label"]?"img":undefined})});const dynamicStyles={};const _generateStyles=(color,size)=>{const iconStyle=`${color}-${size}`;if(styles[iconStyle]){return styles[iconStyle]}const newStyles={icon:{backgroundColor:color,width:size,height:size}};dynamicStyles[iconStyle]=StyleSheet.create(newStyles);return dynamicStyles[iconStyle]};const styles=StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});PhosphorIcon.displayName="PhosphorIcon";
 
 export { PhosphorIcon };

package/dist/index.js

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var aphrodite = require('aphrodite');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 
-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);
@@ -28,70 +25,10 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const viewportPixelsForSize = size => ({
-  small: 16,
-  medium: 24,
-  large: 48,
-  xlarge: 96
-})[size];
+const viewportPixelsForSize=size=>({small:16,medium:24,large:48,xlarge:96})[size];
 
-const _excluded = ["color", "icon", "size", "style", "testId", "className", "role"];
-const StyledSpan = wonderBlocksCore.addStyle("span");
-const PhosphorIcon = React__namespace.forwardRef(function PhosphorIcon(props, ref) {
-  const {
-      color = "currentColor",
-      icon,
-      size = "small",
-      style,
-      testId,
-      className,
-      role
-    } = props,
-    sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
-  const pixelSize = viewportPixelsForSize(size);
-  const classNames = `${className != null ? className : ""}`;
-  const iconStyles = _generateStyles(color, pixelSize);
-  return React__namespace.createElement(StyledSpan, _extends__default["default"]({}, sharedProps, {
-    className: classNames,
-    style: [styles.svg, iconStyles.icon, {
-      maskImage: `url(${icon})`
-    }, style],
-    "data-testid": testId,
-    ref: ref,
-    role: (role != null ? role : sharedProps["aria-label"]) ? "img" : undefined
-  }));
-});
-const dynamicStyles = {};
-const _generateStyles = (color, size) => {
-  const iconStyle = `${color}-${size}`;
-  if (styles[iconStyle]) {
-    return styles[iconStyle];
-  }
-  const newStyles = {
-    icon: {
-      backgroundColor: color,
-      width: size,
-      height: size
-    }
-  };
-  dynamicStyles[iconStyle] = aphrodite.StyleSheet.create(newStyles);
-  return dynamicStyles[iconStyle];
-};
-const styles = aphrodite.StyleSheet.create({
-  svg: {
-    display: "inline-block",
-    verticalAlign: "text-bottom",
-    flexShrink: 0,
-    flexGrow: 0,
-    maskSize: "100%",
-    maskRepeat: "no-repeat",
-    maskPosition: "center"
-  }
-});
-PhosphorIcon.displayName = "PhosphorIcon";
+const StyledSpan=wonderBlocksCore.addStyle("span");const PhosphorIcon=React__namespace.forwardRef(function PhosphorIcon(props,ref){const{color="currentColor",icon,size="small",style,testId,className,role,...sharedProps}=props;const pixelSize=viewportPixelsForSize(size);const classNames=`${className??""}`;const iconStyles=_generateStyles(color,pixelSize);return jsxRuntime.jsx(StyledSpan,{...sharedProps,className:classNames,style:[styles.svg,iconStyles.icon,{maskImage:`url(${icon})`},style],"data-testid":testId,ref:ref,role:role??sharedProps["aria-label"]?"img":undefined})});const dynamicStyles={};const _generateStyles=(color,size)=>{const iconStyle=`${color}-${size}`;if(styles[iconStyle]){return styles[iconStyle]}const newStyles={icon:{backgroundColor:color,width:size,height:size}};dynamicStyles[iconStyle]=aphrodite.StyleSheet.create(newStyles);return dynamicStyles[iconStyle]};const styles=aphrodite.StyleSheet.create({svg:{display:"inline-block",verticalAlign:"text-bottom",flexShrink:0,flexGrow:0,maskSize:"100%",maskRepeat:"no-repeat",maskPosition:"center"}});PhosphorIcon.displayName="PhosphorIcon";
 
 exports.PhosphorIcon = PhosphorIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-icon",
-  "version": "5.1.3",
+  "version": "5.1.4",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -12,11 +12,10 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.24.5",
-    "@khanacademy/wonder-blocks-core": "12.2.1"
+    "@khanacademy/wonder-blocks-core": "12.3.0"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "2.1.1"
+    "@khanacademy/wb-dev-build-settings": "3.0.0"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",