@codecademy/gamut-patterns 0.8.9-alpha.7b7eab.0 → 0.8.9-alpha.9bfc43.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 (97) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +4 -4
  3. package/project.json +2 -1
  4. package/dist/index.d.ts +0 -2
  5. package/dist/index.js +0 -2
  6. package/dist/patterns/CheckerDense.d.ts +0 -3
  7. package/dist/patterns/CheckerDense.js +0 -47
  8. package/dist/patterns/CheckerLoose.d.ts +0 -3
  9. package/dist/patterns/CheckerLoose.js +0 -47
  10. package/dist/patterns/CheckerRegular.d.ts +0 -3
  11. package/dist/patterns/CheckerRegular.js +0 -47
  12. package/dist/patterns/DiagonalADense.d.ts +0 -3
  13. package/dist/patterns/DiagonalADense.js +0 -81
  14. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  15. package/dist/patterns/DiagonalALoose.js +0 -225
  16. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  17. package/dist/patterns/DiagonalARegular.js +0 -129
  18. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  19. package/dist/patterns/DiagonalBDense.js +0 -63
  20. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  21. package/dist/patterns/DiagonalBLoose.js +0 -131
  22. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  23. package/dist/patterns/DiagonalBRegular.js +0 -87
  24. package/dist/patterns/DotDense.d.ts +0 -3
  25. package/dist/patterns/DotDense.js +0 -42
  26. package/dist/patterns/DotLoose.d.ts +0 -3
  27. package/dist/patterns/DotLoose.js +0 -85
  28. package/dist/patterns/DotRegular.d.ts +0 -3
  29. package/dist/patterns/DotRegular.js +0 -42
  30. package/dist/patterns/ExDense.d.ts +0 -3
  31. package/dist/patterns/ExDense.js +0 -64
  32. package/dist/patterns/ExLoose.d.ts +0 -3
  33. package/dist/patterns/ExLoose.js +0 -64
  34. package/dist/patterns/ExRegular.d.ts +0 -3
  35. package/dist/patterns/ExRegular.js +0 -64
  36. package/dist/patterns/FlowerDense.d.ts +0 -3
  37. package/dist/patterns/FlowerDense.js +0 -58
  38. package/dist/patterns/FlowerLoose.d.ts +0 -3
  39. package/dist/patterns/FlowerLoose.js +0 -58
  40. package/dist/patterns/FlowerRegular.d.ts +0 -3
  41. package/dist/patterns/FlowerRegular.js +0 -58
  42. package/dist/patterns/GridDense.d.ts +0 -3
  43. package/dist/patterns/GridDense.js +0 -57
  44. package/dist/patterns/GridLoose.d.ts +0 -3
  45. package/dist/patterns/GridLoose.js +0 -57
  46. package/dist/patterns/GridRegular.d.ts +0 -3
  47. package/dist/patterns/GridRegular.js +0 -57
  48. package/dist/patterns/Herringbone.d.ts +0 -3
  49. package/dist/patterns/Herringbone.js +0 -75
  50. package/dist/patterns/RainDense.d.ts +0 -3
  51. package/dist/patterns/RainDense.js +0 -47
  52. package/dist/patterns/RainLoose.d.ts +0 -3
  53. package/dist/patterns/RainLoose.js +0 -47
  54. package/dist/patterns/RainRegular.d.ts +0 -3
  55. package/dist/patterns/RainRegular.js +0 -47
  56. package/dist/patterns/StripeDense.d.ts +0 -3
  57. package/dist/patterns/StripeDense.js +0 -79
  58. package/dist/patterns/StripeLoose.d.ts +0 -3
  59. package/dist/patterns/StripeLoose.js +0 -211
  60. package/dist/patterns/StripeRegular.d.ts +0 -3
  61. package/dist/patterns/StripeRegular.js +0 -123
  62. package/dist/patterns/index.d.ts +0 -28
  63. package/dist/patterns/index.js +0 -28
  64. package/dist/props.d.ts +0 -193
  65. package/dist/props.js +0 -9
  66. package/dist/svg/CheckerDense.svg +0 -14
  67. package/dist/svg/CheckerLoose.svg +0 -14
  68. package/dist/svg/CheckerRegular.svg +0 -14
  69. package/dist/svg/DiagonalADense.svg +0 -20
  70. package/dist/svg/DiagonalALoose.svg +0 -44
  71. package/dist/svg/DiagonalARegular.svg +0 -28
  72. package/dist/svg/DiagonalBDense.svg +0 -24
  73. package/dist/svg/DiagonalBLoose.svg +0 -28
  74. package/dist/svg/DiagonalBRegular.svg +0 -28
  75. package/dist/svg/DotDense.svg +0 -13
  76. package/dist/svg/DotLoose.svg +0 -40
  77. package/dist/svg/DotRegular.svg +0 -13
  78. package/dist/svg/ExDense.svg +0 -17
  79. package/dist/svg/ExLoose.svg +0 -17
  80. package/dist/svg/ExRegular.svg +0 -17
  81. package/dist/svg/FlowerDense.svg +0 -16
  82. package/dist/svg/FlowerLoose.svg +0 -16
  83. package/dist/svg/FlowerRegular.svg +0 -16
  84. package/dist/svg/GridDense.svg +0 -16
  85. package/dist/svg/GridLoose.svg +0 -16
  86. package/dist/svg/GridRegular.svg +0 -16
  87. package/dist/svg/Herringbone.svg +0 -19
  88. package/dist/svg/RainDense.svg +0 -14
  89. package/dist/svg/RainLoose.svg +0 -14
  90. package/dist/svg/RainRegular.svg +0 -14
  91. package/dist/svg/StripeDense.svg +0 -20
  92. package/dist/svg/StripeLoose.svg +0 -44
  93. package/dist/svg/StripeRegular.svg +0 -28
  94. package/dist/types.d.ts +0 -1
  95. package/dist/types.js +0 -0
  96. package/dist/usePatternId.d.ts +0 -1
  97. package/dist/usePatternId.js +0 -10
@@ -1,64 +0,0 @@
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
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const FlowerDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,58 +0,0 @@
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
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const FlowerLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,58 +0,0 @@
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
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const FlowerRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,58 +0,0 @@
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
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const GridDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,57 +0,0 @@
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
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const GridLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,57 +0,0 @@
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 GridLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Grid Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('GridLoose');
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
- 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, ")")
56
- }));
57
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const GridRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,57 +0,0 @@
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 GridRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Grid Regular' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('GridRegular');
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
- 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, ")")
56
- }));
57
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const Herringbone: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,75 +0,0 @@
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 Herringbone = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Herringbone' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('Herringbone');
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
- 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, ")")
74
- }));
75
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,47 +0,0 @@
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 RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Rain Dense' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('RainDense');
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
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
46
- }));
47
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,47 +0,0 @@
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 RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Rain Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('RainLoose');
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
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
46
- }));
47
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;