@codecademy/gamut-patterns 0.8.19 → 0.8.20-alpha.b44e47.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/ExLoose.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 ExLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Ex Loose' : _ref$title,
@@ -14,51 +20,55 @@ export var ExLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('ExLoose');
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
- x: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("rect", {
43
- x: 1,
44
- y: 2,
45
- width: 1,
46
- height: 1,
47
- fill: "currentColor"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 15,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 15,
55
- y: 2,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- })), /*#__PURE__*/React.createElement("rect", {
60
- width: "100%",
61
- height: "100%",
62
- 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
+ x: 1,
42
+ width: 1,
43
+ height: 1,
44
+ fill: "currentColor"
45
+ }), /*#__PURE__*/_jsx("rect", {
46
+ y: 1,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ }), /*#__PURE__*/_jsx("rect", {
51
+ x: 1,
52
+ y: 2,
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: 2,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "currentColor"
67
+ })]
68
+ }), /*#__PURE__*/_jsx("rect", {
69
+ width: "100%",
70
+ height: "100%",
71
+ fill: "url(#".concat(patternId, ")")
72
+ })]
63
73
  }));
64
74
  });
package/dist/patterns/ExRegular.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 ExRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Ex Regular' : _ref$title,
@@ -14,51 +20,55 @@ export var ExRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('ExRegular');
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
- x: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("rect", {
43
- x: 1,
44
- y: 2,
45
- width: 1,
46
- height: 1,
47
- fill: "currentColor"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 7,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 7,
55
- y: 2,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- })), /*#__PURE__*/React.createElement("rect", {
60
- width: "100%",
61
- height: "100%",
62
- 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
+ x: 1,
42
+ width: 1,
43
+ height: 1,
44
+ fill: "currentColor"
45
+ }), /*#__PURE__*/_jsx("rect", {
46
+ y: 1,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ }), /*#__PURE__*/_jsx("rect", {
51
+ x: 1,
52
+ y: 2,
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: 2,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "currentColor"
67
+ })]
68
+ }), /*#__PURE__*/_jsx("rect", {
69
+ width: "100%",
70
+ height: "100%",
71
+ fill: "url(#".concat(patternId, ")")
72
+ })]
63
73
  }));
64
74
  });
package/dist/patterns/FlowerDense.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 FlowerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Flower Dense' : _ref$title,
@@ -14,45 +20,49 @@ export var FlowerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('FlowerDense');
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
- y: 2,
44
- width: 1,
45
- height: 1,
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: 3,
49
- y: 1,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- })), /*#__PURE__*/React.createElement("rect", {
54
- width: "100%",
55
- height: "100%",
56
- 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
+ }), /*#__PURE__*/_jsx("rect", {
51
+ y: 2,
52
+ width: 1,
53
+ height: 1,
54
+ fill: "currentColor"
55
+ }), /*#__PURE__*/_jsx("rect", {
56
+ x: 3,
57
+ y: 1,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ })]
62
+ }), /*#__PURE__*/_jsx("rect", {
63
+ width: "100%",
64
+ height: "100%",
65
+ fill: "url(#".concat(patternId, ")")
66
+ })]
57
67
  }));
58
68
  });
package/dist/patterns/FlowerLoose.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 FlowerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Flower Loose' : _ref$title,
@@ -14,45 +20,49 @@ export var FlowerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('FlowerLoose');
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
- y: 2,
44
- width: 1,
45
- height: 1,
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: 15,
49
- y: 1,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- })), /*#__PURE__*/React.createElement("rect", {
54
- width: "100%",
55
- height: "100%",
56
- 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
+ }), /*#__PURE__*/_jsx("rect", {
51
+ y: 2,
52
+ width: 1,
53
+ height: 1,
54
+ fill: "currentColor"
55
+ }), /*#__PURE__*/_jsx("rect", {
56
+ x: 15,
57
+ y: 1,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ })]
62
+ }), /*#__PURE__*/_jsx("rect", {
63
+ width: "100%",
64
+ height: "100%",
65
+ fill: "url(#".concat(patternId, ")")
66
+ })]
57
67
  }));
58
68
  });
package/dist/patterns/FlowerRegular.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 FlowerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Flower Regular' : _ref$title,
@@ -14,45 +20,49 @@ export var FlowerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('FlowerRegular');
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
- x: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- }), /*#__PURE__*/React.createElement("rect", {
43
- y: 2,
44
- width: 1,
45
- height: 1,
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: 7,
49
- y: 1,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- })), /*#__PURE__*/React.createElement("rect", {
54
- width: "100%",
55
- height: "100%",
56
- 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
+ x: 1,
46
+ y: 1,
47
+ width: 1,
48
+ height: 1,
49
+ fill: "currentColor"
50
+ }), /*#__PURE__*/_jsx("rect", {
51
+ y: 2,
52
+ width: 1,
53
+ height: 1,
54
+ fill: "currentColor"
55
+ }), /*#__PURE__*/_jsx("rect", {
56
+ x: 7,
57
+ y: 1,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ })]
62
+ }), /*#__PURE__*/_jsx("rect", {
63
+ width: "100%",
64
+ height: "100%",
65
+ fill: "url(#".concat(patternId, ")")
66
+ })]
57
67
  }));
58
68
  });