@codecademy/gamut-patterns 1.0.0-alpha.f6cb5a.0 → 67.0.0-alpha.09ad1e.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 (42) hide show
  1. package/LICENSE +1 -1
  2. package/dist/patterns/CheckerDense.js +39 -32
  3. package/dist/patterns/CheckerLoose.js +39 -32
  4. package/dist/patterns/CheckerRegular.js +39 -32
  5. package/dist/patterns/DiagonalADense.js +73 -66
  6. package/dist/patterns/DiagonalALoose.js +217 -210
  7. package/dist/patterns/DiagonalARegular.js +121 -114
  8. package/dist/patterns/DiagonalBDense.js +55 -48
  9. package/dist/patterns/DiagonalBLoose.js +123 -116
  10. package/dist/patterns/DiagonalBRegular.js +79 -72
  11. package/dist/patterns/DotDense.js +34 -27
  12. package/dist/patterns/DotLoose.js +77 -70
  13. package/dist/patterns/DotRegular.js +34 -27
  14. package/dist/patterns/ExDense.js +56 -49
  15. package/dist/patterns/ExLoose.js +56 -49
  16. package/dist/patterns/ExRegular.js +56 -49
  17. package/dist/patterns/FlowerDense.js +50 -43
  18. package/dist/patterns/FlowerLoose.js +50 -43
  19. package/dist/patterns/FlowerRegular.js +50 -43
  20. package/dist/patterns/GridDense.js +49 -42
  21. package/dist/patterns/GridLoose.js +49 -42
  22. package/dist/patterns/GridRegular.js +49 -42
  23. package/dist/patterns/Herringbone.js +67 -60
  24. package/dist/patterns/RainDense.js +39 -32
  25. package/dist/patterns/RainLoose.js +39 -32
  26. package/dist/patterns/RainRegular.js +39 -32
  27. package/dist/patterns/StripeDense.js +71 -64
  28. package/dist/patterns/StripeLoose.js +203 -196
  29. package/dist/patterns/StripeRegular.js +115 -108
  30. package/dist/props.d.ts +1 -1
  31. package/dist/types.js +1 -0
  32. package/dist/usePatternId.js +4 -6
  33. package/package.json +16 -17
  34. package/.svgo.yml +0 -11
  35. package/CHANGELOG.md +0 -329
  36. package/babel.config.js +0 -5
  37. package/emotion-plugin.js +0 -46
  38. package/index-template.js +0 -10
  39. package/jest.config.js +0 -1
  40. package/pattern-template.js +0 -30
  41. package/svgr.config.js +0 -29
  42. package/tsconfig.json +0 -12
package/dist/patterns/DiagonalALoose.js CHANGED
@@ -1,225 +1,232 @@
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
-
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
3
7
  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
8
  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
9
  import * as React from 'react';
8
10
  import { Svg } from '../props';
9
11
  import { usePatternId } from '../usePatternId';
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
14
  export var DiagonalALoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
15
  var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Diagonal A Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
+ title = _ref$title === void 0 ? 'Diagonal A Loose' : _ref$title,
17
+ titleId = _ref.titleId,
18
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
16
19
  var patternId = usePatternId('DiagonalALoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
20
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
21
  fill: "currentColor",
19
22
  role: "img",
20
23
  "aria-hidden": "true",
21
24
  ref: svgRef,
22
25
  "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
- 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, ")")
26
+ }, props), {}, {
27
+ children: [title ? /*#__PURE__*/_jsx("title", {
28
+ id: titleId,
29
+ children: title
30
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
31
+ id: patternId,
32
+ x: 0,
33
+ y: 0,
34
+ width: 16,
35
+ height: 16,
36
+ patternUnits: "userSpaceOnUse",
37
+ children: [/*#__PURE__*/_jsx("rect", {
38
+ width: 1,
39
+ height: 1,
40
+ fill: "currentColor"
41
+ }), /*#__PURE__*/_jsx("rect", {
42
+ x: 14,
43
+ y: 2,
44
+ width: 1,
45
+ height: 1,
46
+ fill: "currentColor"
47
+ }), /*#__PURE__*/_jsx("rect", {
48
+ x: 13,
49
+ y: 2,
50
+ width: 1,
51
+ height: 1,
52
+ fill: "currentColor"
53
+ }), /*#__PURE__*/_jsx("rect", {
54
+ x: 13,
55
+ y: 3,
56
+ width: 1,
57
+ height: 1,
58
+ fill: "currentColor"
59
+ }), /*#__PURE__*/_jsx("rect", {
60
+ x: 12,
61
+ y: 3,
62
+ width: 1,
63
+ height: 1,
64
+ fill: "currentColor"
65
+ }), /*#__PURE__*/_jsx("rect", {
66
+ x: 15,
67
+ width: 1,
68
+ height: 1,
69
+ fill: "currentColor"
70
+ }), /*#__PURE__*/_jsx("rect", {
71
+ x: 15,
72
+ y: 1,
73
+ width: 1,
74
+ height: 1,
75
+ fill: "currentColor"
76
+ }), /*#__PURE__*/_jsx("rect", {
77
+ x: 14,
78
+ y: 1,
79
+ width: 1,
80
+ height: 1,
81
+ fill: "currentColor"
82
+ }), /*#__PURE__*/_jsx("rect", {
83
+ x: 11,
84
+ y: 5,
85
+ width: 1,
86
+ height: 1,
87
+ fill: "currentColor"
88
+ }), /*#__PURE__*/_jsx("rect", {
89
+ x: 10,
90
+ y: 5,
91
+ width: 1,
92
+ height: 1,
93
+ fill: "currentColor"
94
+ }), /*#__PURE__*/_jsx("rect", {
95
+ x: 10,
96
+ y: 6,
97
+ width: 1,
98
+ height: 1,
99
+ fill: "currentColor"
100
+ }), /*#__PURE__*/_jsx("rect", {
101
+ x: 9,
102
+ y: 6,
103
+ width: 1,
104
+ height: 1,
105
+ fill: "currentColor"
106
+ }), /*#__PURE__*/_jsx("rect", {
107
+ x: 8,
108
+ y: 7,
109
+ width: 1,
110
+ height: 1,
111
+ fill: "currentColor"
112
+ }), /*#__PURE__*/_jsx("rect", {
113
+ x: 9,
114
+ y: 7,
115
+ width: 1,
116
+ height: 1,
117
+ fill: "currentColor"
118
+ }), /*#__PURE__*/_jsx("rect", {
119
+ x: 12,
120
+ y: 4,
121
+ width: 1,
122
+ height: 1,
123
+ fill: "currentColor"
124
+ }), /*#__PURE__*/_jsx("rect", {
125
+ x: 11,
126
+ y: 4,
127
+ width: 1,
128
+ height: 1,
129
+ fill: "currentColor"
130
+ }), /*#__PURE__*/_jsx("rect", {
131
+ x: 7,
132
+ y: 9,
133
+ width: 1,
134
+ height: 1,
135
+ fill: "currentColor"
136
+ }), /*#__PURE__*/_jsx("rect", {
137
+ x: 6,
138
+ y: 9,
139
+ width: 1,
140
+ height: 1,
141
+ fill: "currentColor"
142
+ }), /*#__PURE__*/_jsx("rect", {
143
+ x: 6,
144
+ y: 10,
145
+ width: 1,
146
+ height: 1,
147
+ fill: "currentColor"
148
+ }), /*#__PURE__*/_jsx("rect", {
149
+ x: 5,
150
+ y: 10,
151
+ width: 1,
152
+ height: 1,
153
+ fill: "currentColor"
154
+ }), /*#__PURE__*/_jsx("rect", {
155
+ x: 8,
156
+ y: 8,
157
+ width: 1,
158
+ height: 1,
159
+ fill: "currentColor"
160
+ }), /*#__PURE__*/_jsx("rect", {
161
+ x: 7,
162
+ y: 8,
163
+ width: 1,
164
+ height: 1,
165
+ fill: "currentColor"
166
+ }), /*#__PURE__*/_jsx("rect", {
167
+ x: 4,
168
+ y: 12,
169
+ width: 1,
170
+ height: 1,
171
+ fill: "currentColor"
172
+ }), /*#__PURE__*/_jsx("rect", {
173
+ x: 3,
174
+ y: 12,
175
+ width: 1,
176
+ height: 1,
177
+ fill: "currentColor"
178
+ }), /*#__PURE__*/_jsx("rect", {
179
+ x: 3,
180
+ y: 13,
181
+ width: 1,
182
+ height: 1,
183
+ fill: "currentColor"
184
+ }), /*#__PURE__*/_jsx("rect", {
185
+ x: 2,
186
+ y: 13,
187
+ width: 1,
188
+ height: 1,
189
+ fill: "currentColor"
190
+ }), /*#__PURE__*/_jsx("rect", {
191
+ x: 1,
192
+ y: 14,
193
+ width: 1,
194
+ height: 1,
195
+ fill: "currentColor"
196
+ }), /*#__PURE__*/_jsx("rect", {
197
+ x: 2,
198
+ y: 14,
199
+ width: 1,
200
+ height: 1,
201
+ fill: "currentColor"
202
+ }), /*#__PURE__*/_jsx("rect", {
203
+ y: 15,
204
+ width: 1,
205
+ height: 1,
206
+ fill: "currentColor"
207
+ }), /*#__PURE__*/_jsx("rect", {
208
+ x: 1,
209
+ y: 15,
210
+ width: 1,
211
+ height: 1,
212
+ fill: "currentColor"
213
+ }), /*#__PURE__*/_jsx("rect", {
214
+ x: 5,
215
+ y: 11,
216
+ width: 1,
217
+ height: 1,
218
+ fill: "currentColor"
219
+ }), /*#__PURE__*/_jsx("rect", {
220
+ x: 4,
221
+ y: 11,
222
+ width: 1,
223
+ height: 1,
224
+ fill: "currentColor"
225
+ })]
226
+ }), /*#__PURE__*/_jsx("rect", {
227
+ width: "100%",
228
+ height: "100%",
229
+ fill: "url(#".concat(patternId, ")")
230
+ })]
224
231
  }));
225
232
  });