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