@codecademy/gamut-patterns 0.9.8 → 0.9.9-alpha.ab0105.0

package/dist/patterns/RainDense.js

@@ -1,29 +1,22 @@
-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 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({
+export const RainDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Rain Dense',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('RainDense');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -48,7 +41,7 @@ export var RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/patterns/RainLoose.js

@@ -1,29 +1,22 @@
-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 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({
+export const RainLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Rain Loose',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('RainLoose');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -48,7 +41,7 @@ export var RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/patterns/RainRegular.js

@@ -1,29 +1,22 @@
-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 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({
+export const RainRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Rain Regular',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('RainRegular');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -48,7 +41,7 @@ export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/patterns/StripeDense.js

@@ -1,29 +1,22 @@
-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 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({
+export const StripeDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Stripe Dense',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('StripeDense');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -80,7 +73,7 @@ export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/patterns/StripeLoose.js

@@ -1,29 +1,22 @@
-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 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({
+export const StripeLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Stripe Loose',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('StripeLoose');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -212,7 +205,7 @@ export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/patterns/StripeRegular.js

@@ -1,29 +1,22 @@
-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 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({
+export const StripeRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    title = 'Stripe Regular',
+    titleId,
+    ...props
+  } = _ref;
+  const patternId = usePatternId('StripeRegular');
+  return /*#__PURE__*/_jsxs(Svg, {
     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
@@ -124,7 +117,7 @@ export var StripeRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: "url(#".concat(patternId, ")")
+      fill: `url(#${patternId})`
     })]
-  }));
+  });
 });

package/dist/props.js

@@ -1,8 +1,12 @@
+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';
-import styled from '@emotion/styled';
-var patternStyles = variance.compose(system.layout, system.positioning, system.space);
-export var Svg = styled('svg', styledOptions())(patternStyles);
+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= */");
 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) {
-  var generatedId = useId();
-  return useMemo(function () {
-    return "".concat(id, "-pattern-").concat(generatedId);
+  const generatedId = useId();
+  return useMemo(() => {
+    return `${id}-pattern-${generatedId}`;
   }, [id, generatedId]);
 }

package/package.json

@@ -1,23 +1,21 @@
 {
+  "name": "@codecademy/gamut-patterns",
+  "description": "Pattern library for Codecademy",
+  "version": "0.9.9-alpha.ab0105.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
-  "bugs": {
-    "url": "https://github.com/Codecademy/gamut/issues"
-  },
+  "bugs": "https://github.com/Codecademy/gamut/issues",
   "dependencies": {
-    "@codecademy/gamut-styles": "16.1.3",
-    "@codecademy/variance": "0.21.1",
+    "@codecademy/gamut-styles": "16.1.4-alpha.ab0105.0",
+    "@codecademy/variance": "0.21.2-alpha.ab0105.0",
     "classnames": "^2.2.5"
   },
-  "description": "Pattern library for Codecademy",
-  "homepage": "https://github.com/Codecademy/gamut#readme",
-  "name": "@codecademy/gamut-patterns",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.js",
   "files": [
     "dist"
   ],
+  "homepage": "https://github.com/Codecademy/gamut#readme",
   "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
@@ -27,15 +25,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/Codecademy/gamut.git"
-  },
+  "repository": "Codecademy/gamut.git",
   "scripts": {
-    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml",
-    "build": "nx build @codecademy/gamut-patterns"
+    "build": "nx build @codecademy/gamut-patterns",
+    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
   },
   "sideEffects": false,
-  "version": "0.9.8",
-  "gitHead": "baa23988e9eb59834cafd89bbfd7923dfe1039d9"
+  "types": "dist/index.d.ts",
+  "gitHead": "65f4a4ec3d2cc7ff219edacc40de7bf02dcef79b"
 }