@codecademy/gamut-patterns 0.10.16-alpha.37246e.0 → 0.10.16-alpha.3e8b72.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 (95) hide show
  1. package/package.json +4 -4
  2. package/dist/index.d.ts +0 -2
  3. package/dist/index.js +0 -2
  4. package/dist/patterns/CheckerDense.d.ts +0 -3
  5. package/dist/patterns/CheckerDense.js +0 -45
  6. package/dist/patterns/CheckerLoose.d.ts +0 -3
  7. package/dist/patterns/CheckerLoose.js +0 -45
  8. package/dist/patterns/CheckerRegular.d.ts +0 -3
  9. package/dist/patterns/CheckerRegular.js +0 -45
  10. package/dist/patterns/DiagonalADense.d.ts +0 -3
  11. package/dist/patterns/DiagonalADense.js +0 -79
  12. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  13. package/dist/patterns/DiagonalALoose.js +0 -223
  14. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  15. package/dist/patterns/DiagonalARegular.js +0 -127
  16. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  17. package/dist/patterns/DiagonalBDense.js +0 -61
  18. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  19. package/dist/patterns/DiagonalBLoose.js +0 -129
  20. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  21. package/dist/patterns/DiagonalBRegular.js +0 -85
  22. package/dist/patterns/DotDense.d.ts +0 -3
  23. package/dist/patterns/DotDense.js +0 -40
  24. package/dist/patterns/DotLoose.d.ts +0 -3
  25. package/dist/patterns/DotLoose.js +0 -83
  26. package/dist/patterns/DotRegular.d.ts +0 -3
  27. package/dist/patterns/DotRegular.js +0 -40
  28. package/dist/patterns/ExDense.d.ts +0 -3
  29. package/dist/patterns/ExDense.js +0 -62
  30. package/dist/patterns/ExLoose.d.ts +0 -3
  31. package/dist/patterns/ExLoose.js +0 -62
  32. package/dist/patterns/ExRegular.d.ts +0 -3
  33. package/dist/patterns/ExRegular.js +0 -62
  34. package/dist/patterns/FlowerDense.d.ts +0 -3
  35. package/dist/patterns/FlowerDense.js +0 -56
  36. package/dist/patterns/FlowerLoose.d.ts +0 -3
  37. package/dist/patterns/FlowerLoose.js +0 -56
  38. package/dist/patterns/FlowerRegular.d.ts +0 -3
  39. package/dist/patterns/FlowerRegular.js +0 -56
  40. package/dist/patterns/GridDense.d.ts +0 -3
  41. package/dist/patterns/GridDense.js +0 -55
  42. package/dist/patterns/GridLoose.d.ts +0 -3
  43. package/dist/patterns/GridLoose.js +0 -55
  44. package/dist/patterns/GridRegular.d.ts +0 -3
  45. package/dist/patterns/GridRegular.js +0 -55
  46. package/dist/patterns/Herringbone.d.ts +0 -3
  47. package/dist/patterns/Herringbone.js +0 -73
  48. package/dist/patterns/RainDense.d.ts +0 -3
  49. package/dist/patterns/RainDense.js +0 -45
  50. package/dist/patterns/RainLoose.d.ts +0 -3
  51. package/dist/patterns/RainLoose.js +0 -45
  52. package/dist/patterns/RainRegular.d.ts +0 -3
  53. package/dist/patterns/RainRegular.js +0 -45
  54. package/dist/patterns/StripeDense.d.ts +0 -3
  55. package/dist/patterns/StripeDense.js +0 -77
  56. package/dist/patterns/StripeLoose.d.ts +0 -3
  57. package/dist/patterns/StripeLoose.js +0 -209
  58. package/dist/patterns/StripeRegular.d.ts +0 -3
  59. package/dist/patterns/StripeRegular.js +0 -121
  60. package/dist/patterns/index.d.ts +0 -28
  61. package/dist/patterns/index.js +0 -28
  62. package/dist/props.d.ts +0 -196
  63. package/dist/props.js +0 -17
  64. package/dist/svg/CheckerDense.svg +0 -14
  65. package/dist/svg/CheckerLoose.svg +0 -14
  66. package/dist/svg/CheckerRegular.svg +0 -14
  67. package/dist/svg/DiagonalADense.svg +0 -20
  68. package/dist/svg/DiagonalALoose.svg +0 -44
  69. package/dist/svg/DiagonalARegular.svg +0 -28
  70. package/dist/svg/DiagonalBDense.svg +0 -24
  71. package/dist/svg/DiagonalBLoose.svg +0 -28
  72. package/dist/svg/DiagonalBRegular.svg +0 -28
  73. package/dist/svg/DotDense.svg +0 -13
  74. package/dist/svg/DotLoose.svg +0 -40
  75. package/dist/svg/DotRegular.svg +0 -13
  76. package/dist/svg/ExDense.svg +0 -17
  77. package/dist/svg/ExLoose.svg +0 -17
  78. package/dist/svg/ExRegular.svg +0 -17
  79. package/dist/svg/FlowerDense.svg +0 -16
  80. package/dist/svg/FlowerLoose.svg +0 -16
  81. package/dist/svg/FlowerRegular.svg +0 -16
  82. package/dist/svg/GridDense.svg +0 -16
  83. package/dist/svg/GridLoose.svg +0 -16
  84. package/dist/svg/GridRegular.svg +0 -16
  85. package/dist/svg/Herringbone.svg +0 -19
  86. package/dist/svg/RainDense.svg +0 -14
  87. package/dist/svg/RainLoose.svg +0 -14
  88. package/dist/svg/RainRegular.svg +0 -14
  89. package/dist/svg/StripeDense.svg +0 -20
  90. package/dist/svg/StripeLoose.svg +0 -44
  91. package/dist/svg/StripeRegular.svg +0 -28
  92. package/dist/types.d.ts +0 -1
  93. package/dist/types.js +0 -1
  94. package/dist/usePatternId.d.ts +0 -1
  95. package/dist/usePatternId.js +0 -7
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-patterns",
3
3
  "description": "Pattern library for Codecademy",
4
- "version": "0.10.16-alpha.37246e.0",
4
+ "version": "0.10.16-alpha.3e8b72.0",
5
5
  "author": "Codecademy Engineering <dev@codecademy.com>",
6
6
  "bugs": "https://github.com/Codecademy/gamut/issues",
7
7
  "dependencies": {
8
- "@codecademy/gamut-styles": "17.10.0-alpha.37246e.0",
9
- "@codecademy/variance": "0.24.1-alpha.37246e.0",
8
+ "@codecademy/gamut-styles": "17.9.1-alpha.3e8b72.0",
9
+ "@codecademy/variance": "0.24.1-alpha.3e8b72.0",
10
10
  "classnames": "^2.2.5"
11
11
  },
12
12
  "files": [
@@ -32,5 +32,5 @@
32
32
  },
33
33
  "sideEffects": false,
34
34
  "types": "dist/index.d.ts",
35
- "gitHead": "aa5c910d5ae0dfa955a80ac9b723b40a267b7ac2"
35
+ "gitHead": "3eab6a6745552c0c03fb049875d22255f5a34a13"
36
36
  }
package/dist/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './patterns';
2
- export * from './types';
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './patterns';
2
- export * from './types';
package/dist/patterns/CheckerDense.d.ts DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,45 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,45 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,45 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,79 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,223 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,127 +0,0 @@
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 DELETED
@@ -1,3 +0,0 @@
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 DELETED
@@ -1,61 +0,0 @@
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
- });