@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/RainRegular.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 RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Rain Regular' : _ref$title,
@@ -14,34 +20,38 @@ export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('RainRegular');
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: 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, ")")
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
+ })]
46
56
  }));
47
57
  });
package/dist/patterns/StripeDense.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 StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Stripe Dense' : _ref$title,
@@ -14,66 +20,70 @@ export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('StripeDense');
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
- 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, ")")
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
+ })]
78
88
  }));
79
89
  });
package/dist/patterns/StripeLoose.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 StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Stripe Loose' : _ref$title,
@@ -14,198 +20,202 @@ export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('StripeLoose');
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
- 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, ")")
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
+ })]
210
220
  }));
211
221
  });