@codecademy/gamut-patterns 0.9.9-alpha.cd6532.0 → 0.9.9

package/dist/patterns/RainDense.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const RainDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Dense',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('RainDense');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Rain Dense' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('RainDense');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -41,7 +48,7 @@ export const RainDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/RainLoose.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const RainLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Loose',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('RainLoose');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Rain Loose' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('RainLoose');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -41,7 +48,7 @@ export const RainLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/RainRegular.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const RainRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('RainRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Rain Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('RainRegular');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -41,7 +48,7 @@ export const RainRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/StripeDense.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Dense',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('StripeDense');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Stripe Dense' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('StripeDense');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -73,7 +80,7 @@ export const StripeDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/StripeLoose.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Loose',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('StripeLoose');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Stripe Loose' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('StripeLoose');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -205,7 +212,7 @@ export const StripeLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/StripeRegular.js

@@ -1,22 +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 { usePatternId } from '../usePatternId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('StripeRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var StripeRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Stripe Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('StripeRegular');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     fill: "currentColor",
     role: "img",
     "aria-hidden": "true",
     ref: svgRef,
-    "aria-labelledby": titleId,
-    ...props,
+    "aria-labelledby": titleId
+  }, props), {}, {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
@@ -117,7 +124,7 @@ export const StripeRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/props.js

@@ -1,12 +1,8 @@
-import _styled from "@emotion/styled/base";
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { styledOptions, system } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
-const patternStyles = variance.compose(system.layout, system.positioning, system.space);
-export const Svg = /*#__PURE__*/_styled('svg', _extends({}, {
-  target: "e1dw7vog0",
-  label: "Svg"
-}, styledOptions()))(patternStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9wcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm1CIiwiZmlsZSI6Ii4uL3NyYy9wcm9wcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlZE9wdGlvbnMsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgcGF0dGVyblN0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgdHlwZSBQYXR0ZXJuU3R5bGVQcm9wcyA9IFN0eWxlUHJvcHM8dHlwZW9mIHBhdHRlcm5TdHlsZXM+O1xuZXhwb3J0IGludGVyZmFjZSBQYXR0ZXJuUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+LCBrZXlvZiBQYXR0ZXJuU3R5bGVQcm9wcz4sXG4gICAgUGF0dGVyblN0eWxlUHJvcHMge1xuICAvKipcbiAgICogQSBzdWZmaXggYWRkZWQgdG8gdGhlIGVuZCBvZiB0aGUgdW5pcXVlIGdlbmVyYXRlZCBJRCBmb3IgdGhlIGljb24uIFRoaXMgaXMgdXNlZnVsIGlmIHlvdSBoYXZlIG11bHRpcGxlIG9mIHRoZSBzYW1lIGljb24gb24gdGhlIHBhZ2UgYW5kIG5lZWQgdG8gcGFzcyBhY2Nlc3NpYmlsaXR5IGd1aWRlbGluZXMuXG4gICAqL1xuICB0aXRsZUlkPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgcmVmPzogUmVhY3QuUmVmPFNWR1NWR0VsZW1lbnQ+O1xufVxuXG5leHBvcnQgY29uc3QgU3ZnID0gc3R5bGVkKFxuICAnc3ZnJyxcbiAgc3R5bGVkT3B0aW9uczwnc3ZnJz4oKVxuKTxQYXR0ZXJuUHJvcHM+KHBhdHRlcm5TdHlsZXMpO1xuXG5TdmcuZGVmYXVsdFByb3BzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbn07XG4iXX0= */");
+import styled from '@emotion/styled';
+var patternStyles = variance.compose(system.layout, system.positioning, system.space);
+export var Svg = styled('svg', styledOptions())(patternStyles);
 Svg.defaultProps = {
   width: '100%',
   height: '100%'

package/dist/usePatternId.js

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@codecademy/gamut-patterns",
   "description": "Pattern library for Codecademy",
-  "version": "0.9.9-alpha.cd6532.0",
+  "version": "0.9.9",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bugs": "https://github.com/Codecademy/gamut/issues",
   "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",
     "classnames": "^2.2.5"
   },
   "files": [
@@ -32,5 +32,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "ed4335a5a592f5210d2ff84f14dc50c897c2a355"
+  "gitHead": "211364c302abe4d75af11ecabd79c9507284abdc"
 }