@codecademy/gamut-icons 9.14.0 → 9.15.0

package/dist/icons/regular/EmailFilledIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const EmailFilledIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/EmailFilledIcon.js

@@ -0,0 +1,70 @@
+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 EmailFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Email Filled 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('EmailFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+    viewBox: "0 0 13 12",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), {}, {
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsxs("g", {
+        clipPath: "url(#email-filled-icon_svg__email-filled-icon_svg__a)",
+        children: [/*#__PURE__*/_jsx("title", {
+          children: 'email-filled'
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M6.055 7.28a.635.635 0 00.885 0l4.845-4.845a.25.25 0 00-.017-.368.255.255 0 00-.123-.057L11.5 2H1.355a.25.25 0 00-.2.17.24.24 0 00.06.255l4.84 4.855z"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M12.445 2.915a.09.09 0 00-.1 0l-3.1 3.1a.12.12 0 000 .18l2.5 2.5a.375.375 0 01-.53.53l-2.5-2.5a.125.125 0 00-.18 0L7.47 7.79a1.38 1.38 0 01-1.945 0l-1.06-1.045a.12.12 0 00-.18 0l-2.5 2.5a.375.375 0 01-.53-.53l2.5-2.5a.12.12 0 000-.18l-3.1-3.1a.09.09 0 00-.1 0A.09.09 0 00.5 3v6a1 1 0 001 1h10a1 1 0 001-1V3a.09.09 0 00-.055-.085z"
+        })]
+      }), /*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("clipPath", {
+          id: "email-filled-icon_svg__email-filled-icon_svg__a",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "none",
+            d: "M.5 0h12v12H.5z"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
+    })]
+  }));
+});

package/dist/icons/regular/WhatsAppIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const WhatsAppIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/WhatsAppIcon.js

@@ -0,0 +1,59 @@
+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 WhatsAppIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Whats App 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('WhatsAppIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+    viewBox: "0 0 13 12",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), {}, {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'whats-app'
+    }) : title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      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(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
+    })]
+  }));
+});

package/dist/icons/regular/XIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const XIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/XIcon.js

@@ -0,0 +1,74 @@
+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 XIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'X 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('XIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+    viewBox: "0 0 13 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), {}, {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'x formerly twitter'
+    }) : title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("g", {
+        clipPath: "url(#x-icon_svg__x-icon_svg__a)",
+        fill: "none",
+        stroke: "#fff",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M9.323 11.586L.875.375h2.802l8.448 11.211H9.323zM11.727.375L7.273 5.151m-6 6.436l4.45-4.773"
+        })
+      }), /*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("clipPath", {
+          id: "x-icon_svg__x-icon_svg__a",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "#fff",
+            d: "M.5 0h12v12H.5z"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
+    })]
+  }));
+});

package/dist/icons/regular/index.d.ts

@@ -59,6 +59,7 @@ export * from './DownloadIcon';
 export * from './EarthIcon';
 export * from './EditIcon';
 export * from './EditorIcon';
+export * from './EmailFilledIcon';
 export * from './EmailIcon';
 export * from './ExperienceIcon';
 export * from './ExploreIcon';
@@ -212,5 +213,7 @@ export * from './VideoPlayerMovieIcon';
 export * from './ViewIcon';
 export * from './ViewOffIcon';
 export * from './VisaIcon';
+export * from './WhatsAppIcon';
+export * from './XIcon';
 export * from './YoutubeIcon';
 export * from './ZoomIcon';

package/dist/icons/regular/index.js

@@ -59,6 +59,7 @@ export * from './DownloadIcon';
 export * from './EarthIcon';
 export * from './EditIcon';
 export * from './EditorIcon';
+export * from './EmailFilledIcon';
 export * from './EmailIcon';
 export * from './ExperienceIcon';
 export * from './ExploreIcon';
@@ -212,5 +213,7 @@ export * from './VideoPlayerMovieIcon';
 export * from './ViewIcon';
 export * from './ViewOffIcon';
 export * from './VisaIcon';
+export * from './WhatsAppIcon';
+export * from './XIcon';
 export * from './YoutubeIcon';
 export * from './ZoomIcon';

package/dist/svg/regular/email-filled-icon.svg

@@ -0,0 +1 @@
+<svg width="13" height="12"  viewBox="0 0 13 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="currentColor"><title>email-filled</title><path d="M6.055 7.28a.635.635 0 0 0 .885 0l4.845-4.845a.25.25 0 0 0-.017-.368.255.255 0 0 0-.123-.057L11.5 2H1.355a.25.25 0 0 0-.2.17.24.24 0 0 0 .06.255l4.84 4.855Z"/><path d="M12.445 2.915a.09.09 0 0 0-.1 0l-3.1 3.1a.12.12 0 0 0 0 .18l2.5 2.5a.375.375 0 0 1-.53.53l-2.5-2.5a.125.125 0 0 0-.18 0L7.47 7.79a1.38 1.38 0 0 1-1.945 0l-1.06-1.045a.12.12 0 0 0-.18 0l-2.5 2.5a.375.375 0 0 1-.53-.53l2.5-2.5a.12.12 0 0 0 0-.18l-3.1-3.1a.09.09 0 0 0-.1 0A.09.09 0 0 0 .5 3v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a.09.09 0 0 0-.055-.085Z"/></g><defs><clipPath id="a"><path fill="none" d="M.5 0h12v12H.5z"/></clipPath></defs></svg>

package/dist/svg/regular/whats-app-icon.svg

@@ -0,0 +1 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><title>whats-app</title><path d="M6.5.03a6 6 0 0 0-6 5.955A5.865 5.865 0 0 0 1.57 9.37l-.68 2a.255.255 0 0 0 .06.255.25.25 0 0 0 .255.06L3.3 11.02A5.97 5.97 0 1 0 6.5.03Zm3.6 8.36a1.95 1.95 0 0 1-1.75 1.045 5.405 5.405 0 0 1-1.73-.5 6.94 6.94 0 0 1-2.97-2.58c-.96-1.265-1-2.45-.085-3.43a1.105 1.105 0 0 1 .96-.28.765.765 0 0 1 .6.44l.195.46.315.755a.55.55 0 0 1 0 .5 2.595 2.595 0 0 1-.5.685c.26.388.561.747.9 1.07a4.5 4.5 0 0 0 1.365.82c.14-.185.41-.5.5-.64a.5.5 0 0 1 .67-.175c.19.065 1.255.59 1.255.59.136.044.255.13.34.245a1 1 0 0 1-.065.995Z" fill="currentColor"/></svg>

package/dist/svg/regular/x-icon.svg

@@ -0,0 +1,2 @@
+<svg width="13" height="12" viewBox="0 0 13 12" xmlns="http://www.w3.org/2000/svg"><title>x formerly twitter</title><g clip-path="url(#a)" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.323 11.586.875.375h2.802l8.448 11.211H9.323ZM11.727.375 7.273 5.151M1.273 11.587l4.45-4.773"/></g><defs><clipPath id="a"><path fill="#fff" d="M.5 0h12v12H.5z"/></clipPath></defs></svg>
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.14.0",
+  "version": "9.15.0",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-styles": "16.2.0",
@@ -29,5 +29,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "7ec8af66d9e8ae78e50b3f22fc198e4813eee651"
+  "gitHead": "6ef95a22385018aefb78ae7c42abd4fe55741183"
 }