@codecademy/gamut-patterns 1.0.0-alpha.f654e8.0 → 1.0.0-alpha.f6cb5a.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 (105) hide show
  1. package/.svgo.yml +11 -0
  2. package/CHANGELOG.md +316 -2
  3. package/README.md +4 -3
  4. package/babel.config.js +5 -0
  5. package/dist/index.d.ts +2 -0
  6. package/dist/index.js +2 -0
  7. package/dist/patterns/CheckerDense.d.ts +3 -0
  8. package/dist/patterns/CheckerDense.js +47 -0
  9. package/dist/patterns/CheckerLoose.d.ts +3 -0
  10. package/dist/patterns/CheckerLoose.js +47 -0
  11. package/dist/patterns/CheckerRegular.d.ts +3 -0
  12. package/dist/patterns/CheckerRegular.js +47 -0
  13. package/dist/patterns/DiagonalADense.d.ts +3 -0
  14. package/dist/patterns/DiagonalADense.js +81 -0
  15. package/dist/patterns/DiagonalALoose.d.ts +3 -0
  16. package/dist/patterns/DiagonalALoose.js +225 -0
  17. package/dist/patterns/DiagonalARegular.d.ts +3 -0
  18. package/dist/patterns/DiagonalARegular.js +129 -0
  19. package/dist/patterns/DiagonalBDense.d.ts +3 -0
  20. package/dist/patterns/DiagonalBDense.js +63 -0
  21. package/dist/patterns/DiagonalBLoose.d.ts +3 -0
  22. package/dist/patterns/DiagonalBLoose.js +131 -0
  23. package/dist/patterns/DiagonalBRegular.d.ts +3 -0
  24. package/dist/patterns/DiagonalBRegular.js +87 -0
  25. package/dist/patterns/DotDense.d.ts +3 -0
  26. package/dist/patterns/DotDense.js +42 -0
  27. package/dist/patterns/DotLoose.d.ts +3 -0
  28. package/dist/patterns/DotLoose.js +85 -0
  29. package/dist/patterns/DotRegular.d.ts +3 -0
  30. package/dist/patterns/DotRegular.js +42 -0
  31. package/dist/patterns/ExDense.d.ts +3 -0
  32. package/dist/patterns/ExDense.js +64 -0
  33. package/dist/patterns/ExLoose.d.ts +3 -0
  34. package/dist/patterns/ExLoose.js +64 -0
  35. package/dist/patterns/ExRegular.d.ts +3 -0
  36. package/dist/patterns/ExRegular.js +64 -0
  37. package/dist/patterns/FlowerDense.d.ts +3 -0
  38. package/dist/patterns/FlowerDense.js +58 -0
  39. package/dist/patterns/FlowerLoose.d.ts +3 -0
  40. package/dist/patterns/FlowerLoose.js +58 -0
  41. package/dist/patterns/FlowerRegular.d.ts +3 -0
  42. package/dist/patterns/FlowerRegular.js +58 -0
  43. package/dist/patterns/GridDense.d.ts +3 -0
  44. package/dist/patterns/GridDense.js +57 -0
  45. package/dist/patterns/GridLoose.d.ts +3 -0
  46. package/dist/patterns/GridLoose.js +57 -0
  47. package/dist/patterns/GridRegular.d.ts +3 -0
  48. package/dist/patterns/GridRegular.js +57 -0
  49. package/dist/patterns/Herringbone.d.ts +3 -0
  50. package/dist/patterns/Herringbone.js +75 -0
  51. package/dist/patterns/RainDense.d.ts +3 -0
  52. package/dist/patterns/RainDense.js +47 -0
  53. package/dist/patterns/RainLoose.d.ts +3 -0
  54. package/dist/patterns/RainLoose.js +47 -0
  55. package/dist/patterns/RainRegular.d.ts +3 -0
  56. package/dist/patterns/RainRegular.js +47 -0
  57. package/dist/patterns/StripeDense.d.ts +3 -0
  58. package/dist/patterns/StripeDense.js +79 -0
  59. package/dist/patterns/StripeLoose.d.ts +3 -0
  60. package/dist/patterns/StripeLoose.js +211 -0
  61. package/dist/patterns/StripeRegular.d.ts +3 -0
  62. package/dist/patterns/StripeRegular.js +123 -0
  63. package/dist/patterns/index.d.ts +28 -0
  64. package/dist/patterns/index.js +28 -0
  65. package/dist/props.d.ts +193 -0
  66. package/dist/props.js +9 -0
  67. package/dist/svg/CheckerDense.svg +14 -0
  68. package/dist/svg/CheckerLoose.svg +14 -0
  69. package/dist/svg/CheckerRegular.svg +14 -0
  70. package/dist/svg/DiagonalADense.svg +20 -0
  71. package/dist/svg/DiagonalALoose.svg +44 -0
  72. package/dist/svg/DiagonalARegular.svg +28 -0
  73. package/dist/svg/DiagonalBDense.svg +24 -0
  74. package/dist/svg/DiagonalBLoose.svg +28 -0
  75. package/dist/svg/DiagonalBRegular.svg +28 -0
  76. package/dist/svg/DotDense.svg +13 -0
  77. package/dist/svg/DotLoose.svg +40 -0
  78. package/dist/svg/DotRegular.svg +13 -0
  79. package/dist/svg/ExDense.svg +17 -0
  80. package/dist/svg/ExLoose.svg +17 -0
  81. package/dist/svg/ExRegular.svg +17 -0
  82. package/dist/svg/FlowerDense.svg +16 -0
  83. package/dist/svg/FlowerLoose.svg +16 -0
  84. package/dist/svg/FlowerRegular.svg +16 -0
  85. package/dist/svg/GridDense.svg +16 -0
  86. package/dist/svg/GridLoose.svg +16 -0
  87. package/dist/svg/GridRegular.svg +16 -0
  88. package/dist/svg/Herringbone.svg +19 -0
  89. package/dist/svg/RainDense.svg +14 -0
  90. package/dist/svg/RainLoose.svg +14 -0
  91. package/dist/svg/RainRegular.svg +14 -0
  92. package/dist/svg/StripeDense.svg +20 -0
  93. package/dist/svg/StripeLoose.svg +44 -0
  94. package/dist/svg/StripeRegular.svg +28 -0
  95. package/dist/types.d.ts +1 -0
  96. package/dist/types.js +0 -0
  97. package/dist/usePatternId.d.ts +1 -0
  98. package/dist/usePatternId.js +10 -0
  99. package/emotion-plugin.js +46 -0
  100. package/index-template.js +10 -0
  101. package/jest.config.js +1 -0
  102. package/package.json +24 -28
  103. package/pattern-template.js +30 -0
  104. package/svgr.config.js +29 -0
  105. package/tsconfig.json +12 -0
@@ -0,0 +1,42 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var DotDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Dot Dense' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('DotDense');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
41
+ }));
42
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const DotLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,85 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var DotLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Dot Loose' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('DotLoose');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
84
+ }));
85
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const DotRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,42 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var DotRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Dot Regular' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('DotRegular');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
41
+ }));
42
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const ExDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,64 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var ExDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Ex Dense' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('ExDense');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
63
+ }));
64
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const ExLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,64 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var ExLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Ex Loose' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('ExLoose');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
63
+ }));
64
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const ExRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,64 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var ExRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Ex Regular' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('ExRegular');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
63
+ }));
64
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const FlowerDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,58 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var FlowerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Flower Dense' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('FlowerDense');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
57
+ }));
58
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const FlowerLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,58 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var FlowerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Flower Loose' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('FlowerLoose');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
57
+ }));
58
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const FlowerRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,58 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var FlowerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Flower Regular' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('FlowerRegular');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
57
+ }));
58
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const GridDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,57 @@
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
+
3
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
+
5
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
+
7
+ import * as React from 'react';
8
+ import { Svg } from '../props';
9
+ import { usePatternId } from '../usePatternId';
10
+ export var GridDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
+ var _ref$title = _ref.title,
12
+ title = _ref$title === void 0 ? 'Grid Dense' : _ref$title,
13
+ titleId = _ref.titleId,
14
+ props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
+
16
+ var patternId = usePatternId('GridDense');
17
+ return /*#__PURE__*/React.createElement(Svg, _extends({
18
+ fill: "currentColor",
19
+ role: "img",
20
+ "aria-hidden": "true",
21
+ ref: svgRef,
22
+ "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, ")")
56
+ }));
57
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const GridLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;