@codecademy/gamut-patterns 0.8.19 → 0.8.20-alpha.33d22e.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 (29) hide show
  1. package/dist/patterns/CheckerDense.js +35 -25
  2. package/dist/patterns/CheckerLoose.js +35 -25
  3. package/dist/patterns/CheckerRegular.js +35 -25
  4. package/dist/patterns/DiagonalADense.js +69 -59
  5. package/dist/patterns/DiagonalALoose.js +213 -203
  6. package/dist/patterns/DiagonalARegular.js +117 -107
  7. package/dist/patterns/DiagonalBDense.js +51 -41
  8. package/dist/patterns/DiagonalBLoose.js +119 -109
  9. package/dist/patterns/DiagonalBRegular.js +75 -65
  10. package/dist/patterns/DotDense.js +30 -20
  11. package/dist/patterns/DotLoose.js +73 -63
  12. package/dist/patterns/DotRegular.js +30 -20
  13. package/dist/patterns/ExDense.js +52 -42
  14. package/dist/patterns/ExLoose.js +52 -42
  15. package/dist/patterns/ExRegular.js +52 -42
  16. package/dist/patterns/FlowerDense.js +46 -36
  17. package/dist/patterns/FlowerLoose.js +46 -36
  18. package/dist/patterns/FlowerRegular.js +46 -36
  19. package/dist/patterns/GridDense.js +45 -35
  20. package/dist/patterns/GridLoose.js +45 -35
  21. package/dist/patterns/GridRegular.js +45 -35
  22. package/dist/patterns/Herringbone.js +63 -53
  23. package/dist/patterns/RainDense.js +35 -25
  24. package/dist/patterns/RainLoose.js +35 -25
  25. package/dist/patterns/RainRegular.js +35 -25
  26. package/dist/patterns/StripeDense.js +67 -57
  27. package/dist/patterns/StripeLoose.js +199 -189
  28. package/dist/patterns/StripeRegular.js +111 -101
  29. package/package.json +4 -4
package/dist/patterns/GridDense.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var GridDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Grid Dense' : _ref$title,
@@ -14,44 +20,48 @@ export var GridDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('GridDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: 2,
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: 2,
48
- y: 2,
49
- width: 1,
50
- height: 1,
51
- fill: "currentColor"
52
- })), /*#__PURE__*/React.createElement("rect", {
53
- width: "100%",
54
- height: "100%",
55
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ y: 2,
46
+ width: 1,
47
+ height: 1,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ x: 2,
51
+ width: 1,
52
+ height: 1,
53
+ fill: "currentColor"
54
+ }), /*#__PURE__*/_jsx("rect", {
55
+ x: 2,
56
+ y: 2,
57
+ width: 1,
58
+ height: 1,
59
+ fill: "currentColor"
60
+ })]
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ width: "100%",
63
+ height: "100%",
64
+ fill: "url(#".concat(patternId, ")")
65
+ })]
56
66
  }));
57
67
  });
package/dist/patterns/GridLoose.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var GridLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Grid Loose' : _ref$title,
@@ -14,44 +20,48 @@ export var GridLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('GridLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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
- y: 8,
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 8,
43
- width: 1,
44
- height: 1,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 8,
48
- y: 8,
49
- width: 1,
50
- height: 1,
51
- fill: "currentColor"
52
- })), /*#__PURE__*/React.createElement("rect", {
53
- width: "100%",
54
- height: "100%",
55
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 16,
38
+ height: 16,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ y: 8,
46
+ width: 1,
47
+ height: 1,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ x: 8,
51
+ width: 1,
52
+ height: 1,
53
+ fill: "currentColor"
54
+ }), /*#__PURE__*/_jsx("rect", {
55
+ x: 8,
56
+ y: 8,
57
+ width: 1,
58
+ height: 1,
59
+ fill: "currentColor"
60
+ })]
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ width: "100%",
63
+ height: "100%",
64
+ fill: "url(#".concat(patternId, ")")
65
+ })]
56
66
  }));
57
67
  });
package/dist/patterns/GridRegular.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var GridRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Grid Regular' : _ref$title,
@@ -14,44 +20,48 @@ export var GridRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('GridRegular');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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: 8,
30
- height: 8,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: 4,
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 4,
43
- width: 1,
44
- height: 1,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 4,
48
- y: 4,
49
- width: 1,
50
- height: 1,
51
- fill: "currentColor"
52
- })), /*#__PURE__*/React.createElement("rect", {
53
- width: "100%",
54
- height: "100%",
55
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 8,
38
+ height: 8,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ y: 4,
46
+ width: 1,
47
+ height: 1,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ x: 4,
51
+ width: 1,
52
+ height: 1,
53
+ fill: "currentColor"
54
+ }), /*#__PURE__*/_jsx("rect", {
55
+ x: 4,
56
+ y: 4,
57
+ width: 1,
58
+ height: 1,
59
+ fill: "currentColor"
60
+ })]
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ width: "100%",
63
+ height: "100%",
64
+ fill: "url(#".concat(patternId, ")")
65
+ })]
56
66
  }));
57
67
  });
package/dist/patterns/Herringbone.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var Herringbone = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Herringbone' : _ref$title,
@@ -14,62 +20,66 @@ export var Herringbone = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('Herringbone');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- y: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "herringbone"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- x: 1,
39
- y: 2,
40
- width: 1,
41
- height: 1,
42
- fill: "herringbone"
43
- }), /*#__PURE__*/React.createElement("rect", {
44
- x: 3,
45
- width: 1,
46
- height: 1,
47
- fill: "herringbone"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 2,
50
- width: 1,
51
- height: 1,
52
- fill: "herringbone"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 3,
55
- y: 1,
56
- width: 1,
57
- height: 1,
58
- fill: "herringbone"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: 3,
61
- y: 3,
62
- width: 1,
63
- height: 1,
64
- fill: "herringbone"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- y: 3,
67
- width: 1,
68
- height: 1,
69
- fill: "herringbone"
70
- })), /*#__PURE__*/React.createElement("rect", {
71
- width: "100%",
72
- height: "100%",
73
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ y: 1,
42
+ width: 1,
43
+ height: 1,
44
+ fill: "herringbone"
45
+ }), /*#__PURE__*/_jsx("rect", {
46
+ x: 1,
47
+ y: 2,
48
+ width: 1,
49
+ height: 1,
50
+ fill: "herringbone"
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ x: 3,
53
+ width: 1,
54
+ height: 1,
55
+ fill: "herringbone"
56
+ }), /*#__PURE__*/_jsx("rect", {
57
+ x: 2,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "herringbone"
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ x: 3,
63
+ y: 1,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "herringbone"
67
+ }), /*#__PURE__*/_jsx("rect", {
68
+ x: 3,
69
+ y: 3,
70
+ width: 1,
71
+ height: 1,
72
+ fill: "herringbone"
73
+ }), /*#__PURE__*/_jsx("rect", {
74
+ y: 3,
75
+ width: 1,
76
+ height: 1,
77
+ fill: "herringbone"
78
+ })]
79
+ }), /*#__PURE__*/_jsx("rect", {
80
+ width: "100%",
81
+ height: "100%",
82
+ fill: "url(#".concat(patternId, ")")
83
+ })]
74
84
  }));
75
85
  });
package/dist/patterns/RainDense.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Rain Dense' : _ref$title,
@@ -14,34 +20,38 @@ export var RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('RainDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 1,
46
+ y: 1,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ })]
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ width: "100%",
53
+ height: "100%",
54
+ fill: "url(#".concat(patternId, ")")
55
+ })]
46
56
  }));
47
57
  });
package/dist/patterns/RainLoose.js CHANGED
@@ -1,4 +1,8 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
1
+ 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; }
2
+
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
+
5
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
6
 
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
8
 
@@ -7,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
11
  import * as React from 'react';
8
12
  import { Svg } from '../props';
9
13
  import { usePatternId } from '../usePatternId';
14
+ import { jsx as _jsx } from "react/jsx-runtime";
15
+ import { jsxs as _jsxs } from "react/jsx-runtime";
10
16
  export var RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Rain Loose' : _ref$title,
@@ -14,34 +20,38 @@ export var RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('RainLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
23
+ return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
18
24
  fill: "currentColor",
19
25
  role: "img",
20
26
  "aria-hidden": "true",
21
27
  ref: svgRef,
22
28
  "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: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsxs("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 16,
38
+ height: 16,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: [/*#__PURE__*/_jsx("rect", {
41
+ width: 1,
42
+ height: 1,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ x: 1,
46
+ y: 1,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ })]
51
+ }), /*#__PURE__*/_jsx("rect", {
52
+ width: "100%",
53
+ height: "100%",
54
+ fill: "url(#".concat(patternId, ")")
55
+ })]
46
56
  }));
47
57
  });