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