@codecademy/gamut-patterns 1.0.0-alpha.b00dca.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 (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/icon-template.js +28 -0
  101. package/index-template.js +10 -0
  102. package/jest.config.js +1 -0
  103. package/package.json +24 -28
  104. package/svgr.config.js +29 -0
  105. package/tsconfig.json +12 -0
package/dist/props.js ADDED
@@ -0,0 +1,9 @@
1
+ import { styledOptions, system } from '@codecademy/gamut-styles';
2
+ import { variance } from '@codecademy/variance';
3
+ import styled from '@emotion/styled';
4
+ var patternStyles = variance.compose(system.layout, system.positioning, system.space);
5
+ export var Svg = styled('svg', styledOptions())(patternStyles);
6
+ Svg.defaultProps = {
7
+ width: '100%',
8
+ height: '100%'
9
+ };
package/dist/svg/CheckerDense.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="checkerDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="2" y="2" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#checkerDense)" />
14
+ </svg>
package/dist/svg/CheckerLoose.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="checkerLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="8" y="8" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#checkerLoose)" />
14
+ </svg>
package/dist/svg/CheckerRegular.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="checkerRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="4" y="4" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#checkerRegular)" />
14
+ </svg>
package/dist/svg/DiagonalADense.svg ADDED
@@ -0,0 +1,20 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalADense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="2" y="2" width="1" height="1" fill="currentColor" />
12
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="1" y="3" width="1" height="1" fill="currentColor" />
14
+ <rect y="3" width="1" height="1" fill="currentColor" />
15
+ <rect x="3" width="1" height="1" fill="currentColor" />
16
+ <rect x="3" y="1" width="1" height="1" fill="currentColor" />
17
+ <rect x="2" y="1" width="1" height="1" fill="currentColor" />
18
+ </pattern>
19
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalADense)" />
20
+ </svg>
package/dist/svg/DiagonalALoose.svg ADDED
@@ -0,0 +1,44 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalALoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="14" y="2" width="1" height="1" fill="currentColor" />
12
+ <rect x="13" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="13" y="3" width="1" height="1" fill="currentColor" />
14
+ <rect x="12" y="3" width="1" height="1" fill="currentColor" />
15
+ <rect x="15" width="1" height="1" fill="currentColor" />
16
+ <rect x="15" y="1" width="1" height="1" fill="currentColor" />
17
+ <rect x="14" y="1" width="1" height="1" fill="currentColor" />
18
+ <rect x="11" y="5" width="1" height="1" fill="currentColor" />
19
+ <rect x="10" y="5" width="1" height="1" fill="currentColor" />
20
+ <rect x="10" y="6" width="1" height="1" fill="currentColor" />
21
+ <rect x="9" y="6" width="1" height="1" fill="currentColor" />
22
+ <rect x="8" y="7" width="1" height="1" fill="currentColor" />
23
+ <rect x="9" y="7" width="1" height="1" fill="currentColor" />
24
+ <rect x="12" y="4" width="1" height="1" fill="currentColor" />
25
+ <rect x="11" y="4" width="1" height="1" fill="currentColor" />
26
+ <rect x="7" y="9" width="1" height="1" fill="currentColor" />
27
+ <rect x="6" y="9" width="1" height="1" fill="currentColor" />
28
+ <rect x="6" y="10" width="1" height="1" fill="currentColor" />
29
+ <rect x="5" y="10" width="1" height="1" fill="currentColor" />
30
+ <rect x="8" y="8" width="1" height="1" fill="currentColor" />
31
+ <rect x="7" y="8" width="1" height="1" fill="currentColor" />
32
+ <rect x="4" y="12" width="1" height="1" fill="currentColor" />
33
+ <rect x="3" y="12" width="1" height="1" fill="currentColor" />
34
+ <rect x="3" y="13" width="1" height="1" fill="currentColor" />
35
+ <rect x="2" y="13" width="1" height="1" fill="currentColor" />
36
+ <rect x="1" y="14" width="1" height="1" fill="currentColor" />
37
+ <rect x="2" y="14" width="1" height="1" fill="currentColor" />
38
+ <rect y="15" width="1" height="1" fill="currentColor" />
39
+ <rect x="1" y="15" width="1" height="1" fill="currentColor" />
40
+ <rect x="5" y="11" width="1" height="1" fill="currentColor" />
41
+ <rect x="4" y="11" width="1" height="1" fill="currentColor" />
42
+ </pattern>
43
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalALoose)" />
44
+ </svg>
package/dist/svg/DiagonalARegular.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalARegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="6" y="2" width="1" height="1" fill="currentColor" />
12
+ <rect x="5" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="5" y="3" width="1" height="1" fill="currentColor" />
14
+ <rect x="4" y="3" width="1" height="1" fill="currentColor" />
15
+ <rect x="7" width="1" height="1" fill="currentColor" />
16
+ <rect x="7" y="1" width="1" height="1" fill="currentColor" />
17
+ <rect x="6" y="1" width="1" height="1" fill="currentColor" />
18
+ <rect x="3" y="5" width="1" height="1" fill="currentColor" />
19
+ <rect x="2" y="5" width="1" height="1" fill="currentColor" />
20
+ <rect x="2" y="6" width="1" height="1" fill="currentColor" />
21
+ <rect x="1" y="6" width="1" height="1" fill="currentColor" />
22
+ <rect y="7" width="1" height="1" fill="currentColor" />
23
+ <rect x="1" y="7" width="1" height="1" fill="currentColor" />
24
+ <rect x="4" y="4" width="1" height="1" fill="currentColor" />
25
+ <rect x="3" y="4" width="1" height="1" fill="currentColor" />
26
+ </pattern>
27
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalARegular)" />
28
+ </svg>
package/dist/svg/DiagonalBDense.svg ADDED
@@ -0,0 +1,24 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalBDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <g clipPath="url(#clipDiagonalBDense)">
11
+ <rect width="4" height="4" fill="transparent" />
12
+ <rect y="3" width="1" height="1" fill="currentColor" />
13
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
14
+ <rect x="2" y="1" width="1" height="1" fill="currentColor" />
15
+ <rect x="3" width="1" height="1" fill="currentColor" />
16
+ </g>
17
+ <defs>
18
+ <clipPath id="clipDiagonalBDense">
19
+ <rect width="4" height="4" fill="transparent" />
20
+ </clipPath>
21
+ </defs>
22
+ </pattern>
23
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalBDense)" />
24
+ </svg>
package/dist/svg/DiagonalBLoose.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalBLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect y="15" width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="14" width="1" height="1" fill="currentColor" />
12
+ <rect x="2" y="13" width="1" height="1" fill="currentColor" />
13
+ <rect x="3" y="12" width="1" height="1" fill="currentColor" />
14
+ <rect x="4" y="11" width="1" height="1" fill="currentColor" />
15
+ <rect x="5" y="10" width="1" height="1" fill="currentColor" />
16
+ <rect x="6" y="9" width="1" height="1" fill="currentColor" />
17
+ <rect x="7" y="8" width="1" height="1" fill="currentColor" />
18
+ <rect x="8" y="7" width="1" height="1" fill="currentColor" />
19
+ <rect x="9" y="6" width="1" height="1" fill="currentColor" />
20
+ <rect x="10" y="5" width="1" height="1" fill="currentColor" />
21
+ <rect x="11" y="4" width="1" height="1" fill="currentColor" />
22
+ <rect x="12" y="3" width="1" height="1" fill="currentColor" />
23
+ <rect x="13" y="2" width="1" height="1" fill="currentColor" />
24
+ <rect x="14" y="1" width="1" height="1" fill="currentColor" />
25
+ <rect x="15" width="1" height="1" fill="currentColor" />
26
+ </pattern>
27
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalBLoose)" />
28
+ </svg>
package/dist/svg/DiagonalBRegular.svg ADDED
@@ -0,0 +1,28 @@
1
+ <svg>
2
+ <pattern
3
+ id="diagonalBRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <g clipPath="url(#clipDiagonalBRegular)">
11
+ <rect width="8" height="8" fill="transparent" />
12
+ <rect y="7" width="1" height="1" fill="currentColor" />
13
+ <rect x="1" y="6" width="1" height="1" fill="currentColor" />
14
+ <rect x="2" y="5" width="1" height="1" fill="currentColor" />
15
+ <rect x="3" y="4" width="1" height="1" fill="currentColor" />
16
+ <rect x="4" y="3" width="1" height="1" fill="currentColor" />
17
+ <rect x="5" y="2" width="1" height="1" fill="currentColor" />
18
+ <rect x="6" y="1" width="1" height="1" fill="currentColor" />
19
+ <rect x="7" width="1" height="1" fill="currentColor" />
20
+ </g>
21
+ <defs>
22
+ <clipPath id="clipDiagonalBRegular">
23
+ <rect width="8" height="8" fill="transparent" />
24
+ </clipPath>
25
+ </defs>
26
+ </pattern>
27
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#diagonalBRegular)" />
28
+ </svg>
package/dist/svg/DotDense.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg>
2
+ <pattern
3
+ id="dotDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <circle cx="0.5" cy="0.5" r="0.5" fill="currentColor" />
11
+ </pattern>
12
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#dotDense)" />
13
+ </svg>
package/dist/svg/DotLoose.svg ADDED
@@ -0,0 +1,40 @@
1
+ <svg>
2
+ <pattern
3
+ id="dotLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="0.5" height="0.5" fill="currentColor" fillOpacity="0.5" />
11
+ <rect
12
+ y="1"
13
+ width="0.5"
14
+ height="0.5"
15
+ fill="currentColor"
16
+ fillOpacity="0.5"
17
+ />
18
+ <rect y="0.5" width="0.5" height="0.5" fill="currentColor" />
19
+ <rect
20
+ x="1"
21
+ width="0.5"
22
+ height="0.5"
23
+ fill="currentColor"
24
+ fillOpacity="0.5"
25
+ />
26
+ <rect
27
+ x="1"
28
+ y="1"
29
+ width="0.5"
30
+ height="0.5"
31
+ fill="currentColor"
32
+ fillOpacity="0.5"
33
+ />
34
+ <rect x="1" y="0.5" width="0.5" height="0.5" fill="currentColor" />
35
+ <rect x="0.5" width="0.5" height="0.5" fill="currentColor" />
36
+ <rect x="0.5" y="1" width="0.5" height="0.5" fill="currentColor" />
37
+ <rect x="0.5" y="0.5" width="0.5" height="0.5" fill="currentColor" />
38
+ </pattern>
39
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#dotLoose)" />
40
+ </svg>
package/dist/svg/DotRegular.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg>
2
+ <pattern
3
+ id="dotRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <circle cx="0.5" cy="0.5" r="0.5" fill="currentColor" />
11
+ </pattern>
12
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#dotRegular)" />
13
+ </svg>
package/dist/svg/ExDense.svg ADDED
@@ -0,0 +1,17 @@
1
+ <svg>
2
+ <pattern
3
+ id="exDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect x="1" width="1" height="1" fill="currentColor" />
11
+ <rect y="1" width="1" height="1" fill="currentColor" />
12
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="3" width="1" height="1" fill="currentColor" />
14
+ <rect x="3" y="2" width="1" height="1" fill="currentColor" />
15
+ </pattern>
16
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#exDense)" />
17
+ </svg>
package/dist/svg/ExLoose.svg ADDED
@@ -0,0 +1,17 @@
1
+ <svg>
2
+ <pattern
3
+ id="exLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect x="1" width="1" height="1" fill="currentColor" />
11
+ <rect y="1" width="1" height="1" fill="currentColor" />
12
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="15" width="1" height="1" fill="currentColor" />
14
+ <rect x="15" y="2" width="1" height="1" fill="currentColor" />
15
+ </pattern>
16
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#exLoose)" />
17
+ </svg>
package/dist/svg/ExRegular.svg ADDED
@@ -0,0 +1,17 @@
1
+ <svg>
2
+ <pattern
3
+ id="exRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect x="1" width="1" height="1" fill="currentColor" />
11
+ <rect y="1" width="1" height="1" fill="currentColor" />
12
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="7" width="1" height="1" fill="currentColor" />
14
+ <rect x="7" y="2" width="1" height="1" fill="currentColor" />
15
+ </pattern>
16
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#exRegular)" />
17
+ </svg>
package/dist/svg/FlowerDense.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="flowerDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ <rect y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="3" y="1" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#flowerDense)" />
16
+ </svg>
package/dist/svg/FlowerLoose.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="flowerLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ <rect y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="15" y="1" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#flowerLoose)" />
16
+ </svg>
package/dist/svg/FlowerRegular.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="flowerRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ <rect y="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="7" y="1" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#flowerRegular)" />
16
+ </svg>
package/dist/svg/GridDense.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="gridDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect y="2" width="1" height="1" fill="currentColor" />
12
+ <rect x="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="2" y="2" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#gridDense)" />
16
+ </svg>
package/dist/svg/GridLoose.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="gridLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect y="8" width="1" height="1" fill="currentColor" />
12
+ <rect x="8" width="1" height="1" fill="currentColor" />
13
+ <rect x="8" y="8" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#gridLoose)" />
16
+ </svg>
package/dist/svg/GridRegular.svg ADDED
@@ -0,0 +1,16 @@
1
+ <svg>
2
+ <pattern
3
+ id="gridRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect y="4" width="1" height="1" fill="currentColor" />
12
+ <rect x="4" width="1" height="1" fill="currentColor" />
13
+ <rect x="4" y="4" width="1" height="1" fill="currentColor" />
14
+ </pattern>
15
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#gridRegular)" />
16
+ </svg>
package/dist/svg/Herringbone.svg ADDED
@@ -0,0 +1,19 @@
1
+ <svg>
2
+ <pattern
3
+ id="herringbone"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect y="1" width="1" height="1" fill="herringbone" />
11
+ <rect x="1" y="2" width="1" height="1" fill="herringbone" />
12
+ <rect x="3" width="1" height="1" fill="herringbone" />
13
+ <rect x="2" width="1" height="1" fill="herringbone" />
14
+ <rect x="3" y="1" width="1" height="1" fill="herringbone" />
15
+ <rect x="3" y="3" width="1" height="1" fill="herringbone" />
16
+ <rect y="3" width="1" height="1" fill="herringbone" />
17
+ </pattern>
18
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#herringbone)" />
19
+ </svg>
package/dist/svg/RainDense.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="rainDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#rainDense)" />
14
+ </svg>
package/dist/svg/RainLoose.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="rainLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#rainLoose)" />
14
+ </svg>
package/dist/svg/RainRegular.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="rainRegular"
4
+ x="0"
5
+ y="0"
6
+ width="8"
7
+ height="8"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect width="1" height="1" fill="currentColor" />
11
+ <rect x="1" y="1" width="1" height="1" fill="currentColor" />
12
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#rainRegular)" />
14
+ </svg>
package/dist/svg/StripeDense.svg ADDED
@@ -0,0 +1,20 @@
1
+ <svg>
2
+ <pattern
3
+ id="stripeDense"
4
+ x="0"
5
+ y="0"
6
+ width="4"
7
+ height="4"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect x="1" width="1" height="1" fill="currentColor" />
11
+ <rect width="1" height="1" fill="currentColor" />
12
+ <rect x="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="3" width="1" height="1" fill="currentColor" />
14
+ <rect x="1" y="2" width="1" height="1" fill="currentColor" />
15
+ <rect y="2" width="1" height="1" fill="currentColor" />
16
+ <rect x="2" y="2" width="1" height="1" fill="currentColor" />
17
+ <rect x="3" y="2" width="1" height="1" fill="currentColor" />
18
+ </pattern>
19
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#stripeDense)" />
20
+ </svg>
package/dist/svg/StripeLoose.svg ADDED
@@ -0,0 +1,44 @@
1
+ <svg>
2
+ <pattern
3
+ id="stripeLoose"
4
+ x="0"
5
+ y="0"
6
+ width="16"
7
+ height="16"
8
+ patternUnits="userSpaceOnUse"
9
+ >
10
+ <rect x="1" width="1" height="1" fill="currentColor" />
11
+ <rect width="1" height="1" fill="currentColor" />
12
+ <rect x="2" width="1" height="1" fill="currentColor" />
13
+ <rect x="3" width="1" height="1" fill="currentColor" />
14
+ <rect x="1" y="8" width="1" height="1" fill="currentColor" />
15
+ <rect y="8" width="1" height="1" fill="currentColor" />
16
+ <rect x="2" y="8" width="1" height="1" fill="currentColor" />
17
+ <rect x="3" y="8" width="1" height="1" fill="currentColor" />
18
+ <rect x="5" width="1" height="1" fill="currentColor" />
19
+ <rect x="4" width="1" height="1" fill="currentColor" />
20
+ <rect x="6" width="1" height="1" fill="currentColor" />
21
+ <rect x="7" width="1" height="1" fill="currentColor" />
22
+ <rect x="5" y="8" width="1" height="1" fill="currentColor" />
23
+ <rect x="4" y="8" width="1" height="1" fill="currentColor" />
24
+ <rect x="6" y="8" width="1" height="1" fill="currentColor" />
25
+ <rect x="7" y="8" width="1" height="1" fill="currentColor" />
26
+ <rect x="9" width="1" height="1" fill="currentColor" />
27
+ <rect x="8" width="1" height="1" fill="currentColor" />
28
+ <rect x="10" width="1" height="1" fill="currentColor" />
29
+ <rect x="11" width="1" height="1" fill="currentColor" />
30
+ <rect x="9" y="8" width="1" height="1" fill="currentColor" />
31
+ <rect x="8" y="8" width="1" height="1" fill="currentColor" />
32
+ <rect x="10" y="8" width="1" height="1" fill="currentColor" />
33
+ <rect x="11" y="8" width="1" height="1" fill="currentColor" />
34
+ <rect x="13" width="1" height="1" fill="currentColor" />
35
+ <rect x="12" width="1" height="1" fill="currentColor" />
36
+ <rect x="14" width="1" height="1" fill="currentColor" />
37
+ <rect x="15" width="1" height="1" fill="currentColor" />
38
+ <rect x="13" y="8" width="1" height="1" fill="currentColor" />
39
+ <rect x="12" y="8" width="1" height="1" fill="currentColor" />
40
+ <rect x="14" y="8" width="1" height="1" fill="currentColor" />
41
+ <rect x="15" y="8" width="1" height="1" fill="currentColor" />
42
+ </pattern>
43
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#stripeLoose)" />
44
+ </svg>