@codecademy/gamut-icons 9.4.1 → 9.4.2-alpha.ab0105.0

package/dist/icons/regular/ViewIcon.js

@@ -1,29 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 import * as React from 'react';
 import { Svg } from '../../props';
 import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'View Icon' : _ref$title,
-    titleId = _ref.titleId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? size : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? size : _ref$width,
-    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
-  var maskId = useIconId('ViewIcon');
-  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+export const ViewIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'View Icon',
+    titleId,
+    size = 16,
+    height = size,
+    width = size,
+    ...props
+  } = _ref;
+  const maskId = useIconId('ViewIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -33,8 +23,8 @@ export var ViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), {}, {
+    "aria-labelledby": titleId,
+    ...props,
     children: [title === undefined ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: 'view-1'
@@ -42,7 +32,7 @@ export var ViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "".concat(maskId),
+      id: `${maskId}`,
       children: [/*#__PURE__*/_jsx("path", {
         d: "M12 5.251C7.969 5.183 3.8 8 1.179 10.885a1.663 1.663 0 000 2.226C3.743 15.935 7.9 18.817 12 18.748c4.1.069 8.258-2.813 10.824-5.637a1.663 1.663 0 000-2.226C20.2 8 16.031 5.183 12 5.251z",
         fill: "none",
@@ -59,12 +49,12 @@ export var ViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#".concat(maskId, ")"),
+      mask: `url(#${maskId})`,
       children: /*#__PURE__*/_jsx("rect", {
-        width: "100%",
-        height: "100%",
-        fill: "currentColor"
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
       })
     })]
-  }));
+  });
 });

package/dist/icons/regular/ViewOffIcon.js

@@ -1,29 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 import * as React from 'react';
 import { Svg } from '../../props';
 import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ViewOffIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'View Off Icon' : _ref$title,
-    titleId = _ref.titleId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? size : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? size : _ref$width,
-    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
-  var maskId = useIconId('ViewOffIcon');
-  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+export const ViewOffIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'View Off Icon',
+    titleId,
+    size = 16,
+    height = size,
+    width = size,
+    ...props
+  } = _ref;
+  const maskId = useIconId('ViewOffIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -33,8 +23,8 @@ export var ViewOffIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), {}, {
+    "aria-labelledby": titleId,
+    ...props,
     children: [title === undefined ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: 'view-off'
@@ -42,7 +32,7 @@ export var ViewOffIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "".concat(maskId),
+      id: `${maskId}`,
       children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
@@ -59,12 +49,12 @@ export var ViewOffIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#".concat(maskId, ")"),
+      mask: `url(#${maskId})`,
       children: /*#__PURE__*/_jsx("rect", {
-        width: "100%",
-        height: "100%",
-        fill: "currentColor"
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
       })
     })]
-  }));
+  });
 });

package/dist/icons/regular/VisaIcon.js

@@ -1,29 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 import * as React from 'react';
 import { Svg } from '../../props';
 import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var VisaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Visa Icon' : _ref$title,
-    titleId = _ref.titleId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? size : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? size : _ref$width,
-    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
-  var maskId = useIconId('VisaIcon');
-  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+export const VisaIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Visa Icon',
+    titleId,
+    size = 16,
+    height = size,
+    width = size,
+    ...props
+  } = _ref;
+  const maskId = useIconId('VisaIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -33,8 +23,8 @@ export var VisaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), {}, {
+    "aria-labelledby": titleId,
+    ...props,
     children: [title === undefined ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: 'visa'
@@ -42,7 +32,7 @@ export var VisaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "".concat(maskId),
+      id: `${maskId}`,
       children: [/*#__PURE__*/_jsx("path", {
         d: "M.504 3.5h23v17h-23z",
         fill: "none",
@@ -57,12 +47,12 @@ export var VisaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#".concat(maskId, ")"),
+      mask: `url(#${maskId})`,
       children: /*#__PURE__*/_jsx("rect", {
-        width: "100%",
-        height: "100%",
-        fill: "currentColor"
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
       })
     })]
-  }));
+  });
 });

package/dist/icons/regular/YoutubeIcon.js

@@ -1,29 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 import * as React from 'react';
 import { Svg } from '../../props';
 import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var YoutubeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Youtube Icon' : _ref$title,
-    titleId = _ref.titleId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? size : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? size : _ref$width,
-    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
-  var maskId = useIconId('YoutubeIcon');
-  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+export const YoutubeIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Youtube Icon',
+    titleId,
+    size = 16,
+    height = size,
+    width = size,
+    ...props
+  } = _ref;
+  const maskId = useIconId('YoutubeIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -33,8 +23,8 @@ export var YoutubeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), {}, {
+    "aria-labelledby": titleId,
+    ...props,
     children: [title === undefined ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: 'social-video-youtube'
@@ -42,19 +32,19 @@ export var YoutubeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "".concat(maskId),
+      id: `${maskId}`,
       children: [/*#__PURE__*/_jsx("path", {
         d: "M5.9 5.12v4.26a.75.75 0 001.5 0V5.12l2.85-3.8A.75.75 0 109 .42l-2.4 3.2L4.25.42a.75.75 0 10-1.2.9zm3.55-.24v3a2.25 2.25 0 004.5 0v-3a2.25 2.25 0 10-4.5 0zm1.5 0a.75.75 0 111.5 0v3a.75.75 0 01-1.5 0zm4.86 4.44a2.73 2.73 0 001.94.8 2.72 2.72 0 001.36-.38.74.74 0 00.64.38.75.75 0 00.75-.75v-6a.75.75 0 00-1.5 0v4a1.25 1.25 0 01-1.25 1.25 1.25 1.25 0 01-1.25-1.25v-4a.75.75 0 10-1.5 0v4a2.73 2.73 0 00.81 1.95zm2.69 8.05a.5.5 0 00-1 0v.5h1zm-4.5-.5a.5.5 0 00-.5.5v2a.5.5 0 001 0v-2a.5.5 0 00-.5-.5z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M19 11.87H5a4.5 4.5 0 00-4.5 4.5v3a4.5 4.5 0 004.5 4.5h14a4.5 4.5 0 004.5-4.5v-3a4.5 4.5 0 00-4.5-4.5zm-11 4H6.5v4.48a.5.5 0 01-1 0v-4.48H4a.5.5 0 010-1h4a.5.5 0 110 1zm3.48 3.5v1a.5.5 0 01-.86.35 1.48 1.48 0 01-.64.15 1.5 1.5 0 01-1.5-1.5v-3a.5.5 0 011 0v3a.5.5 0 001 0v-3a.5.5 0 011 0zm4 0a1.5 1.5 0 01-1.5 1.5 1.48 1.48 0 01-.66-.16.5.5 0 01-.84-.36v-6a.5.5 0 011 0V16a1.48 1.48 0 01.5-.09 1.5 1.5 0 011.5 1.5zm2.59 1.5a1.69 1.69 0 01-1.59-1.62v-1.88a1.5 1.5 0 013 0v1a.5.5 0 01-.5.5H17.5v.38a.7.7 0 00.59.62c.23 0 .59-.1.59-.37a.5.5 0 011 0 1.46 1.46 0 01-1.59 1.37z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#".concat(maskId, ")"),
+      mask: `url(#${maskId})`,
       children: /*#__PURE__*/_jsx("rect", {
-        width: "100%",
-        height: "100%",
-        fill: "currentColor"
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
       })
     })]
-  }));
+  });
 });

package/dist/icons/regular/ZoomIcon.js

@@ -1,29 +1,19 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 import * as React from 'react';
 import { Svg } from '../../props';
 import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ZoomIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Zoom Icon' : _ref$title,
-    titleId = _ref.titleId,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 16 : _ref$size,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? size : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? size : _ref$width,
-    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
-  var maskId = useIconId('ZoomIcon');
-  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+export const ZoomIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Zoom Icon',
+    titleId,
+    size = 16,
+    height = size,
+    width = size,
+    ...props
+  } = _ref;
+  const maskId = useIconId('ZoomIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -33,8 +23,8 @@ export var ZoomIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), {}, {
+    "aria-labelledby": titleId,
+    ...props,
     children: [title === undefined ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: 'zoom-in'
@@ -42,7 +32,7 @@ export var ZoomIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {
-      id: "".concat(maskId),
+      id: `${maskId}`,
       children: /*#__PURE__*/_jsx("path", {
         d: "M18.875 9.811A9.063 9.063 0 119.813.749a9.063 9.063 0 019.062 9.062zM5.25 9.749h9m-4.5 4.5v-9m6.471 10.97l7.029 7.03",
         fill: "none",
@@ -52,12 +42,12 @@ export var ZoomIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#".concat(maskId, ")"),
+      mask: `url(#${maskId})`,
       children: /*#__PURE__*/_jsx("rect", {
-        width: "100%",
-        height: "100%",
-        fill: "currentColor"
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
       })
     })]
-  }));
+  });
 });

package/dist/props.js

@@ -1,5 +1,5 @@
 import { styledOptions, system } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
 import styled from '@emotion/styled';
-export var iconProps = variance.compose(system.layout, system.color, system.space, system.positioning, system.border);
-export var Svg = styled('svg', styledOptions())(iconProps);
+export const iconProps = variance.compose(system.layout, system.color, system.space, system.positioning, system.border);
+export const Svg = styled('svg', styledOptions())(iconProps);

package/dist/useIconId.js

@@ -1,8 +1,8 @@
 import { useId } from '@reach/auto-id';
 import { useMemo } from 'react';
 export function useIconId(id) {
-  var generatedId = useId();
-  return useMemo(function () {
-    return "".concat(id, "-mask-").concat(generatedId);
+  const generatedId = useId();
+  return useMemo(() => {
+    return `${id}-mask-${generatedId}`;
   }, [id, generatedId]);
 }

package/package.json

@@ -1,36 +1,33 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.4.1",
+  "version": "9.4.2-alpha.ab0105.0",
   "author": "Codecademy <dev@codecademy.com>",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "dependencies": {
+    "@codecademy/gamut-styles": "16.1.4-alpha.ab0105.0",
+    "@codecademy/variance": "0.21.2-alpha.ab0105.0"
+  },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml",
-    "build": "nx build @codecademy/gamut-icons"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Codecademy/gamut.git"
-  },
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@codecademy/gamut-styles": "16.1.3",
-    "@codecademy/variance": "0.21.1"
-  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "^4.17.5",
     "react": "^17.0.2 || ^18.2.0"
   },
-  "gitHead": "baa23988e9eb59834cafd89bbfd7923dfe1039d9"
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": "git@github.com:Codecademy/gamut.git",
+  "scripts": {
+    "build": "nx build @codecademy/gamut-icons",
+    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
+  },
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "gitHead": "65f4a4ec3d2cc7ff219edacc40de7bf02dcef79b"
 }