@codecademy/gamut-patterns 0.8.16-alpha.61dd4b.0 → 0.8.16-alpha.7039ca.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 +25 -35
  2. package/dist/patterns/CheckerLoose.js +25 -35
  3. package/dist/patterns/CheckerRegular.js +25 -35
  4. package/dist/patterns/DiagonalADense.js +59 -69
  5. package/dist/patterns/DiagonalALoose.js +203 -213
  6. package/dist/patterns/DiagonalARegular.js +107 -117
  7. package/dist/patterns/DiagonalBDense.js +41 -51
  8. package/dist/patterns/DiagonalBLoose.js +109 -119
  9. package/dist/patterns/DiagonalBRegular.js +65 -75
  10. package/dist/patterns/DotDense.js +20 -30
  11. package/dist/patterns/DotLoose.js +63 -73
  12. package/dist/patterns/DotRegular.js +20 -30
  13. package/dist/patterns/ExDense.js +42 -52
  14. package/dist/patterns/ExLoose.js +42 -52
  15. package/dist/patterns/ExRegular.js +42 -52
  16. package/dist/patterns/FlowerDense.js +36 -46
  17. package/dist/patterns/FlowerLoose.js +36 -46
  18. package/dist/patterns/FlowerRegular.js +36 -46
  19. package/dist/patterns/GridDense.js +35 -45
  20. package/dist/patterns/GridLoose.js +35 -45
  21. package/dist/patterns/GridRegular.js +35 -45
  22. package/dist/patterns/Herringbone.js +53 -63
  23. package/dist/patterns/RainDense.js +25 -35
  24. package/dist/patterns/RainLoose.js +25 -35
  25. package/dist/patterns/RainRegular.js +25 -35
  26. package/dist/patterns/StripeDense.js +57 -67
  27. package/dist/patterns/StripeLoose.js +189 -199
  28. package/dist/patterns/StripeRegular.js +101 -111
  29. package/package.json +4 -4
package/dist/patterns/RainRegular.js CHANGED
@@ -1,8 +1,4 @@
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; }
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); }
6
2
 
7
3
  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; }
8
4
 
@@ -11,8 +7,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
11
7
  import * as React from 'react';
12
8
  import { Svg } from '../props';
13
9
  import { usePatternId } from '../usePatternId';
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- import { jsxs as _jsxs } from "react/jsx-runtime";
16
10
  export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
17
11
  var _ref$title = _ref.title,
18
12
  title = _ref$title === void 0 ? 'Rain Regular' : _ref$title,
@@ -20,38 +14,34 @@ export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
20
14
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
21
15
 
22
16
  var patternId = usePatternId('RainRegular');
23
- return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
24
18
  fill: "currentColor",
25
19
  role: "img",
26
20
  "aria-hidden": "true",
27
21
  ref: svgRef,
28
22
  "aria-labelledby": titleId
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: 1,
46
- y: 1,
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
- })]
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: 1,
38
+ y: 1,
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, ")")
56
46
  }));
57
47
  });
package/dist/patterns/StripeDense.js CHANGED
@@ -1,8 +1,4 @@
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; }
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); }
6
2
 
7
3
  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; }
8
4
 
@@ -11,8 +7,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
11
7
  import * as React from 'react';
12
8
  import { Svg } from '../props';
13
9
  import { usePatternId } from '../usePatternId';
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- import { jsxs as _jsxs } from "react/jsx-runtime";
16
10
  export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
17
11
  var _ref$title = _ref.title,
18
12
  title = _ref$title === void 0 ? 'Stripe Dense' : _ref$title,
@@ -20,70 +14,66 @@ export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
20
14
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
21
15
 
22
16
  var patternId = usePatternId('StripeDense');
23
- return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
24
18
  fill: "currentColor",
25
19
  role: "img",
26
20
  "aria-hidden": "true",
27
21
  ref: svgRef,
28
22
  "aria-labelledby": titleId
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
- x: 1,
42
- width: 1,
43
- height: 1,
44
- fill: "currentColor"
45
- }), /*#__PURE__*/_jsx("rect", {
46
- width: 1,
47
- height: 1,
48
- fill: "currentColor"
49
- }), /*#__PURE__*/_jsx("rect", {
50
- x: 2,
51
- width: 1,
52
- height: 1,
53
- fill: "currentColor"
54
- }), /*#__PURE__*/_jsx("rect", {
55
- x: 3,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- }), /*#__PURE__*/_jsx("rect", {
60
- x: 1,
61
- y: 2,
62
- width: 1,
63
- height: 1,
64
- fill: "currentColor"
65
- }), /*#__PURE__*/_jsx("rect", {
66
- y: 2,
67
- width: 1,
68
- height: 1,
69
- fill: "currentColor"
70
- }), /*#__PURE__*/_jsx("rect", {
71
- x: 2,
72
- y: 2,
73
- width: 1,
74
- height: 1,
75
- fill: "currentColor"
76
- }), /*#__PURE__*/_jsx("rect", {
77
- x: 3,
78
- y: 2,
79
- width: 1,
80
- height: 1,
81
- fill: "currentColor"
82
- })]
83
- }), /*#__PURE__*/_jsx("rect", {
84
- width: "100%",
85
- height: "100%",
86
- fill: "url(#".concat(patternId, ")")
87
- })]
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
+ x: 1,
34
+ width: 1,
35
+ height: 1,
36
+ fill: "currentColor"
37
+ }), /*#__PURE__*/React.createElement("rect", {
38
+ width: 1,
39
+ height: 1,
40
+ fill: "currentColor"
41
+ }), /*#__PURE__*/React.createElement("rect", {
42
+ x: 2,
43
+ width: 1,
44
+ height: 1,
45
+ fill: "currentColor"
46
+ }), /*#__PURE__*/React.createElement("rect", {
47
+ x: 3,
48
+ width: 1,
49
+ height: 1,
50
+ fill: "currentColor"
51
+ }), /*#__PURE__*/React.createElement("rect", {
52
+ x: 1,
53
+ y: 2,
54
+ width: 1,
55
+ height: 1,
56
+ fill: "currentColor"
57
+ }), /*#__PURE__*/React.createElement("rect", {
58
+ y: 2,
59
+ width: 1,
60
+ height: 1,
61
+ fill: "currentColor"
62
+ }), /*#__PURE__*/React.createElement("rect", {
63
+ x: 2,
64
+ y: 2,
65
+ width: 1,
66
+ height: 1,
67
+ fill: "currentColor"
68
+ }), /*#__PURE__*/React.createElement("rect", {
69
+ x: 3,
70
+ y: 2,
71
+ width: 1,
72
+ height: 1,
73
+ fill: "currentColor"
74
+ })), /*#__PURE__*/React.createElement("rect", {
75
+ width: "100%",
76
+ height: "100%",
77
+ fill: "url(#".concat(patternId, ")")
88
78
  }));
89
79
  });
package/dist/patterns/StripeLoose.js CHANGED
@@ -1,8 +1,4 @@
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; }
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); }
6
2
 
7
3
  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; }
8
4
 
@@ -11,8 +7,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
11
7
  import * as React from 'react';
12
8
  import { Svg } from '../props';
13
9
  import { usePatternId } from '../usePatternId';
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- import { jsxs as _jsxs } from "react/jsx-runtime";
16
10
  export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
17
11
  var _ref$title = _ref.title,
18
12
  title = _ref$title === void 0 ? 'Stripe Loose' : _ref$title,
@@ -20,202 +14,198 @@ export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
20
14
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
21
15
 
22
16
  var patternId = usePatternId('StripeLoose');
23
- return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
24
18
  fill: "currentColor",
25
19
  role: "img",
26
20
  "aria-hidden": "true",
27
21
  ref: svgRef,
28
22
  "aria-labelledby": titleId
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
- x: 1,
42
- width: 1,
43
- height: 1,
44
- fill: "currentColor"
45
- }), /*#__PURE__*/_jsx("rect", {
46
- width: 1,
47
- height: 1,
48
- fill: "currentColor"
49
- }), /*#__PURE__*/_jsx("rect", {
50
- x: 2,
51
- width: 1,
52
- height: 1,
53
- fill: "currentColor"
54
- }), /*#__PURE__*/_jsx("rect", {
55
- x: 3,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- }), /*#__PURE__*/_jsx("rect", {
60
- x: 1,
61
- y: 8,
62
- width: 1,
63
- height: 1,
64
- fill: "currentColor"
65
- }), /*#__PURE__*/_jsx("rect", {
66
- y: 8,
67
- width: 1,
68
- height: 1,
69
- fill: "currentColor"
70
- }), /*#__PURE__*/_jsx("rect", {
71
- x: 2,
72
- y: 8,
73
- width: 1,
74
- height: 1,
75
- fill: "currentColor"
76
- }), /*#__PURE__*/_jsx("rect", {
77
- x: 3,
78
- y: 8,
79
- width: 1,
80
- height: 1,
81
- fill: "currentColor"
82
- }), /*#__PURE__*/_jsx("rect", {
83
- x: 5,
84
- width: 1,
85
- height: 1,
86
- fill: "currentColor"
87
- }), /*#__PURE__*/_jsx("rect", {
88
- x: 4,
89
- width: 1,
90
- height: 1,
91
- fill: "currentColor"
92
- }), /*#__PURE__*/_jsx("rect", {
93
- x: 6,
94
- width: 1,
95
- height: 1,
96
- fill: "currentColor"
97
- }), /*#__PURE__*/_jsx("rect", {
98
- x: 7,
99
- width: 1,
100
- height: 1,
101
- fill: "currentColor"
102
- }), /*#__PURE__*/_jsx("rect", {
103
- x: 5,
104
- y: 8,
105
- width: 1,
106
- height: 1,
107
- fill: "currentColor"
108
- }), /*#__PURE__*/_jsx("rect", {
109
- x: 4,
110
- y: 8,
111
- width: 1,
112
- height: 1,
113
- fill: "currentColor"
114
- }), /*#__PURE__*/_jsx("rect", {
115
- x: 6,
116
- y: 8,
117
- width: 1,
118
- height: 1,
119
- fill: "currentColor"
120
- }), /*#__PURE__*/_jsx("rect", {
121
- x: 7,
122
- y: 8,
123
- width: 1,
124
- height: 1,
125
- fill: "currentColor"
126
- }), /*#__PURE__*/_jsx("rect", {
127
- x: 9,
128
- width: 1,
129
- height: 1,
130
- fill: "currentColor"
131
- }), /*#__PURE__*/_jsx("rect", {
132
- x: 8,
133
- width: 1,
134
- height: 1,
135
- fill: "currentColor"
136
- }), /*#__PURE__*/_jsx("rect", {
137
- x: 10,
138
- width: 1,
139
- height: 1,
140
- fill: "currentColor"
141
- }), /*#__PURE__*/_jsx("rect", {
142
- x: 11,
143
- width: 1,
144
- height: 1,
145
- fill: "currentColor"
146
- }), /*#__PURE__*/_jsx("rect", {
147
- x: 9,
148
- y: 8,
149
- width: 1,
150
- height: 1,
151
- fill: "currentColor"
152
- }), /*#__PURE__*/_jsx("rect", {
153
- x: 8,
154
- y: 8,
155
- width: 1,
156
- height: 1,
157
- fill: "currentColor"
158
- }), /*#__PURE__*/_jsx("rect", {
159
- x: 10,
160
- y: 8,
161
- width: 1,
162
- height: 1,
163
- fill: "currentColor"
164
- }), /*#__PURE__*/_jsx("rect", {
165
- x: 11,
166
- y: 8,
167
- width: 1,
168
- height: 1,
169
- fill: "currentColor"
170
- }), /*#__PURE__*/_jsx("rect", {
171
- x: 13,
172
- width: 1,
173
- height: 1,
174
- fill: "currentColor"
175
- }), /*#__PURE__*/_jsx("rect", {
176
- x: 12,
177
- width: 1,
178
- height: 1,
179
- fill: "currentColor"
180
- }), /*#__PURE__*/_jsx("rect", {
181
- x: 14,
182
- width: 1,
183
- height: 1,
184
- fill: "currentColor"
185
- }), /*#__PURE__*/_jsx("rect", {
186
- x: 15,
187
- width: 1,
188
- height: 1,
189
- fill: "currentColor"
190
- }), /*#__PURE__*/_jsx("rect", {
191
- x: 13,
192
- y: 8,
193
- width: 1,
194
- height: 1,
195
- fill: "currentColor"
196
- }), /*#__PURE__*/_jsx("rect", {
197
- x: 12,
198
- y: 8,
199
- width: 1,
200
- height: 1,
201
- fill: "currentColor"
202
- }), /*#__PURE__*/_jsx("rect", {
203
- x: 14,
204
- y: 8,
205
- width: 1,
206
- height: 1,
207
- fill: "currentColor"
208
- }), /*#__PURE__*/_jsx("rect", {
209
- x: 15,
210
- y: 8,
211
- width: 1,
212
- height: 1,
213
- fill: "currentColor"
214
- })]
215
- }), /*#__PURE__*/_jsx("rect", {
216
- width: "100%",
217
- height: "100%",
218
- fill: "url(#".concat(patternId, ")")
219
- })]
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
+ x: 1,
34
+ width: 1,
35
+ height: 1,
36
+ fill: "currentColor"
37
+ }), /*#__PURE__*/React.createElement("rect", {
38
+ width: 1,
39
+ height: 1,
40
+ fill: "currentColor"
41
+ }), /*#__PURE__*/React.createElement("rect", {
42
+ x: 2,
43
+ width: 1,
44
+ height: 1,
45
+ fill: "currentColor"
46
+ }), /*#__PURE__*/React.createElement("rect", {
47
+ x: 3,
48
+ width: 1,
49
+ height: 1,
50
+ fill: "currentColor"
51
+ }), /*#__PURE__*/React.createElement("rect", {
52
+ x: 1,
53
+ y: 8,
54
+ width: 1,
55
+ height: 1,
56
+ fill: "currentColor"
57
+ }), /*#__PURE__*/React.createElement("rect", {
58
+ y: 8,
59
+ width: 1,
60
+ height: 1,
61
+ fill: "currentColor"
62
+ }), /*#__PURE__*/React.createElement("rect", {
63
+ x: 2,
64
+ y: 8,
65
+ width: 1,
66
+ height: 1,
67
+ fill: "currentColor"
68
+ }), /*#__PURE__*/React.createElement("rect", {
69
+ x: 3,
70
+ y: 8,
71
+ width: 1,
72
+ height: 1,
73
+ fill: "currentColor"
74
+ }), /*#__PURE__*/React.createElement("rect", {
75
+ x: 5,
76
+ width: 1,
77
+ height: 1,
78
+ fill: "currentColor"
79
+ }), /*#__PURE__*/React.createElement("rect", {
80
+ x: 4,
81
+ width: 1,
82
+ height: 1,
83
+ fill: "currentColor"
84
+ }), /*#__PURE__*/React.createElement("rect", {
85
+ x: 6,
86
+ width: 1,
87
+ height: 1,
88
+ fill: "currentColor"
89
+ }), /*#__PURE__*/React.createElement("rect", {
90
+ x: 7,
91
+ width: 1,
92
+ height: 1,
93
+ fill: "currentColor"
94
+ }), /*#__PURE__*/React.createElement("rect", {
95
+ x: 5,
96
+ y: 8,
97
+ width: 1,
98
+ height: 1,
99
+ fill: "currentColor"
100
+ }), /*#__PURE__*/React.createElement("rect", {
101
+ x: 4,
102
+ y: 8,
103
+ width: 1,
104
+ height: 1,
105
+ fill: "currentColor"
106
+ }), /*#__PURE__*/React.createElement("rect", {
107
+ x: 6,
108
+ y: 8,
109
+ width: 1,
110
+ height: 1,
111
+ fill: "currentColor"
112
+ }), /*#__PURE__*/React.createElement("rect", {
113
+ x: 7,
114
+ y: 8,
115
+ width: 1,
116
+ height: 1,
117
+ fill: "currentColor"
118
+ }), /*#__PURE__*/React.createElement("rect", {
119
+ x: 9,
120
+ width: 1,
121
+ height: 1,
122
+ fill: "currentColor"
123
+ }), /*#__PURE__*/React.createElement("rect", {
124
+ x: 8,
125
+ width: 1,
126
+ height: 1,
127
+ fill: "currentColor"
128
+ }), /*#__PURE__*/React.createElement("rect", {
129
+ x: 10,
130
+ width: 1,
131
+ height: 1,
132
+ fill: "currentColor"
133
+ }), /*#__PURE__*/React.createElement("rect", {
134
+ x: 11,
135
+ width: 1,
136
+ height: 1,
137
+ fill: "currentColor"
138
+ }), /*#__PURE__*/React.createElement("rect", {
139
+ x: 9,
140
+ y: 8,
141
+ width: 1,
142
+ height: 1,
143
+ fill: "currentColor"
144
+ }), /*#__PURE__*/React.createElement("rect", {
145
+ x: 8,
146
+ y: 8,
147
+ width: 1,
148
+ height: 1,
149
+ fill: "currentColor"
150
+ }), /*#__PURE__*/React.createElement("rect", {
151
+ x: 10,
152
+ y: 8,
153
+ width: 1,
154
+ height: 1,
155
+ fill: "currentColor"
156
+ }), /*#__PURE__*/React.createElement("rect", {
157
+ x: 11,
158
+ y: 8,
159
+ width: 1,
160
+ height: 1,
161
+ fill: "currentColor"
162
+ }), /*#__PURE__*/React.createElement("rect", {
163
+ x: 13,
164
+ width: 1,
165
+ height: 1,
166
+ fill: "currentColor"
167
+ }), /*#__PURE__*/React.createElement("rect", {
168
+ x: 12,
169
+ width: 1,
170
+ height: 1,
171
+ fill: "currentColor"
172
+ }), /*#__PURE__*/React.createElement("rect", {
173
+ x: 14,
174
+ width: 1,
175
+ height: 1,
176
+ fill: "currentColor"
177
+ }), /*#__PURE__*/React.createElement("rect", {
178
+ x: 15,
179
+ width: 1,
180
+ height: 1,
181
+ fill: "currentColor"
182
+ }), /*#__PURE__*/React.createElement("rect", {
183
+ x: 13,
184
+ y: 8,
185
+ width: 1,
186
+ height: 1,
187
+ fill: "currentColor"
188
+ }), /*#__PURE__*/React.createElement("rect", {
189
+ x: 12,
190
+ y: 8,
191
+ width: 1,
192
+ height: 1,
193
+ fill: "currentColor"
194
+ }), /*#__PURE__*/React.createElement("rect", {
195
+ x: 14,
196
+ y: 8,
197
+ width: 1,
198
+ height: 1,
199
+ fill: "currentColor"
200
+ }), /*#__PURE__*/React.createElement("rect", {
201
+ x: 15,
202
+ y: 8,
203
+ width: 1,
204
+ height: 1,
205
+ fill: "currentColor"
206
+ })), /*#__PURE__*/React.createElement("rect", {
207
+ width: "100%",
208
+ height: "100%",
209
+ fill: "url(#".concat(patternId, ")")
220
210
  }));
221
211
  });