@codecademy/gamut-patterns 1.0.0-alpha.c3e36a.0 → 1.0.0-alpha.d04966.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 (180) hide show
  1. package/.svgo.yml +11 -0
  2. package/CHANGELOG.md +316 -2
  3. package/babel.config.js +0 -10
  4. package/dist/index.d.ts +1 -10
  5. package/dist/index.js +1 -10
  6. package/dist/patterns/CheckerDense.d.ts +3 -0
  7. package/dist/patterns/CheckerDense.js +47 -0
  8. package/dist/patterns/CheckerLoose.d.ts +3 -0
  9. package/dist/patterns/CheckerLoose.js +47 -0
  10. package/dist/patterns/CheckerRegular.d.ts +3 -0
  11. package/dist/patterns/CheckerRegular.js +47 -0
  12. package/dist/patterns/DiagonalADense.d.ts +3 -0
  13. package/dist/patterns/DiagonalADense.js +81 -0
  14. package/dist/patterns/DiagonalALoose.d.ts +3 -0
  15. package/dist/patterns/DiagonalALoose.js +225 -0
  16. package/dist/patterns/DiagonalARegular.d.ts +3 -0
  17. package/dist/patterns/DiagonalARegular.js +129 -0
  18. package/dist/patterns/DiagonalBDense.d.ts +3 -0
  19. package/dist/patterns/DiagonalBDense.js +63 -0
  20. package/dist/patterns/DiagonalBLoose.d.ts +3 -0
  21. package/dist/patterns/DiagonalBLoose.js +131 -0
  22. package/dist/patterns/DiagonalBRegular.d.ts +3 -0
  23. package/dist/patterns/DiagonalBRegular.js +87 -0
  24. package/dist/patterns/DotDense.d.ts +3 -0
  25. package/dist/patterns/DotDense.js +42 -0
  26. package/dist/patterns/DotLoose.d.ts +3 -0
  27. package/dist/patterns/DotLoose.js +85 -0
  28. package/dist/patterns/DotRegular.d.ts +3 -0
  29. package/dist/patterns/DotRegular.js +42 -0
  30. package/dist/patterns/ExDense.d.ts +3 -0
  31. package/dist/patterns/ExDense.js +64 -0
  32. package/dist/patterns/ExLoose.d.ts +3 -0
  33. package/dist/patterns/ExLoose.js +64 -0
  34. package/dist/patterns/ExRegular.d.ts +3 -0
  35. package/dist/patterns/ExRegular.js +64 -0
  36. package/dist/patterns/FlowerDense.d.ts +3 -0
  37. package/dist/patterns/FlowerDense.js +58 -0
  38. package/dist/patterns/FlowerLoose.d.ts +3 -0
  39. package/dist/patterns/FlowerLoose.js +58 -0
  40. package/dist/patterns/FlowerRegular.d.ts +3 -0
  41. package/dist/patterns/FlowerRegular.js +58 -0
  42. package/dist/patterns/GridDense.d.ts +3 -0
  43. package/dist/patterns/GridDense.js +57 -0
  44. package/dist/patterns/GridLoose.d.ts +3 -0
  45. package/dist/patterns/GridLoose.js +57 -0
  46. package/dist/patterns/GridRegular.d.ts +3 -0
  47. package/dist/patterns/GridRegular.js +57 -0
  48. package/dist/patterns/Herringbone.d.ts +3 -0
  49. package/dist/patterns/Herringbone.js +75 -0
  50. package/dist/patterns/RainDense.d.ts +3 -0
  51. package/dist/patterns/RainDense.js +47 -0
  52. package/dist/patterns/RainLoose.d.ts +3 -0
  53. package/dist/patterns/RainLoose.js +47 -0
  54. package/dist/patterns/RainRegular.d.ts +3 -0
  55. package/dist/patterns/RainRegular.js +47 -0
  56. package/dist/patterns/StripeDense.d.ts +3 -0
  57. package/dist/patterns/StripeDense.js +79 -0
  58. package/dist/patterns/StripeLoose.d.ts +3 -0
  59. package/dist/patterns/StripeLoose.js +211 -0
  60. package/dist/patterns/StripeRegular.d.ts +3 -0
  61. package/dist/patterns/StripeRegular.js +123 -0
  62. package/dist/patterns/index.d.ts +28 -0
  63. package/dist/patterns/index.js +28 -0
  64. package/dist/props.d.ts +193 -0
  65. package/dist/props.js +9 -0
  66. package/dist/svg/CheckerDense.svg +14 -0
  67. package/dist/svg/CheckerLoose.svg +14 -0
  68. package/dist/svg/CheckerRegular.svg +14 -0
  69. package/dist/svg/DiagonalADense.svg +20 -0
  70. package/dist/svg/DiagonalALoose.svg +44 -0
  71. package/dist/svg/DiagonalARegular.svg +28 -0
  72. package/dist/svg/DiagonalBDense.svg +24 -0
  73. package/dist/svg/DiagonalBLoose.svg +28 -0
  74. package/dist/svg/DiagonalBRegular.svg +28 -0
  75. package/dist/svg/DotDense.svg +13 -0
  76. package/dist/svg/DotLoose.svg +40 -0
  77. package/dist/svg/DotRegular.svg +13 -0
  78. package/dist/svg/ExDense.svg +17 -0
  79. package/dist/svg/ExLoose.svg +17 -0
  80. package/dist/svg/ExRegular.svg +17 -0
  81. package/dist/svg/FlowerDense.svg +16 -0
  82. package/dist/svg/FlowerLoose.svg +16 -0
  83. package/dist/svg/FlowerRegular.svg +16 -0
  84. package/dist/svg/GridDense.svg +16 -0
  85. package/dist/svg/GridLoose.svg +16 -0
  86. package/dist/svg/GridRegular.svg +16 -0
  87. package/dist/svg/Herringbone.svg +19 -0
  88. package/dist/svg/RainDense.svg +14 -0
  89. package/dist/svg/RainLoose.svg +14 -0
  90. package/dist/svg/RainRegular.svg +14 -0
  91. package/dist/svg/StripeDense.svg +20 -0
  92. package/dist/svg/StripeLoose.svg +44 -0
  93. package/dist/svg/StripeRegular.svg +28 -0
  94. package/dist/types.d.ts +1 -282
  95. package/dist/types.js +0 -11
  96. package/dist/usePatternId.d.ts +1 -0
  97. package/dist/usePatternId.js +10 -0
  98. package/emotion-plugin.js +46 -0
  99. package/icon-template.js +28 -0
  100. package/index-template.js +10 -0
  101. package/jest.config.js +1 -0
  102. package/package.json +20 -14
  103. package/svgr.config.js +29 -0
  104. package/tsconfig.json +6 -1
  105. package/dist/patterns/checker/CheckerDense.d.ts +0 -3
  106. package/dist/patterns/checker/CheckerDense.js +0 -37
  107. package/dist/patterns/checker/CheckerLoose.d.ts +0 -3
  108. package/dist/patterns/checker/CheckerLoose.js +0 -37
  109. package/dist/patterns/checker/CheckerRegular.d.ts +0 -3
  110. package/dist/patterns/checker/CheckerRegular.js +0 -37
  111. package/dist/patterns/checker/index.d.ts +0 -3
  112. package/dist/patterns/checker/index.js +0 -3
  113. package/dist/patterns/diagonalA/DiagonalADense.d.ts +0 -3
  114. package/dist/patterns/diagonalA/DiagonalADense.js +0 -71
  115. package/dist/patterns/diagonalA/DiagonalALoose.d.ts +0 -3
  116. package/dist/patterns/diagonalA/DiagonalALoose.js +0 -215
  117. package/dist/patterns/diagonalA/DiagonalARegular.d.ts +0 -3
  118. package/dist/patterns/diagonalA/DiagonalARegular.js +0 -119
  119. package/dist/patterns/diagonalA/index.d.ts +0 -3
  120. package/dist/patterns/diagonalA/index.js +0 -3
  121. package/dist/patterns/diagonalB/DiagonalBDense.d.ts +0 -3
  122. package/dist/patterns/diagonalB/DiagonalBDense.js +0 -61
  123. package/dist/patterns/diagonalB/DiagonalBLoose.d.ts +0 -3
  124. package/dist/patterns/diagonalB/DiagonalBLoose.js +0 -121
  125. package/dist/patterns/diagonalB/DiagonalBRegular.d.ts +0 -3
  126. package/dist/patterns/diagonalB/DiagonalBRegular.js +0 -85
  127. package/dist/patterns/diagonalB/index.d.ts +0 -3
  128. package/dist/patterns/diagonalB/index.js +0 -3
  129. package/dist/patterns/dot/DotDense.d.ts +0 -3
  130. package/dist/patterns/dot/DotDense.js +0 -32
  131. package/dist/patterns/dot/DotLoose.d.ts +0 -3
  132. package/dist/patterns/dot/DotLoose.js +0 -79
  133. package/dist/patterns/dot/DotRegular.d.ts +0 -3
  134. package/dist/patterns/dot/DotRegular.js +0 -32
  135. package/dist/patterns/dot/index.d.ts +0 -3
  136. package/dist/patterns/dot/index.js +0 -3
  137. package/dist/patterns/ex/ExDense.d.ts +0 -3
  138. package/dist/patterns/ex/ExDense.js +0 -54
  139. package/dist/patterns/ex/ExLoose.d.ts +0 -3
  140. package/dist/patterns/ex/ExLoose.js +0 -54
  141. package/dist/patterns/ex/ExRegular.d.ts +0 -3
  142. package/dist/patterns/ex/ExRegular.js +0 -54
  143. package/dist/patterns/ex/index.d.ts +0 -3
  144. package/dist/patterns/ex/index.js +0 -3
  145. package/dist/patterns/flower/FlowerDense.d.ts +0 -3
  146. package/dist/patterns/flower/FlowerDense.js +0 -48
  147. package/dist/patterns/flower/FlowerLoose.d.ts +0 -3
  148. package/dist/patterns/flower/FlowerLoose.js +0 -48
  149. package/dist/patterns/flower/FlowerRegular.d.ts +0 -3
  150. package/dist/patterns/flower/FlowerRegular.js +0 -48
  151. package/dist/patterns/flower/index.d.ts +0 -3
  152. package/dist/patterns/flower/index.js +0 -3
  153. package/dist/patterns/grid/GridDense.d.ts +0 -3
  154. package/dist/patterns/grid/GridDense.js +0 -47
  155. package/dist/patterns/grid/GridLoose.d.ts +0 -3
  156. package/dist/patterns/grid/GridLoose.js +0 -47
  157. package/dist/patterns/grid/GridRegular.d.ts +0 -3
  158. package/dist/patterns/grid/GridRegular.js +0 -47
  159. package/dist/patterns/grid/index.d.ts +0 -3
  160. package/dist/patterns/grid/index.js +0 -3
  161. package/dist/patterns/herringbone/Herringbone.d.ts +0 -3
  162. package/dist/patterns/herringbone/Herringbone.js +0 -65
  163. package/dist/patterns/herringbone/index.d.ts +0 -1
  164. package/dist/patterns/herringbone/index.js +0 -1
  165. package/dist/patterns/rain/RainDense.d.ts +0 -3
  166. package/dist/patterns/rain/RainDense.js +0 -37
  167. package/dist/patterns/rain/RainLoose.d.ts +0 -3
  168. package/dist/patterns/rain/RainLoose.js +0 -37
  169. package/dist/patterns/rain/RainRegular.d.ts +0 -3
  170. package/dist/patterns/rain/RainRegular.js +0 -37
  171. package/dist/patterns/rain/index.d.ts +0 -3
  172. package/dist/patterns/rain/index.js +0 -3
  173. package/dist/patterns/stripe/StripeDense.d.ts +0 -3
  174. package/dist/patterns/stripe/StripeDense.js +0 -69
  175. package/dist/patterns/stripe/StripeLoose.d.ts +0 -3
  176. package/dist/patterns/stripe/StripeLoose.js +0 -201
  177. package/dist/patterns/stripe/StripeRegular.d.ts +0 -3
  178. package/dist/patterns/stripe/StripeRegular.js +0 -113
  179. package/dist/patterns/stripe/index.d.ts +0 -3
  180. package/dist/patterns/stripe/index.js +0 -3
@@ -1,48 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var FlowerDense = function FlowerDense(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "flowerDense",
15
- x: "0",
16
- y: "0",
17
- width: "4",
18
- height: "4",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- }), /*#__PURE__*/React.createElement("rect", {
31
- y: "2",
32
- width: "1",
33
- height: "1",
34
- fill: "currentColor"
35
- }), /*#__PURE__*/React.createElement("rect", {
36
- x: "3",
37
- y: "1",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- })), /*#__PURE__*/React.createElement("rect", {
42
- x: "0",
43
- y: "0",
44
- width: "100%",
45
- height: "100%",
46
- fill: "url(#flowerDense)"
47
- }));
48
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const FlowerLoose: React.FC<PatternComponent>;
@@ -1,48 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var FlowerLoose = function FlowerLoose(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "flowerLoose",
15
- x: "0",
16
- y: "0",
17
- width: "16",
18
- height: "16",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- }), /*#__PURE__*/React.createElement("rect", {
31
- y: "2",
32
- width: "1",
33
- height: "1",
34
- fill: "currentColor"
35
- }), /*#__PURE__*/React.createElement("rect", {
36
- x: "15",
37
- y: "1",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- })), /*#__PURE__*/React.createElement("rect", {
42
- x: "0",
43
- y: "0",
44
- width: "100%",
45
- height: "100%",
46
- fill: "url(#flowerLoose)"
47
- }));
48
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const FlowerRegular: React.FC<PatternComponent>;
@@ -1,48 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var FlowerRegular = function FlowerRegular(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "flowerRegular",
15
- x: "0",
16
- y: "0",
17
- width: "8",
18
- height: "8",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- }), /*#__PURE__*/React.createElement("rect", {
31
- y: "2",
32
- width: "1",
33
- height: "1",
34
- fill: "currentColor"
35
- }), /*#__PURE__*/React.createElement("rect", {
36
- x: "7",
37
- y: "1",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- })), /*#__PURE__*/React.createElement("rect", {
42
- x: "0",
43
- y: "0",
44
- width: "100%",
45
- height: "100%",
46
- fill: "url(#flowerRegular)"
47
- }));
48
- };
@@ -1,3 +0,0 @@
1
- export * from './FlowerDense';
2
- export * from './FlowerLoose';
3
- export * from './FlowerRegular';
@@ -1,3 +0,0 @@
1
- export * from './FlowerDense';
2
- export * from './FlowerLoose';
3
- export * from './FlowerRegular';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const GridDense: React.FC<PatternComponent>;
@@ -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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var GridDense = function GridDense(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "gridDense",
15
- x: "0",
16
- y: "0",
17
- width: "4",
18
- height: "4",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- y: "2",
26
- width: "1",
27
- height: "1",
28
- fill: "currentColor"
29
- }), /*#__PURE__*/React.createElement("rect", {
30
- x: "2",
31
- width: "1",
32
- height: "1",
33
- fill: "currentColor"
34
- }), /*#__PURE__*/React.createElement("rect", {
35
- x: "2",
36
- y: "2",
37
- width: "1",
38
- height: "1",
39
- fill: "currentColor"
40
- })), /*#__PURE__*/React.createElement("rect", {
41
- x: "0",
42
- y: "0",
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#gridDense)"
46
- }));
47
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const GridLoose: React.FC<PatternComponent>;
@@ -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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var GridLoose = function GridLoose(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "gridLoose",
15
- x: "0",
16
- y: "0",
17
- width: "16",
18
- height: "16",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- y: "8",
26
- width: "1",
27
- height: "1",
28
- fill: "currentColor"
29
- }), /*#__PURE__*/React.createElement("rect", {
30
- x: "8",
31
- width: "1",
32
- height: "1",
33
- fill: "currentColor"
34
- }), /*#__PURE__*/React.createElement("rect", {
35
- x: "8",
36
- y: "8",
37
- width: "1",
38
- height: "1",
39
- fill: "currentColor"
40
- })), /*#__PURE__*/React.createElement("rect", {
41
- x: "0",
42
- y: "0",
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#gridLoose)"
46
- }));
47
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const GridRegular: React.FC<PatternComponent>;
@@ -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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var GridRegular = function GridRegular(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "gridRegular",
15
- x: "0",
16
- y: "0",
17
- width: "8",
18
- height: "8",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- y: "4",
26
- width: "1",
27
- height: "1",
28
- fill: "currentColor"
29
- }), /*#__PURE__*/React.createElement("rect", {
30
- x: "4",
31
- width: "1",
32
- height: "1",
33
- fill: "currentColor"
34
- }), /*#__PURE__*/React.createElement("rect", {
35
- x: "4",
36
- y: "4",
37
- width: "1",
38
- height: "1",
39
- fill: "currentColor"
40
- })), /*#__PURE__*/React.createElement("rect", {
41
- x: "0",
42
- y: "0",
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#gridRegular)"
46
- }));
47
- };
@@ -1,3 +0,0 @@
1
- export * from './GridDense';
2
- export * from './GridLoose';
3
- export * from './GridRegular';
@@ -1,3 +0,0 @@
1
- export * from './GridDense';
2
- export * from './GridLoose';
3
- export * from './GridRegular';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const Herringbone: React.FC<PatternComponent>;
@@ -1,65 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var Herringbone = function Herringbone(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "herringbone",
15
- x: "0",
16
- y: "0",
17
- width: "4",
18
- height: "4",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- y: "1",
22
- width: "1",
23
- height: "1",
24
- fill: "herringbone"
25
- }), /*#__PURE__*/React.createElement("rect", {
26
- x: "1",
27
- y: "2",
28
- width: "1",
29
- height: "1",
30
- fill: "herringbone"
31
- }), /*#__PURE__*/React.createElement("rect", {
32
- x: "3",
33
- width: "1",
34
- height: "1",
35
- fill: "herringbone"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: "2",
38
- width: "1",
39
- height: "1",
40
- fill: "herringbone"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: "3",
43
- y: "1",
44
- width: "1",
45
- height: "1",
46
- fill: "herringbone"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: "3",
49
- y: "3",
50
- width: "1",
51
- height: "1",
52
- fill: "herringbone"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- y: "3",
55
- width: "1",
56
- height: "1",
57
- fill: "herringbone"
58
- })), /*#__PURE__*/React.createElement("rect", {
59
- x: "0",
60
- y: "0",
61
- width: "100%",
62
- height: "100%",
63
- fill: "url(#herringbone)"
64
- }));
65
- };
@@ -1 +0,0 @@
1
- export * from './Herringbone';
@@ -1 +0,0 @@
1
- export * from './Herringbone';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const RainDense: React.FC<PatternComponent>;
@@ -1,37 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var RainDense = function RainDense(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "rainDense",
15
- x: "0",
16
- y: "0",
17
- width: "4",
18
- height: "4",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- })), /*#__PURE__*/React.createElement("rect", {
31
- x: "0",
32
- y: "0",
33
- width: "100%",
34
- height: "100%",
35
- fill: "url(#rainDense)"
36
- }));
37
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const RainLoose: React.FC<PatternComponent>;
@@ -1,37 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var RainLoose = function RainLoose(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "rainLoose",
15
- x: "0",
16
- y: "0",
17
- width: "16",
18
- height: "16",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- })), /*#__PURE__*/React.createElement("rect", {
31
- x: "0",
32
- y: "0",
33
- width: "100%",
34
- height: "100%",
35
- fill: "url(#rainLoose)"
36
- }));
37
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const RainRegular: React.FC<PatternComponent>;
@@ -1,37 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var RainRegular = function RainRegular(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "rainRegular",
15
- x: "0",
16
- y: "0",
17
- width: "8",
18
- height: "8",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- width: "1",
22
- height: "1",
23
- fill: "currentColor"
24
- }), /*#__PURE__*/React.createElement("rect", {
25
- x: "1",
26
- y: "1",
27
- width: "1",
28
- height: "1",
29
- fill: "currentColor"
30
- })), /*#__PURE__*/React.createElement("rect", {
31
- x: "0",
32
- y: "0",
33
- width: "100%",
34
- height: "100%",
35
- fill: "url(#rainRegular)"
36
- }));
37
- };
@@ -1,3 +0,0 @@
1
- export * from './RainDense';
2
- export * from './RainLoose';
3
- export * from './RainRegular';
@@ -1,3 +0,0 @@
1
- export * from './RainDense';
2
- export * from './RainLoose';
3
- export * from './RainRegular';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const StripeDense: React.FC<PatternComponent>;
@@ -1,69 +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
- import React from 'react';
4
- import { PatternSvg } from '../../types';
5
- export var StripeDense = function StripeDense(_ref) {
6
- var props = _extends({}, _ref);
7
-
8
- return /*#__PURE__*/React.createElement(PatternSvg, _extends({
9
- width: "100%",
10
- height: "100%"
11
- }, props, {
12
- "aria-hidden": true
13
- }), /*#__PURE__*/React.createElement("pattern", {
14
- id: "stripeDense",
15
- x: "0",
16
- y: "0",
17
- width: "4",
18
- height: "4",
19
- patternUnits: "userSpaceOnUse"
20
- }, /*#__PURE__*/React.createElement("rect", {
21
- x: "1",
22
- width: "1",
23
- height: "1",
24
- fill: "currentColor"
25
- }), /*#__PURE__*/React.createElement("rect", {
26
- width: "1",
27
- height: "1",
28
- fill: "currentColor"
29
- }), /*#__PURE__*/React.createElement("rect", {
30
- x: "2",
31
- width: "1",
32
- height: "1",
33
- fill: "currentColor"
34
- }), /*#__PURE__*/React.createElement("rect", {
35
- x: "3",
36
- width: "1",
37
- height: "1",
38
- fill: "currentColor"
39
- }), /*#__PURE__*/React.createElement("rect", {
40
- x: "1",
41
- y: "2",
42
- width: "1",
43
- height: "1",
44
- fill: "currentColor"
45
- }), /*#__PURE__*/React.createElement("rect", {
46
- y: "2",
47
- width: "1",
48
- height: "1",
49
- fill: "currentColor"
50
- }), /*#__PURE__*/React.createElement("rect", {
51
- x: "2",
52
- y: "2",
53
- width: "1",
54
- height: "1",
55
- fill: "currentColor"
56
- }), /*#__PURE__*/React.createElement("rect", {
57
- x: "3",
58
- y: "2",
59
- width: "1",
60
- height: "1",
61
- fill: "currentColor"
62
- })), /*#__PURE__*/React.createElement("rect", {
63
- x: "0",
64
- y: "0",
65
- width: "100%",
66
- height: "100%",
67
- fill: "url(#stripeDense)"
68
- }));
69
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternComponent } from '../../types';
3
- export declare const StripeLoose: React.FC<PatternComponent>;