@codecademy/gamut-patterns 1.0.0-alpha.f6cb5a.0 → 1.0.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 (43) hide show
  1. package/dist/patterns/CheckerDense.js +37 -39
  2. package/dist/patterns/CheckerLoose.js +37 -39
  3. package/dist/patterns/CheckerRegular.js +37 -39
  4. package/dist/patterns/DiagonalADense.js +71 -73
  5. package/dist/patterns/DiagonalALoose.js +215 -217
  6. package/dist/patterns/DiagonalARegular.js +119 -121
  7. package/dist/patterns/DiagonalBDense.js +53 -55
  8. package/dist/patterns/DiagonalBLoose.js +121 -123
  9. package/dist/patterns/DiagonalBRegular.js +77 -79
  10. package/dist/patterns/DotDense.js +32 -34
  11. package/dist/patterns/DotLoose.js +75 -77
  12. package/dist/patterns/DotRegular.js +32 -34
  13. package/dist/patterns/ExDense.js +54 -56
  14. package/dist/patterns/ExLoose.js +54 -56
  15. package/dist/patterns/ExRegular.js +54 -56
  16. package/dist/patterns/FlowerDense.js +48 -50
  17. package/dist/patterns/FlowerLoose.js +48 -50
  18. package/dist/patterns/FlowerRegular.js +48 -50
  19. package/dist/patterns/GridDense.js +47 -49
  20. package/dist/patterns/GridLoose.js +47 -49
  21. package/dist/patterns/GridRegular.js +47 -49
  22. package/dist/patterns/Herringbone.js +65 -67
  23. package/dist/patterns/RainDense.js +37 -39
  24. package/dist/patterns/RainLoose.js +37 -39
  25. package/dist/patterns/RainRegular.js +37 -39
  26. package/dist/patterns/StripeDense.js +69 -71
  27. package/dist/patterns/StripeLoose.js +201 -203
  28. package/dist/patterns/StripeRegular.js +113 -115
  29. package/dist/props.d.ts +141 -32
  30. package/dist/props.js +14 -6
  31. package/dist/types.js +1 -0
  32. package/dist/usePatternId.js +5 -8
  33. package/package.json +17 -30
  34. package/.svgo.yml +0 -11
  35. package/CHANGELOG.md +0 -329
  36. package/LICENSE +0 -21
  37. package/babel.config.js +0 -5
  38. package/emotion-plugin.js +0 -46
  39. package/index-template.js +0 -10
  40. package/jest.config.js +0 -1
  41. package/pattern-template.js +0 -30
  42. package/svgr.config.js +0 -29
  43. package/tsconfig.json +0 -12
package/dist/patterns/DiagonalARegular.js CHANGED
@@ -1,129 +1,127 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
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; }
4
-
5
- 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; }
6
-
7
1
  import * as React from 'react';
8
2
  import { Svg } from '../props';
9
3
  import { usePatternId } from '../usePatternId';
10
- export var DiagonalARegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Diagonal A Regular' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('DiagonalARegular');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const DiagonalARegular = /*#__PURE__*/React.forwardRef(({
6
+ title = 'Diagonal A Regular',
7
+ titleId,
8
+ ...props
9
+ }, svgRef) => {
10
+ const patternId = usePatternId('DiagonalARegular');
11
+ return /*#__PURE__*/_jsxs(Svg, {
18
12
  fill: "currentColor",
19
13
  role: "img",
20
14
  "aria-hidden": "true",
21
15
  ref: svgRef,
22
- "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: 6,
38
- y: 2,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("rect", {
43
- x: 5,
44
- y: 2,
45
- width: 1,
46
- height: 1,
47
- fill: "currentColor"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 5,
50
- y: 3,
51
- width: 1,
52
- height: 1,
53
- fill: "currentColor"
54
- }), /*#__PURE__*/React.createElement("rect", {
55
- x: 4,
56
- y: 3,
57
- width: 1,
58
- height: 1,
59
- fill: "currentColor"
60
- }), /*#__PURE__*/React.createElement("rect", {
61
- x: 7,
62
- width: 1,
63
- height: 1,
64
- fill: "currentColor"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- x: 7,
67
- y: 1,
68
- width: 1,
69
- height: 1,
70
- fill: "currentColor"
71
- }), /*#__PURE__*/React.createElement("rect", {
72
- x: 6,
73
- y: 1,
74
- width: 1,
75
- height: 1,
76
- fill: "currentColor"
77
- }), /*#__PURE__*/React.createElement("rect", {
78
- x: 3,
79
- y: 5,
80
- width: 1,
81
- height: 1,
82
- fill: "currentColor"
83
- }), /*#__PURE__*/React.createElement("rect", {
84
- x: 2,
85
- y: 5,
86
- width: 1,
87
- height: 1,
88
- fill: "currentColor"
89
- }), /*#__PURE__*/React.createElement("rect", {
90
- x: 2,
91
- y: 6,
92
- width: 1,
93
- height: 1,
94
- fill: "currentColor"
95
- }), /*#__PURE__*/React.createElement("rect", {
96
- x: 1,
97
- y: 6,
98
- width: 1,
99
- height: 1,
100
- fill: "currentColor"
101
- }), /*#__PURE__*/React.createElement("rect", {
102
- y: 7,
103
- width: 1,
104
- height: 1,
105
- fill: "currentColor"
106
- }), /*#__PURE__*/React.createElement("rect", {
107
- x: 1,
108
- y: 7,
109
- width: 1,
110
- height: 1,
111
- fill: "currentColor"
112
- }), /*#__PURE__*/React.createElement("rect", {
113
- x: 4,
114
- y: 4,
115
- width: 1,
116
- height: 1,
117
- fill: "currentColor"
118
- }), /*#__PURE__*/React.createElement("rect", {
119
- x: 3,
120
- y: 4,
121
- width: 1,
122
- height: 1,
123
- fill: "currentColor"
124
- })), /*#__PURE__*/React.createElement("rect", {
125
- width: "100%",
126
- height: "100%",
127
- fill: "url(#".concat(patternId, ")")
128
- }));
16
+ "aria-labelledby": titleId,
17
+ ...props,
18
+ children: [title ? /*#__PURE__*/_jsx("title", {
19
+ id: titleId,
20
+ children: title
21
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
22
+ id: patternId,
23
+ x: 0,
24
+ y: 0,
25
+ width: 8,
26
+ height: 8,
27
+ patternUnits: "userSpaceOnUse",
28
+ children: [/*#__PURE__*/_jsx("rect", {
29
+ width: 1,
30
+ height: 1,
31
+ fill: "currentColor"
32
+ }), /*#__PURE__*/_jsx("rect", {
33
+ x: 6,
34
+ y: 2,
35
+ width: 1,
36
+ height: 1,
37
+ fill: "currentColor"
38
+ }), /*#__PURE__*/_jsx("rect", {
39
+ x: 5,
40
+ y: 2,
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 5,
46
+ y: 3,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ }), /*#__PURE__*/_jsx("rect", {
51
+ x: 4,
52
+ y: 3,
53
+ width: 1,
54
+ height: 1,
55
+ fill: "currentColor"
56
+ }), /*#__PURE__*/_jsx("rect", {
57
+ x: 7,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ x: 7,
63
+ y: 1,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "currentColor"
67
+ }), /*#__PURE__*/_jsx("rect", {
68
+ x: 6,
69
+ y: 1,
70
+ width: 1,
71
+ height: 1,
72
+ fill: "currentColor"
73
+ }), /*#__PURE__*/_jsx("rect", {
74
+ x: 3,
75
+ y: 5,
76
+ width: 1,
77
+ height: 1,
78
+ fill: "currentColor"
79
+ }), /*#__PURE__*/_jsx("rect", {
80
+ x: 2,
81
+ y: 5,
82
+ width: 1,
83
+ height: 1,
84
+ fill: "currentColor"
85
+ }), /*#__PURE__*/_jsx("rect", {
86
+ x: 2,
87
+ y: 6,
88
+ width: 1,
89
+ height: 1,
90
+ fill: "currentColor"
91
+ }), /*#__PURE__*/_jsx("rect", {
92
+ x: 1,
93
+ y: 6,
94
+ width: 1,
95
+ height: 1,
96
+ fill: "currentColor"
97
+ }), /*#__PURE__*/_jsx("rect", {
98
+ y: 7,
99
+ width: 1,
100
+ height: 1,
101
+ fill: "currentColor"
102
+ }), /*#__PURE__*/_jsx("rect", {
103
+ x: 1,
104
+ y: 7,
105
+ width: 1,
106
+ height: 1,
107
+ fill: "currentColor"
108
+ }), /*#__PURE__*/_jsx("rect", {
109
+ x: 4,
110
+ y: 4,
111
+ width: 1,
112
+ height: 1,
113
+ fill: "currentColor"
114
+ }), /*#__PURE__*/_jsx("rect", {
115
+ x: 3,
116
+ y: 4,
117
+ width: 1,
118
+ height: 1,
119
+ fill: "currentColor"
120
+ })]
121
+ }), /*#__PURE__*/_jsx("rect", {
122
+ width: "100%",
123
+ height: "100%",
124
+ fill: `url(#${patternId})`
125
+ })]
126
+ });
129
127
  });
package/dist/patterns/DiagonalBDense.js CHANGED
@@ -1,63 +1,61 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
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; }
4
-
5
- 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; }
6
-
7
1
  import * as React from 'react';
8
2
  import { Svg } from '../props';
9
3
  import { usePatternId } from '../usePatternId';
10
- export var DiagonalBDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Diagonal B Dense' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('DiagonalBDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const DiagonalBDense = /*#__PURE__*/React.forwardRef(({
6
+ title = 'Diagonal B Dense',
7
+ titleId,
8
+ ...props
9
+ }, svgRef) => {
10
+ const patternId = usePatternId('DiagonalBDense');
11
+ return /*#__PURE__*/_jsxs(Svg, {
18
12
  fill: "currentColor",
19
13
  role: "img",
20
14
  "aria-hidden": "true",
21
15
  ref: svgRef,
22
- "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: 4,
34
- height: 4,
35
- fill: "transparent"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: 3,
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 1,
43
- y: 2,
44
- width: 1,
45
- height: 1,
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: 2,
49
- y: 1,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 3,
55
- width: 1,
56
- height: 1,
57
- fill: "currentColor"
58
- })), /*#__PURE__*/React.createElement("rect", {
59
- width: "100%",
60
- height: "100%",
61
- fill: "url(#".concat(patternId, ")")
62
- }));
16
+ "aria-labelledby": titleId,
17
+ ...props,
18
+ children: [title ? /*#__PURE__*/_jsx("title", {
19
+ id: titleId,
20
+ children: title
21
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
22
+ id: patternId,
23
+ x: 0,
24
+ y: 0,
25
+ width: 4,
26
+ height: 4,
27
+ patternUnits: "userSpaceOnUse",
28
+ children: [/*#__PURE__*/_jsx("rect", {
29
+ width: 4,
30
+ height: 4,
31
+ fill: "transparent"
32
+ }), /*#__PURE__*/_jsx("rect", {
33
+ y: 3,
34
+ width: 1,
35
+ height: 1,
36
+ fill: "currentColor"
37
+ }), /*#__PURE__*/_jsx("rect", {
38
+ x: 1,
39
+ y: 2,
40
+ width: 1,
41
+ height: 1,
42
+ fill: "currentColor"
43
+ }), /*#__PURE__*/_jsx("rect", {
44
+ x: 2,
45
+ y: 1,
46
+ width: 1,
47
+ height: 1,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ x: 3,
51
+ width: 1,
52
+ height: 1,
53
+ fill: "currentColor"
54
+ })]
55
+ }), /*#__PURE__*/_jsx("rect", {
56
+ width: "100%",
57
+ height: "100%",
58
+ fill: `url(#${patternId})`
59
+ })]
60
+ });
63
61
  });
package/dist/patterns/DiagonalBLoose.js CHANGED
@@ -1,131 +1,129 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
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; }
4
-
5
- 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; }
6
-
7
1
  import * as React from 'react';
8
2
  import { Svg } from '../props';
9
3
  import { usePatternId } from '../usePatternId';
10
- export var DiagonalBLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Diagonal B Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('DiagonalBLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const DiagonalBLoose = /*#__PURE__*/React.forwardRef(({
6
+ title = 'Diagonal B Loose',
7
+ titleId,
8
+ ...props
9
+ }, svgRef) => {
10
+ const patternId = usePatternId('DiagonalBLoose');
11
+ return /*#__PURE__*/_jsxs(Svg, {
18
12
  fill: "currentColor",
19
13
  role: "img",
20
14
  "aria-hidden": "true",
21
15
  ref: svgRef,
22
- "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
- y: 15,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- x: 1,
39
- y: 14,
40
- width: 1,
41
- height: 1,
42
- fill: "currentColor"
43
- }), /*#__PURE__*/React.createElement("rect", {
44
- x: 2,
45
- y: 13,
46
- width: 1,
47
- height: 1,
48
- fill: "currentColor"
49
- }), /*#__PURE__*/React.createElement("rect", {
50
- x: 3,
51
- y: 12,
52
- width: 1,
53
- height: 1,
54
- fill: "currentColor"
55
- }), /*#__PURE__*/React.createElement("rect", {
56
- x: 4,
57
- y: 11,
58
- width: 1,
59
- height: 1,
60
- fill: "currentColor"
61
- }), /*#__PURE__*/React.createElement("rect", {
62
- x: 5,
63
- y: 10,
64
- width: 1,
65
- height: 1,
66
- fill: "currentColor"
67
- }), /*#__PURE__*/React.createElement("rect", {
68
- x: 6,
69
- y: 9,
70
- width: 1,
71
- height: 1,
72
- fill: "currentColor"
73
- }), /*#__PURE__*/React.createElement("rect", {
74
- x: 7,
75
- y: 8,
76
- width: 1,
77
- height: 1,
78
- fill: "currentColor"
79
- }), /*#__PURE__*/React.createElement("rect", {
80
- x: 8,
81
- y: 7,
82
- width: 1,
83
- height: 1,
84
- fill: "currentColor"
85
- }), /*#__PURE__*/React.createElement("rect", {
86
- x: 9,
87
- y: 6,
88
- width: 1,
89
- height: 1,
90
- fill: "currentColor"
91
- }), /*#__PURE__*/React.createElement("rect", {
92
- x: 10,
93
- y: 5,
94
- width: 1,
95
- height: 1,
96
- fill: "currentColor"
97
- }), /*#__PURE__*/React.createElement("rect", {
98
- x: 11,
99
- y: 4,
100
- width: 1,
101
- height: 1,
102
- fill: "currentColor"
103
- }), /*#__PURE__*/React.createElement("rect", {
104
- x: 12,
105
- y: 3,
106
- width: 1,
107
- height: 1,
108
- fill: "currentColor"
109
- }), /*#__PURE__*/React.createElement("rect", {
110
- x: 13,
111
- y: 2,
112
- width: 1,
113
- height: 1,
114
- fill: "currentColor"
115
- }), /*#__PURE__*/React.createElement("rect", {
116
- x: 14,
117
- y: 1,
118
- width: 1,
119
- height: 1,
120
- fill: "currentColor"
121
- }), /*#__PURE__*/React.createElement("rect", {
122
- x: 15,
123
- width: 1,
124
- height: 1,
125
- fill: "currentColor"
126
- })), /*#__PURE__*/React.createElement("rect", {
127
- width: "100%",
128
- height: "100%",
129
- fill: "url(#".concat(patternId, ")")
130
- }));
16
+ "aria-labelledby": titleId,
17
+ ...props,
18
+ children: [title ? /*#__PURE__*/_jsx("title", {
19
+ id: titleId,
20
+ children: title
21
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
22
+ id: patternId,
23
+ x: 0,
24
+ y: 0,
25
+ width: 16,
26
+ height: 16,
27
+ patternUnits: "userSpaceOnUse",
28
+ children: [/*#__PURE__*/_jsx("rect", {
29
+ y: 15,
30
+ width: 1,
31
+ height: 1,
32
+ fill: "currentColor"
33
+ }), /*#__PURE__*/_jsx("rect", {
34
+ x: 1,
35
+ y: 14,
36
+ width: 1,
37
+ height: 1,
38
+ fill: "currentColor"
39
+ }), /*#__PURE__*/_jsx("rect", {
40
+ x: 2,
41
+ y: 13,
42
+ width: 1,
43
+ height: 1,
44
+ fill: "currentColor"
45
+ }), /*#__PURE__*/_jsx("rect", {
46
+ x: 3,
47
+ y: 12,
48
+ width: 1,
49
+ height: 1,
50
+ fill: "currentColor"
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ x: 4,
53
+ y: 11,
54
+ width: 1,
55
+ height: 1,
56
+ fill: "currentColor"
57
+ }), /*#__PURE__*/_jsx("rect", {
58
+ x: 5,
59
+ y: 10,
60
+ width: 1,
61
+ height: 1,
62
+ fill: "currentColor"
63
+ }), /*#__PURE__*/_jsx("rect", {
64
+ x: 6,
65
+ y: 9,
66
+ width: 1,
67
+ height: 1,
68
+ fill: "currentColor"
69
+ }), /*#__PURE__*/_jsx("rect", {
70
+ x: 7,
71
+ y: 8,
72
+ width: 1,
73
+ height: 1,
74
+ fill: "currentColor"
75
+ }), /*#__PURE__*/_jsx("rect", {
76
+ x: 8,
77
+ y: 7,
78
+ width: 1,
79
+ height: 1,
80
+ fill: "currentColor"
81
+ }), /*#__PURE__*/_jsx("rect", {
82
+ x: 9,
83
+ y: 6,
84
+ width: 1,
85
+ height: 1,
86
+ fill: "currentColor"
87
+ }), /*#__PURE__*/_jsx("rect", {
88
+ x: 10,
89
+ y: 5,
90
+ width: 1,
91
+ height: 1,
92
+ fill: "currentColor"
93
+ }), /*#__PURE__*/_jsx("rect", {
94
+ x: 11,
95
+ y: 4,
96
+ width: 1,
97
+ height: 1,
98
+ fill: "currentColor"
99
+ }), /*#__PURE__*/_jsx("rect", {
100
+ x: 12,
101
+ y: 3,
102
+ width: 1,
103
+ height: 1,
104
+ fill: "currentColor"
105
+ }), /*#__PURE__*/_jsx("rect", {
106
+ x: 13,
107
+ y: 2,
108
+ width: 1,
109
+ height: 1,
110
+ fill: "currentColor"
111
+ }), /*#__PURE__*/_jsx("rect", {
112
+ x: 14,
113
+ y: 1,
114
+ width: 1,
115
+ height: 1,
116
+ fill: "currentColor"
117
+ }), /*#__PURE__*/_jsx("rect", {
118
+ x: 15,
119
+ width: 1,
120
+ height: 1,
121
+ fill: "currentColor"
122
+ })]
123
+ }), /*#__PURE__*/_jsx("rect", {
124
+ width: "100%",
125
+ height: "100%",
126
+ fill: `url(#${patternId})`
127
+ })]
128
+ });
131
129
  });