@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/DiagonalBRegular.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 DiagonalBRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Diagonal B Regular' : _ref$title,
@@ -14,74 +20,78 @@ export var DiagonalBRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgR
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('DiagonalBRegular');
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: 8,
34
- height: 8,
35
- fill: "transparent"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: 7,
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 1,
43
- y: 6,
44
- width: 1,
45
- height: 1,
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: 2,
49
- y: 5,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 3,
55
- y: 4,
56
- width: 1,
57
- height: 1,
58
- fill: "currentColor"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: 4,
61
- y: 3,
62
- width: 1,
63
- height: 1,
64
- fill: "currentColor"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- x: 5,
67
- y: 2,
68
- width: 1,
69
- height: 1,
70
- fill: "currentColor"
71
- }), /*#__PURE__*/React.createElement("rect", {
72
- x: 6,
73
- y: 1,
74
- width: 1,
75
- height: 1,
76
- fill: "currentColor"
77
- }), /*#__PURE__*/React.createElement("rect", {
78
- x: 7,
79
- width: 1,
80
- height: 1,
81
- fill: "currentColor"
82
- })), /*#__PURE__*/React.createElement("rect", {
83
- width: "100%",
84
- height: "100%",
85
- 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: 8,
42
+ height: 8,
43
+ fill: "transparent"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ y: 7,
46
+ width: 1,
47
+ height: 1,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ x: 1,
51
+ y: 6,
52
+ width: 1,
53
+ height: 1,
54
+ fill: "currentColor"
55
+ }), /*#__PURE__*/_jsx("rect", {
56
+ x: 2,
57
+ y: 5,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ x: 3,
63
+ y: 4,
64
+ width: 1,
65
+ height: 1,
66
+ fill: "currentColor"
67
+ }), /*#__PURE__*/_jsx("rect", {
68
+ x: 4,
69
+ y: 3,
70
+ width: 1,
71
+ height: 1,
72
+ fill: "currentColor"
73
+ }), /*#__PURE__*/_jsx("rect", {
74
+ x: 5,
75
+ y: 2,
76
+ width: 1,
77
+ height: 1,
78
+ fill: "currentColor"
79
+ }), /*#__PURE__*/_jsx("rect", {
80
+ x: 6,
81
+ y: 1,
82
+ width: 1,
83
+ height: 1,
84
+ fill: "currentColor"
85
+ }), /*#__PURE__*/_jsx("rect", {
86
+ x: 7,
87
+ width: 1,
88
+ height: 1,
89
+ fill: "currentColor"
90
+ })]
91
+ }), /*#__PURE__*/_jsx("rect", {
92
+ width: "100%",
93
+ height: "100%",
94
+ fill: "url(#".concat(patternId, ")")
95
+ })]
86
96
  }));
87
97
  });
package/dist/patterns/DotDense.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 DotDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Dot Dense' : _ref$title,
@@ -14,29 +20,33 @@ export var DotDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('DotDense');
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("circle", {
33
- cx: 0.5,
34
- cy: 0.5,
35
- r: 0.5,
36
- fill: "currentColor"
37
- })), /*#__PURE__*/React.createElement("rect", {
38
- width: "100%",
39
- height: "100%",
40
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsx("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 4,
38
+ height: 4,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: /*#__PURE__*/_jsx("circle", {
41
+ cx: 0.5,
42
+ cy: 0.5,
43
+ r: 0.5,
44
+ fill: "currentColor"
45
+ })
46
+ }), /*#__PURE__*/_jsx("rect", {
47
+ width: "100%",
48
+ height: "100%",
49
+ fill: "url(#".concat(patternId, ")")
50
+ })]
41
51
  }));
42
52
  });
package/dist/patterns/DotLoose.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 DotLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Dot Loose' : _ref$title,
@@ -14,72 +20,76 @@ export var DotLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('DotLoose');
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: 0.5,
34
- height: 0.5,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: 1,
38
- width: 0.5,
39
- height: 0.5,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- y: 0.5,
43
- width: 0.5,
44
- height: 0.5,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 1,
48
- width: 0.5,
49
- height: 0.5,
50
- fill: "currentColor"
51
- }), /*#__PURE__*/React.createElement("rect", {
52
- x: 1,
53
- y: 1,
54
- width: 0.5,
55
- height: 0.5,
56
- fill: "currentColor"
57
- }), /*#__PURE__*/React.createElement("rect", {
58
- x: 1,
59
- y: 0.5,
60
- width: 0.5,
61
- height: 0.5,
62
- fill: "currentColor"
63
- }), /*#__PURE__*/React.createElement("rect", {
64
- x: 0.5,
65
- width: 0.5,
66
- height: 0.5,
67
- fill: "currentColor"
68
- }), /*#__PURE__*/React.createElement("rect", {
69
- x: 0.5,
70
- y: 1,
71
- width: 0.5,
72
- height: 0.5,
73
- fill: "currentColor"
74
- }), /*#__PURE__*/React.createElement("rect", {
75
- x: 0.5,
76
- y: 0.5,
77
- width: 0.5,
78
- height: 0.5,
79
- fill: "currentColor"
80
- })), /*#__PURE__*/React.createElement("rect", {
81
- width: "100%",
82
- height: "100%",
83
- 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: 0.5,
42
+ height: 0.5,
43
+ fill: "currentColor"
44
+ }), /*#__PURE__*/_jsx("rect", {
45
+ y: 1,
46
+ width: 0.5,
47
+ height: 0.5,
48
+ fill: "currentColor"
49
+ }), /*#__PURE__*/_jsx("rect", {
50
+ y: 0.5,
51
+ width: 0.5,
52
+ height: 0.5,
53
+ fill: "currentColor"
54
+ }), /*#__PURE__*/_jsx("rect", {
55
+ x: 1,
56
+ width: 0.5,
57
+ height: 0.5,
58
+ fill: "currentColor"
59
+ }), /*#__PURE__*/_jsx("rect", {
60
+ x: 1,
61
+ y: 1,
62
+ width: 0.5,
63
+ height: 0.5,
64
+ fill: "currentColor"
65
+ }), /*#__PURE__*/_jsx("rect", {
66
+ x: 1,
67
+ y: 0.5,
68
+ width: 0.5,
69
+ height: 0.5,
70
+ fill: "currentColor"
71
+ }), /*#__PURE__*/_jsx("rect", {
72
+ x: 0.5,
73
+ width: 0.5,
74
+ height: 0.5,
75
+ fill: "currentColor"
76
+ }), /*#__PURE__*/_jsx("rect", {
77
+ x: 0.5,
78
+ y: 1,
79
+ width: 0.5,
80
+ height: 0.5,
81
+ fill: "currentColor"
82
+ }), /*#__PURE__*/_jsx("rect", {
83
+ x: 0.5,
84
+ y: 0.5,
85
+ width: 0.5,
86
+ height: 0.5,
87
+ fill: "currentColor"
88
+ })]
89
+ }), /*#__PURE__*/_jsx("rect", {
90
+ width: "100%",
91
+ height: "100%",
92
+ fill: "url(#".concat(patternId, ")")
93
+ })]
84
94
  }));
85
95
  });
package/dist/patterns/DotRegular.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 DotRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Dot Regular' : _ref$title,
@@ -14,29 +20,33 @@ export var DotRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('DotRegular');
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("circle", {
33
- cx: 0.5,
34
- cy: 0.5,
35
- r: 0.5,
36
- fill: "currentColor"
37
- })), /*#__PURE__*/React.createElement("rect", {
38
- width: "100%",
39
- height: "100%",
40
- fill: "url(#".concat(patternId, ")")
29
+ }, props), {}, {
30
+ children: [title ? /*#__PURE__*/_jsx("title", {
31
+ id: titleId,
32
+ children: title
33
+ }) : null, /*#__PURE__*/_jsx("pattern", {
34
+ id: patternId,
35
+ x: 0,
36
+ y: 0,
37
+ width: 8,
38
+ height: 8,
39
+ patternUnits: "userSpaceOnUse",
40
+ children: /*#__PURE__*/_jsx("circle", {
41
+ cx: 0.5,
42
+ cy: 0.5,
43
+ r: 0.5,
44
+ fill: "currentColor"
45
+ })
46
+ }), /*#__PURE__*/_jsx("rect", {
47
+ width: "100%",
48
+ height: "100%",
49
+ fill: "url(#".concat(patternId, ")")
50
+ })]
41
51
  }));
42
52
  });
package/dist/patterns/ExDense.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 ExDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
17
  var _ref$title = _ref.title,
12
18
  title = _ref$title === void 0 ? 'Ex Dense' : _ref$title,
@@ -14,51 +20,55 @@ export var ExDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
14
20
  props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
21
 
16
22
  var patternId = usePatternId('ExDense');
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
- 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: 3,
50
- width: 1,
51
- height: 1,
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 3,
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: 4,
38
+ height: 4,
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: 3,
58
+ width: 1,
59
+ height: 1,
60
+ fill: "currentColor"
61
+ }), /*#__PURE__*/_jsx("rect", {
62
+ x: 3,
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
  });