@codecademy/gamut-icons 9.4.2-alpha.cd6532.0 → 9.4.2

package/dist/icons/regular/ViewIcon.js

@@ -1,19 +1,29 @@
+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 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, {
+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({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -23,8 +33,8 @@ export const ViewIcon = /*#__PURE__*/React.forwardRef((_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'
@@ -32,7 +42,7 @@ export const ViewIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: `${maskId}`,
+      id: "".concat(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",
@@ -49,12 +59,12 @@ export const ViewIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: `url(#${maskId})`,
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: `100%`,
-        height: `100%`,
-        fill: `currentColor`
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
-  });
+  }));
 });

package/dist/icons/regular/ViewOffIcon.js

@@ -1,19 +1,29 @@
+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 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, {
+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({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -23,8 +33,8 @@ export const ViewOffIcon = /*#__PURE__*/React.forwardRef((_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'
@@ -32,7 +42,7 @@ export const ViewOffIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
@@ -49,12 +59,12 @@ export const ViewOffIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: `url(#${maskId})`,
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: `100%`,
-        height: `100%`,
-        fill: `currentColor`
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
-  });
+  }));
 });

package/dist/icons/regular/VisaIcon.js

@@ -1,19 +1,29 @@
+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 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, {
+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({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -23,8 +33,8 @@ export const VisaIcon = /*#__PURE__*/React.forwardRef((_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'
@@ -32,7 +42,7 @@ export const VisaIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: [/*#__PURE__*/_jsx("path", {
         d: "M.504 3.5h23v17h-23z",
         fill: "none",
@@ -47,12 +57,12 @@ export const VisaIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: `url(#${maskId})`,
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: `100%`,
-        height: `100%`,
-        fill: `currentColor`
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
-  });
+  }));
 });

package/dist/icons/regular/YoutubeIcon.js

@@ -1,19 +1,29 @@
+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 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, {
+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({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -23,8 +33,8 @@ export const YoutubeIcon = /*#__PURE__*/React.forwardRef((_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'
@@ -32,19 +42,19 @@ export const YoutubeIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: `${maskId}`,
+      id: "".concat(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(#${maskId})`,
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: `100%`,
-        height: `100%`,
-        fill: `currentColor`
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
-  });
+  }));
 });

package/dist/icons/regular/ZoomIcon.js

@@ -1,19 +1,29 @@
+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 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, {
+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({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -23,8 +33,8 @@ export const ZoomIcon = /*#__PURE__*/React.forwardRef((_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'
@@ -32,7 +42,7 @@ export const ZoomIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {
-      id: `${maskId}`,
+      id: "".concat(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",
@@ -42,12 +52,12 @@ export const ZoomIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
         strokeWidth: 1.5
       })
     }), /*#__PURE__*/_jsx("g", {
-      mask: `url(#${maskId})`,
+      mask: "url(#".concat(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 const iconProps = variance.compose(system.layout, system.color, system.space, system.positioning, system.border);
-export const Svg = styled('svg', styledOptions())(iconProps);
+export var iconProps = variance.compose(system.layout, system.color, system.space, system.positioning, system.border);
+export var 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) {
-  const generatedId = useId();
-  return useMemo(() => {
-    return `${id}-mask-${generatedId}`;
+  var generatedId = useId();
+  return useMemo(function () {
+    return "".concat(id, "-mask-").concat(generatedId);
   }, [id, generatedId]);
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.4.2-alpha.cd6532.0",
+  "version": "9.4.2",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-styles": "16.1.4-alpha.cd6532.0",
-    "@codecademy/variance": "0.21.2-alpha.cd6532.0"
+    "@codecademy/gamut-styles": "16.1.4",
+    "@codecademy/variance": "0.21.2"
   },
   "files": [
     "dist"
@@ -29,5 +29,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "ed4335a5a592f5210d2ff84f14dc50c897c2a355"
+  "gitHead": "211364c302abe4d75af11ecabd79c9507284abdc"
 }