@codecademy/gamut-patterns 0.8.19 → 0.8.20-alpha.b44e47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/patterns/CheckerDense.js +35 -25
  2. package/dist/patterns/CheckerLoose.js +35 -25
  3. package/dist/patterns/CheckerRegular.js +35 -25
  4. package/dist/patterns/DiagonalADense.js +69 -59
  5. package/dist/patterns/DiagonalALoose.js +213 -203
  6. package/dist/patterns/DiagonalARegular.js +117 -107
  7. package/dist/patterns/DiagonalBDense.js +51 -41
  8. package/dist/patterns/DiagonalBLoose.js +119 -109
  9. package/dist/patterns/DiagonalBRegular.js +75 -65
  10. package/dist/patterns/DotDense.js +30 -20
  11. package/dist/patterns/DotLoose.js +73 -63
  12. package/dist/patterns/DotRegular.js +30 -20
  13. package/dist/patterns/ExDense.js +52 -42
  14. package/dist/patterns/ExLoose.js +52 -42
  15. package/dist/patterns/ExRegular.js +52 -42
  16. package/dist/patterns/FlowerDense.js +46 -36
  17. package/dist/patterns/FlowerLoose.js +46 -36
  18. package/dist/patterns/FlowerRegular.js +46 -36
  19. package/dist/patterns/GridDense.js +45 -35
  20. package/dist/patterns/GridLoose.js +45 -35
  21. package/dist/patterns/GridRegular.js +45 -35
  22. package/dist/patterns/Herringbone.js +63 -53
  23. package/dist/patterns/RainDense.js +35 -25
  24. package/dist/patterns/RainLoose.js +35 -25
  25. package/dist/patterns/RainRegular.js +35 -25
  26. package/dist/patterns/StripeDense.js +67 -57
  27. package/dist/patterns/StripeLoose.js +199 -189
  28. package/dist/patterns/StripeRegular.js +111 -101
  29. package/package.json +4 -4
package/dist/patterns/CheckerDense.js CHANGED
@@ -1,4 +1,8 @@
1
- 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); }
1
+ 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; }
2
+
3
+ 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; }
4
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
3
7
  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; }
4
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var CheckerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Checker Dense' : _ref$title,
@@ -14,34 +20,38 @@ export var CheckerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('CheckerDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 2,
38
- y: 2,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 2,
46
+ y: 2,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ })]
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ width: "100%",
53
+ height: "100%",
54
+ fill: "url(#".concat(patternId, ")")
55
+ })]
46
56
  }));
47
57
  });
package/dist/patterns/CheckerLoose.js CHANGED
@@ -1,4 +1,8 @@
1
- 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); }
1
+ 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; }
2
+
3
+ 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; }
4
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
3
7
  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; }
4
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var CheckerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Checker Loose' : _ref$title,
@@ -14,34 +20,38 @@ export var CheckerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('CheckerLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 16,
30
- height: 16,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 8,
38
- y: 8,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 16,
38
+ height: 16,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 8,
46
+ y: 8,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ })]
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ width: "100%",
53
+ height: "100%",
54
+ fill: "url(#".concat(patternId, ")")
55
+ })]
46
56
  }));
47
57
  });
package/dist/patterns/CheckerRegular.js CHANGED
@@ -1,4 +1,8 @@
1
- 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); }
1
+ 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; }
2
+
3
+ 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; }
4
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
3
7
  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; }
4
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var CheckerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Checker Regular' : _ref$title,
@@ -14,34 +20,38 @@ export var CheckerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('CheckerRegular');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 8,
30
- height: 8,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 4,
38
- y: 4,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 8,
38
+ height: 8,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 4,
46
+ y: 4,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ })]
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ width: "100%",
53
+ height: "100%",
54
+ fill: "url(#".concat(patternId, ")")
55
+ })]
46
56
  }));
47
57
  });
package/dist/patterns/DiagonalADense.js CHANGED
@@ -1,4 +1,8 @@
1
- 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); }
1
+ 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; }
2
+
3
+ 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; }
4
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
3
7
  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; }
4
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var DiagonalADense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Diagonal A Dense' : _ref$title,
@@ -14,68 +20,72 @@ export var DiagonalADense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('DiagonalADense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 2,
38
- y: 2,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("rect", {
43
- x: 1,
44
- y: 2,
45
- width: 1,
46
- height: 1,
47
- fill: "currentColor"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 1,
50
- y: 3,
51
- width: 1,
52
- height: 1,
53
- fill: "currentColor"
54
- }), /*#__PURE__*/React.createElement("rect", {
55
- y: 3,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: 3,
61
- width: 1,
62
- height: 1,
63
- fill: "currentColor"
64
- }), /*#__PURE__*/React.createElement("rect", {
65
- x: 3,
66
- y: 1,
67
- width: 1,
68
- height: 1,
69
- fill: "currentColor"
70
- }), /*#__PURE__*/React.createElement("rect", {
71
- x: 2,
72
- y: 1,
73
- width: 1,
74
- height: 1,
75
- fill: "currentColor"
76
- })), /*#__PURE__*/React.createElement("rect", {
77
- width: "100%",
78
- height: "100%",
79
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 2,
46
+ y: 2,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ }), /*#__PURE__*/_jsx("rect", {
51
+ x: 1,
52
+ y: 2,
53
+ width: 1,
54
+ height: 1,
55
+ fill: "currentColor"
56
+ }), /*#__PURE__*/_jsx("rect", {
57
+ x: 1,
58
+ y: 3,
59
+ width: 1,
60
+ height: 1,
61
+ fill: "currentColor"
62
+ }), /*#__PURE__*/_jsx("rect", {
63
+ y: 3,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "currentColor"
67
+ }), /*#__PURE__*/_jsx("rect", {
68
+ x: 3,
69
+ width: 1,
70
+ height: 1,
71
+ fill: "currentColor"
72
+ }), /*#__PURE__*/_jsx("rect", {
73
+ x: 3,
74
+ y: 1,
75
+ width: 1,
76
+ height: 1,
77
+ fill: "currentColor"
78
+ }), /*#__PURE__*/_jsx("rect", {
79
+ x: 2,
80
+ y: 1,
81
+ width: 1,
82
+ height: 1,
83
+ fill: "currentColor"
84
+ })]
85
+ }), /*#__PURE__*/_jsx("rect", {
86
+ width: "100%",
87
+ height: "100%",
88
+ fill: "url(#".concat(patternId, ")")
89
+ })]
80
90
  }));
81
91
  });