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