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

package/dist/patterns/DotRegular.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 DotRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Dot Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('DotRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var DotRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Dot Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('DotRegular');
+  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
@@ -36,7 +43,7 @@ export const DotRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/ExDense.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 ExDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Dense',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('ExDense');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var ExDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Ex Dense' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('ExDense');
+  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
@@ -58,7 +65,7 @@ export const ExDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/ExLoose.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 ExLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Loose',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('ExLoose');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var ExLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Ex Loose' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('ExLoose');
+  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
@@ -58,7 +65,7 @@ export const ExLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/ExRegular.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 ExRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('ExRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var ExRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Ex Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('ExRegular');
+  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
@@ -58,7 +65,7 @@ export const ExRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/FlowerDense.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 FlowerDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Dense',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('FlowerDense');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var FlowerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Flower Dense' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('FlowerDense');
+  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
@@ -52,7 +59,7 @@ export const FlowerDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/FlowerLoose.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 FlowerLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Loose',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('FlowerLoose');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var FlowerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Flower Loose' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('FlowerLoose');
+  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
@@ -52,7 +59,7 @@ export const FlowerLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/FlowerRegular.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 FlowerRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('FlowerRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var FlowerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Flower Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('FlowerRegular');
+  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
@@ -52,7 +59,7 @@ export const FlowerRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/GridDense.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 GridDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Dense',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('GridDense');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var GridDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Grid Dense' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('GridDense');
+  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
@@ -51,7 +58,7 @@ export const GridDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/GridLoose.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 GridLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Loose',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('GridLoose');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var GridLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Grid Loose' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('GridLoose');
+  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
@@ -51,7 +58,7 @@ export const GridLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/GridRegular.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 GridRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Regular',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('GridRegular');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var GridRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Grid Regular' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('GridRegular');
+  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
@@ -51,7 +58,7 @@ export const GridRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });

package/dist/patterns/Herringbone.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 Herringbone = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Herringbone',
-    titleId,
-    ...props
-  } = _ref;
-  const patternId = usePatternId('Herringbone');
-  return /*#__PURE__*/_jsxs(Svg, {
+export var Herringbone = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Herringbone' : _ref$title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+  var patternId = usePatternId('Herringbone');
+  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
@@ -69,7 +76,7 @@ export const Herringbone = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     }), /*#__PURE__*/_jsx("rect", {
       width: "100%",
       height: "100%",
-      fill: `url(#${patternId})`
+      fill: "url(#".concat(patternId, ")")
     })]
-  });
+  }));
 });