@codecademy/gamut-icons 9.29.1-alpha.8ea574.0 → 9.29.1

package/dist/icons/regular/WebDevelopmentIcon.js

@@ -1,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const WebDevelopmentIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('WebDevelopmentIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var WebDevelopmentIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var title = _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('WebDevelopmentIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "#fff",
@@ -22,24 +32,24 @@ export const WebDevelopmentIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) =
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: /*#__PURE__*/_jsx("path", {
         d: "M2.119 1.514a2.327 2.327 0 00-1.448.71c-.296.31-.491.656-.603 1.064l-.056.204v17.112l.052.196c.225.84.89 1.476 1.736 1.656.195.042.631.044 10.152.044 9.53 0 9.957-.002 10.15-.044a2.38 2.38 0 001.659-1.3c.111-.23.212-.554.217-.7l.003-.068.019.06c.01.033.02-3.75.022-8.407.001-5.64-.006-8.463-.022-8.453-.014.009-.024-.014-.024-.055 0-.22-.174-.678-.373-.977a2.348 2.348 0 00-1.739-1.043c-.276-.03-19.446-.028-19.745 0m.074 1.512a.948.948 0 00-.614.491c-.055.12-.055.127-.062 1.302L1.51 6h20.98l-.007-1.182-.007-1.182-.062-.132a.884.884 0 00-.622-.48c-.155-.03-19.45-.029-19.6 0M.013 12.06c0 4.66.003 6.562.006 4.228.003-2.334.003-6.147 0-8.472C.015 5.491.012 7.4.012 12.06m1.5 1.892c0 7.253-.02 6.56.194 6.794a.83.83 0 00.244.185l.126.057 9.78.007c7.225.005 9.817 0 9.923-.02a1.15 1.15 0 00.253-.083c.137-.07.323-.267.392-.415l.052-.113.006-6.426.006-6.426H1.512v6.44m5.854-3.44a.913.913 0 00-.216.072c-.074.037-.578.526-1.691 1.64-1.252 1.253-1.598 1.613-1.643 1.708a.602.602 0 00-.06.3c0 .348-.098.232 1.687 2.02 1.138 1.14 1.632 1.62 1.719 1.668.109.06.146.068.338.068.179 0 .234-.01.32-.055a.83.83 0 00.357-.361.798.798 0 00.007-.64c-.045-.093-.347-.41-1.337-1.404L5.57 14.243l1.272-1.271c1.44-1.44 1.403-1.394 1.402-1.728 0-.156-.011-.214-.06-.309a.771.771 0 00-.817-.422m5.983 0a.863.863 0 00-.417.238c-.04.047-.77 1.48-1.623 3.187l-1.552 3.101v.199c-.001.169.009.218.066.335a.754.754 0 001.23.182c.056-.06.609-1.143 1.637-3.2l1.554-3.108v-.198c-.001-.177-.01-.212-.083-.348a.756.756 0 00-.812-.388m3.017 0a.782.782 0 00-.55.422c-.048.095-.059.153-.06.309 0 .334-.037.289 1.403 1.728l1.272 1.271-1.278 1.285c-.99.994-1.292 1.311-1.337 1.404a.798.798 0 00.007.64c.073.15.2.276.358.36.085.046.14.056.319.056.192 0 .23-.007.338-.068.087-.048.581-.527 1.72-1.668 1.784-1.788 1.687-1.672 1.685-2.02a.602.602 0 00-.059-.3c-.045-.095-.392-.456-1.643-1.709-1.385-1.388-1.602-1.596-1.717-1.647a.787.787 0 00-.458-.063",
         fillRule: "evenodd"
       })
     }), /*#__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/WhatsAppFilledIcon.js

@@ -1,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const WhatsAppFilledIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('WhatsAppFilledIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var WhatsAppFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var title = _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('WhatsAppFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 13 12",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
@@ -22,24 +32,24 @@ export const WhatsAppFilledIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) =
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: /*#__PURE__*/_jsx("path", {
         d: "M6.5.03a6 6 0 00-6 5.955A5.865 5.865 0 001.57 9.37l-.68 2a.255.255 0 00.06.255.25.25 0 00.255.06L3.3 11.02A5.97 5.97 0 106.5.03zm3.6 8.36a1.95 1.95 0 01-1.75 1.045 5.405 5.405 0 01-1.73-.5 6.94 6.94 0 01-2.97-2.58c-.96-1.265-1-2.45-.085-3.43a1.105 1.105 0 01.96-.28.765.765 0 01.6.44l.195.46.315.755a.55.55 0 010 .5 2.595 2.595 0 01-.5.685c.26.388.561.747.9 1.07a4.5 4.5 0 001.365.82c.14-.185.41-.5.5-.64a.5.5 0 01.67-.175c.19.065 1.255.59 1.255.59.136.044.255.13.34.245a1 1 0 01-.065.995z",
         fill: "#fff"
       })
     }), /*#__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/XIcon.js

@@ -1,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const XIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('XIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var XIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var title = _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('XIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 13 12",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "#fff",
@@ -22,13 +32,13 @@ export const XIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: [/*#__PURE__*/_jsx("g", {
         clipPath: "url(#x-icon_svg__x-icon_svg__a)",
         fill: "none",
@@ -49,12 +59,12 @@ export const XIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
         })
       })]
     }), /*#__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,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const YoutubeIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('YoutubeIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+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 title = _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",
@@ -22,25 +32,25 @@ export const YoutubeIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       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/YoutubePlayIcon.js

@@ -1,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const YoutubePlayIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('YoutubePlayIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var YoutubePlayIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var title = _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('YoutubePlayIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "#fff",
@@ -22,13 +32,13 @@ export const YoutubePlayIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {
-      id: `${maskId}`,
+      id: "".concat(maskId),
       children: /*#__PURE__*/_jsx("path", {
         d: "M23.25 7.44A3.44 3.44 0 0019.81 4H4.19A3.44 3.44 0 00.75 7.44v9.12A3.44 3.44 0 004.19 20h15.62a3.44 3.44 0 003.44-3.44zM9.5 15.94V7.28l6.77 4.33z",
         fill: "none",
@@ -38,12 +48,12 @@ export const YoutubePlayIcon = /*#__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/ZoomIcon.js

@@ -1,18 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
-export const ZoomIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title,
-    titleId,
-    size = 16,
-    height = size,
-    width = size,
-    ...props
-  } = _ref;
-  const maskId = useIconId('ZoomIcon');
-  return /*#__PURE__*/_jsxs(Svg, {
+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 title = _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",
@@ -22,13 +32,13 @@ export const ZoomIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     width: width,
     height: height,
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       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",
@@ -38,12 +48,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.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { StyleProps } from '@codecademy/variance';
 export interface IconStyleProps extends StyleProps<typeof iconProps> {
+    /**
+     * Set both the width and height of the icon at the same time
+     * Otherwise the default size is 24 for regular icons and 16 for mini icons
+     */
     size?: StyleProps<typeof iconProps>['width'];
 }
 export interface GamutBaseIconProps extends Omit<React.SVGProps<SVGSVGElement>, keyof IconStyleProps>, IconStyleProps {

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.29.1-alpha.8ea574.0",
+  "version": "9.29.1",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-styles": "16.3.1-alpha.8ea574.0",
-    "@codecademy/variance": "0.21.4-alpha.8ea574.0"
+    "@codecademy/gamut-styles": "16.3.0",
+    "@codecademy/variance": "0.21.3"
   },
   "files": [
     "dist"
@@ -29,5 +29,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "8075db310cebc2efbf749dfa4391736b4c1c23a5"
+  "gitHead": "8f34b3221965d807f44dbd63586219f7725d3061"
 }