@codecademy/gamut-patterns 0.8.12-alpha.4d61d4.0 → 0.8.12-alpha.9e36ef.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 (41) hide show
  1. package/dist/patterns/CheckerDense.js +30 -60
  2. package/dist/patterns/CheckerLoose.js +30 -60
  3. package/dist/patterns/CheckerRegular.js +30 -60
  4. package/dist/patterns/DiagonalADense.js +64 -118
  5. package/dist/patterns/DiagonalALoose.js +208 -358
  6. package/dist/patterns/DiagonalARegular.js +112 -198
  7. package/dist/patterns/DiagonalBDense.js +46 -88
  8. package/dist/patterns/DiagonalBLoose.js +114 -200
  9. package/dist/patterns/DiagonalBRegular.js +70 -128
  10. package/dist/patterns/DotDense.js +25 -51
  11. package/dist/patterns/DotLoose.js +68 -126
  12. package/dist/patterns/DotRegular.js +25 -51
  13. package/dist/patterns/ExDense.js +47 -89
  14. package/dist/patterns/ExLoose.js +47 -89
  15. package/dist/patterns/ExRegular.js +47 -89
  16. package/dist/patterns/FlowerDense.js +41 -79
  17. package/dist/patterns/FlowerLoose.js +41 -79
  18. package/dist/patterns/FlowerRegular.js +41 -79
  19. package/dist/patterns/GridDense.js +40 -78
  20. package/dist/patterns/GridLoose.js +40 -78
  21. package/dist/patterns/GridRegular.js +40 -78
  22. package/dist/patterns/Herringbone.js +58 -108
  23. package/dist/patterns/RainDense.js +30 -60
  24. package/dist/patterns/RainLoose.js +30 -60
  25. package/dist/patterns/RainRegular.js +30 -60
  26. package/dist/patterns/StripeDense.js +62 -116
  27. package/dist/patterns/StripeLoose.js +194 -344
  28. package/dist/patterns/StripeRegular.js +106 -192
  29. package/dist/props.d.ts +3 -3
  30. package/dist/types.js +0 -1
  31. package/dist/usePatternId.js +2 -2
  32. package/package.json +7 -4
  33. package/.svgo.yml +0 -11
  34. package/CHANGELOG.md +0 -420
  35. package/babel.config.js +0 -12
  36. package/emotion-plugin.js +0 -46
  37. package/index-template.js +0 -10
  38. package/pattern-template.js +0 -30
  39. package/project.json +0 -33
  40. package/svgr.config.js +0 -29
  41. package/tsconfig.json +0 -15
package/dist/patterns/DiagonalALoose.js CHANGED
@@ -1,375 +1,225 @@
1
- import _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
2
- var _excluded = ["title", "titleId"];
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); }
3
2
 
4
- var _jsxFileName = "/home/circleci/repo/packages/gamut-patterns/src/patterns/DiagonalALoose.tsx",
5
- _this = this;
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
6
 
7
- import "core-js/modules/es.object.assign.js";
8
7
  import * as React from 'react';
9
8
  import { Svg } from '../props';
10
9
  import { usePatternId } from '../usePatternId';
11
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
12
10
  export var DiagonalALoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
13
11
  var _ref$title = _ref.title,
14
12
  title = _ref$title === void 0 ? 'Diagonal A Loose' : _ref$title,
15
13
  titleId = _ref.titleId,
16
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
17
15
 
18
16
  var patternId = usePatternId('DiagonalALoose');
19
- return /*#__PURE__*/_jsxDEV(Svg, Object.assign({
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
20
18
  fill: "currentColor",
21
19
  role: "img",
22
20
  "aria-hidden": "true",
23
21
  ref: svgRef,
24
22
  "aria-labelledby": titleId
25
- }, props, {
26
- children: [title ? /*#__PURE__*/_jsxDEV("title", {
27
- id: titleId,
28
- children: title
29
- }, void 0, false, {
30
- fileName: _jsxFileName,
31
- lineNumber: 16,
32
- columnNumber: 18
33
- }, _this) : null, /*#__PURE__*/_jsxDEV("pattern", {
34
- id: patternId,
35
- x: 0,
36
- y: 0,
37
- width: 16,
38
- height: 16,
39
- patternUnits: "userSpaceOnUse",
40
- children: [/*#__PURE__*/_jsxDEV("rect", {
41
- width: 1,
42
- height: 1,
43
- fill: "currentColor"
44
- }, void 0, false, {
45
- fileName: _jsxFileName,
46
- lineNumber: 25,
47
- columnNumber: 11
48
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
49
- x: 14,
50
- y: 2,
51
- width: 1,
52
- height: 1,
53
- fill: "currentColor"
54
- }, void 0, false, {
55
- fileName: _jsxFileName,
56
- lineNumber: 26,
57
- columnNumber: 11
58
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
59
- x: 13,
60
- y: 2,
61
- width: 1,
62
- height: 1,
63
- fill: "currentColor"
64
- }, void 0, false, {
65
- fileName: _jsxFileName,
66
- lineNumber: 27,
67
- columnNumber: 11
68
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
69
- x: 13,
70
- y: 3,
71
- width: 1,
72
- height: 1,
73
- fill: "currentColor"
74
- }, void 0, false, {
75
- fileName: _jsxFileName,
76
- lineNumber: 28,
77
- columnNumber: 11
78
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
79
- x: 12,
80
- y: 3,
81
- width: 1,
82
- height: 1,
83
- fill: "currentColor"
84
- }, void 0, false, {
85
- fileName: _jsxFileName,
86
- lineNumber: 29,
87
- columnNumber: 11
88
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
89
- x: 15,
90
- width: 1,
91
- height: 1,
92
- fill: "currentColor"
93
- }, void 0, false, {
94
- fileName: _jsxFileName,
95
- lineNumber: 30,
96
- columnNumber: 11
97
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
98
- x: 15,
99
- y: 1,
100
- width: 1,
101
- height: 1,
102
- fill: "currentColor"
103
- }, void 0, false, {
104
- fileName: _jsxFileName,
105
- lineNumber: 31,
106
- columnNumber: 11
107
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
108
- x: 14,
109
- y: 1,
110
- width: 1,
111
- height: 1,
112
- fill: "currentColor"
113
- }, void 0, false, {
114
- fileName: _jsxFileName,
115
- lineNumber: 32,
116
- columnNumber: 11
117
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
118
- x: 11,
119
- y: 5,
120
- width: 1,
121
- height: 1,
122
- fill: "currentColor"
123
- }, void 0, false, {
124
- fileName: _jsxFileName,
125
- lineNumber: 33,
126
- columnNumber: 11
127
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
128
- x: 10,
129
- y: 5,
130
- width: 1,
131
- height: 1,
132
- fill: "currentColor"
133
- }, void 0, false, {
134
- fileName: _jsxFileName,
135
- lineNumber: 34,
136
- columnNumber: 11
137
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
138
- x: 10,
139
- y: 6,
140
- width: 1,
141
- height: 1,
142
- fill: "currentColor"
143
- }, void 0, false, {
144
- fileName: _jsxFileName,
145
- lineNumber: 35,
146
- columnNumber: 11
147
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
148
- x: 9,
149
- y: 6,
150
- width: 1,
151
- height: 1,
152
- fill: "currentColor"
153
- }, void 0, false, {
154
- fileName: _jsxFileName,
155
- lineNumber: 36,
156
- columnNumber: 11
157
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
158
- x: 8,
159
- y: 7,
160
- width: 1,
161
- height: 1,
162
- fill: "currentColor"
163
- }, void 0, false, {
164
- fileName: _jsxFileName,
165
- lineNumber: 37,
166
- columnNumber: 11
167
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
168
- x: 9,
169
- y: 7,
170
- width: 1,
171
- height: 1,
172
- fill: "currentColor"
173
- }, void 0, false, {
174
- fileName: _jsxFileName,
175
- lineNumber: 38,
176
- columnNumber: 11
177
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
178
- x: 12,
179
- y: 4,
180
- width: 1,
181
- height: 1,
182
- fill: "currentColor"
183
- }, void 0, false, {
184
- fileName: _jsxFileName,
185
- lineNumber: 39,
186
- columnNumber: 11
187
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
188
- x: 11,
189
- y: 4,
190
- width: 1,
191
- height: 1,
192
- fill: "currentColor"
193
- }, void 0, false, {
194
- fileName: _jsxFileName,
195
- lineNumber: 40,
196
- columnNumber: 11
197
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
198
- x: 7,
199
- y: 9,
200
- width: 1,
201
- height: 1,
202
- fill: "currentColor"
203
- }, void 0, false, {
204
- fileName: _jsxFileName,
205
- lineNumber: 41,
206
- columnNumber: 11
207
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
208
- x: 6,
209
- y: 9,
210
- width: 1,
211
- height: 1,
212
- fill: "currentColor"
213
- }, void 0, false, {
214
- fileName: _jsxFileName,
215
- lineNumber: 42,
216
- columnNumber: 11
217
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
218
- x: 6,
219
- y: 10,
220
- width: 1,
221
- height: 1,
222
- fill: "currentColor"
223
- }, void 0, false, {
224
- fileName: _jsxFileName,
225
- lineNumber: 43,
226
- columnNumber: 11
227
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
228
- x: 5,
229
- y: 10,
230
- width: 1,
231
- height: 1,
232
- fill: "currentColor"
233
- }, void 0, false, {
234
- fileName: _jsxFileName,
235
- lineNumber: 44,
236
- columnNumber: 11
237
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
238
- x: 8,
239
- y: 8,
240
- width: 1,
241
- height: 1,
242
- fill: "currentColor"
243
- }, void 0, false, {
244
- fileName: _jsxFileName,
245
- lineNumber: 45,
246
- columnNumber: 11
247
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
248
- x: 7,
249
- y: 8,
250
- width: 1,
251
- height: 1,
252
- fill: "currentColor"
253
- }, void 0, false, {
254
- fileName: _jsxFileName,
255
- lineNumber: 46,
256
- columnNumber: 11
257
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
258
- x: 4,
259
- y: 12,
260
- width: 1,
261
- height: 1,
262
- fill: "currentColor"
263
- }, void 0, false, {
264
- fileName: _jsxFileName,
265
- lineNumber: 47,
266
- columnNumber: 11
267
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
268
- x: 3,
269
- y: 12,
270
- width: 1,
271
- height: 1,
272
- fill: "currentColor"
273
- }, void 0, false, {
274
- fileName: _jsxFileName,
275
- lineNumber: 48,
276
- columnNumber: 11
277
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
278
- x: 3,
279
- y: 13,
280
- width: 1,
281
- height: 1,
282
- fill: "currentColor"
283
- }, void 0, false, {
284
- fileName: _jsxFileName,
285
- lineNumber: 49,
286
- columnNumber: 11
287
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
288
- x: 2,
289
- y: 13,
290
- width: 1,
291
- height: 1,
292
- fill: "currentColor"
293
- }, void 0, false, {
294
- fileName: _jsxFileName,
295
- lineNumber: 50,
296
- columnNumber: 11
297
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
298
- x: 1,
299
- y: 14,
300
- width: 1,
301
- height: 1,
302
- fill: "currentColor"
303
- }, void 0, false, {
304
- fileName: _jsxFileName,
305
- lineNumber: 51,
306
- columnNumber: 11
307
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
308
- x: 2,
309
- y: 14,
310
- width: 1,
311
- height: 1,
312
- fill: "currentColor"
313
- }, void 0, false, {
314
- fileName: _jsxFileName,
315
- lineNumber: 52,
316
- columnNumber: 11
317
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
318
- y: 15,
319
- width: 1,
320
- height: 1,
321
- fill: "currentColor"
322
- }, void 0, false, {
323
- fileName: _jsxFileName,
324
- lineNumber: 53,
325
- columnNumber: 11
326
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
327
- x: 1,
328
- y: 15,
329
- width: 1,
330
- height: 1,
331
- fill: "currentColor"
332
- }, void 0, false, {
333
- fileName: _jsxFileName,
334
- lineNumber: 54,
335
- columnNumber: 11
336
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
337
- x: 5,
338
- y: 11,
339
- width: 1,
340
- height: 1,
341
- fill: "currentColor"
342
- }, void 0, false, {
343
- fileName: _jsxFileName,
344
- lineNumber: 55,
345
- columnNumber: 11
346
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
347
- x: 4,
348
- y: 11,
349
- width: 1,
350
- height: 1,
351
- fill: "currentColor"
352
- }, void 0, false, {
353
- fileName: _jsxFileName,
354
- lineNumber: 56,
355
- columnNumber: 11
356
- }, _this)]
357
- }, void 0, true, {
358
- fileName: _jsxFileName,
359
- lineNumber: 17,
360
- columnNumber: 9
361
- }, _this), /*#__PURE__*/_jsxDEV("rect", {
362
- width: "100%",
363
- height: "100%",
364
- fill: "url(#" + patternId + ")"
365
- }, void 0, false, {
366
- fileName: _jsxFileName,
367
- lineNumber: 58,
368
- columnNumber: 9
369
- }, _this)]
370
- }), void 0, true, {
371
- fileName: _jsxFileName,
372
- lineNumber: 8,
373
- columnNumber: 7
374
- }, _this);
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
+ width: 1,
34
+ height: 1,
35
+ fill: "currentColor"
36
+ }), /*#__PURE__*/React.createElement("rect", {
37
+ x: 14,
38
+ y: 2,
39
+ width: 1,
40
+ height: 1,
41
+ fill: "currentColor"
42
+ }), /*#__PURE__*/React.createElement("rect", {
43
+ x: 13,
44
+ y: 2,
45
+ width: 1,
46
+ height: 1,
47
+ fill: "currentColor"
48
+ }), /*#__PURE__*/React.createElement("rect", {
49
+ x: 13,
50
+ y: 3,
51
+ width: 1,
52
+ height: 1,
53
+ fill: "currentColor"
54
+ }), /*#__PURE__*/React.createElement("rect", {
55
+ x: 12,
56
+ y: 3,
57
+ width: 1,
58
+ height: 1,
59
+ fill: "currentColor"
60
+ }), /*#__PURE__*/React.createElement("rect", {
61
+ x: 15,
62
+ width: 1,
63
+ height: 1,
64
+ fill: "currentColor"
65
+ }), /*#__PURE__*/React.createElement("rect", {
66
+ x: 15,
67
+ y: 1,
68
+ width: 1,
69
+ height: 1,
70
+ fill: "currentColor"
71
+ }), /*#__PURE__*/React.createElement("rect", {
72
+ x: 14,
73
+ y: 1,
74
+ width: 1,
75
+ height: 1,
76
+ fill: "currentColor"
77
+ }), /*#__PURE__*/React.createElement("rect", {
78
+ x: 11,
79
+ y: 5,
80
+ width: 1,
81
+ height: 1,
82
+ fill: "currentColor"
83
+ }), /*#__PURE__*/React.createElement("rect", {
84
+ x: 10,
85
+ y: 5,
86
+ width: 1,
87
+ height: 1,
88
+ fill: "currentColor"
89
+ }), /*#__PURE__*/React.createElement("rect", {
90
+ x: 10,
91
+ y: 6,
92
+ width: 1,
93
+ height: 1,
94
+ fill: "currentColor"
95
+ }), /*#__PURE__*/React.createElement("rect", {
96
+ x: 9,
97
+ y: 6,
98
+ width: 1,
99
+ height: 1,
100
+ fill: "currentColor"
101
+ }), /*#__PURE__*/React.createElement("rect", {
102
+ x: 8,
103
+ y: 7,
104
+ width: 1,
105
+ height: 1,
106
+ fill: "currentColor"
107
+ }), /*#__PURE__*/React.createElement("rect", {
108
+ x: 9,
109
+ y: 7,
110
+ width: 1,
111
+ height: 1,
112
+ fill: "currentColor"
113
+ }), /*#__PURE__*/React.createElement("rect", {
114
+ x: 12,
115
+ y: 4,
116
+ width: 1,
117
+ height: 1,
118
+ fill: "currentColor"
119
+ }), /*#__PURE__*/React.createElement("rect", {
120
+ x: 11,
121
+ y: 4,
122
+ width: 1,
123
+ height: 1,
124
+ fill: "currentColor"
125
+ }), /*#__PURE__*/React.createElement("rect", {
126
+ x: 7,
127
+ y: 9,
128
+ width: 1,
129
+ height: 1,
130
+ fill: "currentColor"
131
+ }), /*#__PURE__*/React.createElement("rect", {
132
+ x: 6,
133
+ y: 9,
134
+ width: 1,
135
+ height: 1,
136
+ fill: "currentColor"
137
+ }), /*#__PURE__*/React.createElement("rect", {
138
+ x: 6,
139
+ y: 10,
140
+ width: 1,
141
+ height: 1,
142
+ fill: "currentColor"
143
+ }), /*#__PURE__*/React.createElement("rect", {
144
+ x: 5,
145
+ y: 10,
146
+ width: 1,
147
+ height: 1,
148
+ fill: "currentColor"
149
+ }), /*#__PURE__*/React.createElement("rect", {
150
+ x: 8,
151
+ y: 8,
152
+ width: 1,
153
+ height: 1,
154
+ fill: "currentColor"
155
+ }), /*#__PURE__*/React.createElement("rect", {
156
+ x: 7,
157
+ y: 8,
158
+ width: 1,
159
+ height: 1,
160
+ fill: "currentColor"
161
+ }), /*#__PURE__*/React.createElement("rect", {
162
+ x: 4,
163
+ y: 12,
164
+ width: 1,
165
+ height: 1,
166
+ fill: "currentColor"
167
+ }), /*#__PURE__*/React.createElement("rect", {
168
+ x: 3,
169
+ y: 12,
170
+ width: 1,
171
+ height: 1,
172
+ fill: "currentColor"
173
+ }), /*#__PURE__*/React.createElement("rect", {
174
+ x: 3,
175
+ y: 13,
176
+ width: 1,
177
+ height: 1,
178
+ fill: "currentColor"
179
+ }), /*#__PURE__*/React.createElement("rect", {
180
+ x: 2,
181
+ y: 13,
182
+ width: 1,
183
+ height: 1,
184
+ fill: "currentColor"
185
+ }), /*#__PURE__*/React.createElement("rect", {
186
+ x: 1,
187
+ y: 14,
188
+ width: 1,
189
+ height: 1,
190
+ fill: "currentColor"
191
+ }), /*#__PURE__*/React.createElement("rect", {
192
+ x: 2,
193
+ y: 14,
194
+ width: 1,
195
+ height: 1,
196
+ fill: "currentColor"
197
+ }), /*#__PURE__*/React.createElement("rect", {
198
+ y: 15,
199
+ width: 1,
200
+ height: 1,
201
+ fill: "currentColor"
202
+ }), /*#__PURE__*/React.createElement("rect", {
203
+ x: 1,
204
+ y: 15,
205
+ width: 1,
206
+ height: 1,
207
+ fill: "currentColor"
208
+ }), /*#__PURE__*/React.createElement("rect", {
209
+ x: 5,
210
+ y: 11,
211
+ width: 1,
212
+ height: 1,
213
+ fill: "currentColor"
214
+ }), /*#__PURE__*/React.createElement("rect", {
215
+ x: 4,
216
+ y: 11,
217
+ width: 1,
218
+ height: 1,
219
+ fill: "currentColor"
220
+ })), /*#__PURE__*/React.createElement("rect", {
221
+ width: "100%",
222
+ height: "100%",
223
+ fill: "url(#".concat(patternId, ")")
224
+ }));
375
225
  });