@codecademy/gamut-patterns 0.7.3 → 0.7.4-alpha.a809e8.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 (96) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +4 -4
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.js +0 -2
  5. package/dist/patterns/CheckerDense.d.ts +0 -3
  6. package/dist/patterns/CheckerDense.js +0 -47
  7. package/dist/patterns/CheckerLoose.d.ts +0 -3
  8. package/dist/patterns/CheckerLoose.js +0 -47
  9. package/dist/patterns/CheckerRegular.d.ts +0 -3
  10. package/dist/patterns/CheckerRegular.js +0 -47
  11. package/dist/patterns/DiagonalADense.d.ts +0 -3
  12. package/dist/patterns/DiagonalADense.js +0 -81
  13. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  14. package/dist/patterns/DiagonalALoose.js +0 -225
  15. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  16. package/dist/patterns/DiagonalARegular.js +0 -129
  17. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  18. package/dist/patterns/DiagonalBDense.js +0 -63
  19. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  20. package/dist/patterns/DiagonalBLoose.js +0 -131
  21. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  22. package/dist/patterns/DiagonalBRegular.js +0 -87
  23. package/dist/patterns/DotDense.d.ts +0 -3
  24. package/dist/patterns/DotDense.js +0 -42
  25. package/dist/patterns/DotLoose.d.ts +0 -3
  26. package/dist/patterns/DotLoose.js +0 -85
  27. package/dist/patterns/DotRegular.d.ts +0 -3
  28. package/dist/patterns/DotRegular.js +0 -42
  29. package/dist/patterns/ExDense.d.ts +0 -3
  30. package/dist/patterns/ExDense.js +0 -64
  31. package/dist/patterns/ExLoose.d.ts +0 -3
  32. package/dist/patterns/ExLoose.js +0 -64
  33. package/dist/patterns/ExRegular.d.ts +0 -3
  34. package/dist/patterns/ExRegular.js +0 -64
  35. package/dist/patterns/FlowerDense.d.ts +0 -3
  36. package/dist/patterns/FlowerDense.js +0 -58
  37. package/dist/patterns/FlowerLoose.d.ts +0 -3
  38. package/dist/patterns/FlowerLoose.js +0 -58
  39. package/dist/patterns/FlowerRegular.d.ts +0 -3
  40. package/dist/patterns/FlowerRegular.js +0 -58
  41. package/dist/patterns/GridDense.d.ts +0 -3
  42. package/dist/patterns/GridDense.js +0 -57
  43. package/dist/patterns/GridLoose.d.ts +0 -3
  44. package/dist/patterns/GridLoose.js +0 -57
  45. package/dist/patterns/GridRegular.d.ts +0 -3
  46. package/dist/patterns/GridRegular.js +0 -57
  47. package/dist/patterns/Herringbone.d.ts +0 -3
  48. package/dist/patterns/Herringbone.js +0 -75
  49. package/dist/patterns/RainDense.d.ts +0 -3
  50. package/dist/patterns/RainDense.js +0 -47
  51. package/dist/patterns/RainLoose.d.ts +0 -3
  52. package/dist/patterns/RainLoose.js +0 -47
  53. package/dist/patterns/RainRegular.d.ts +0 -3
  54. package/dist/patterns/RainRegular.js +0 -47
  55. package/dist/patterns/StripeDense.d.ts +0 -3
  56. package/dist/patterns/StripeDense.js +0 -79
  57. package/dist/patterns/StripeLoose.d.ts +0 -3
  58. package/dist/patterns/StripeLoose.js +0 -211
  59. package/dist/patterns/StripeRegular.d.ts +0 -3
  60. package/dist/patterns/StripeRegular.js +0 -123
  61. package/dist/patterns/index.d.ts +0 -28
  62. package/dist/patterns/index.js +0 -28
  63. package/dist/props.d.ts +0 -193
  64. package/dist/props.js +0 -9
  65. package/dist/svg/CheckerDense.svg +0 -14
  66. package/dist/svg/CheckerLoose.svg +0 -14
  67. package/dist/svg/CheckerRegular.svg +0 -14
  68. package/dist/svg/DiagonalADense.svg +0 -20
  69. package/dist/svg/DiagonalALoose.svg +0 -44
  70. package/dist/svg/DiagonalARegular.svg +0 -28
  71. package/dist/svg/DiagonalBDense.svg +0 -24
  72. package/dist/svg/DiagonalBLoose.svg +0 -28
  73. package/dist/svg/DiagonalBRegular.svg +0 -28
  74. package/dist/svg/DotDense.svg +0 -13
  75. package/dist/svg/DotLoose.svg +0 -40
  76. package/dist/svg/DotRegular.svg +0 -13
  77. package/dist/svg/ExDense.svg +0 -17
  78. package/dist/svg/ExLoose.svg +0 -17
  79. package/dist/svg/ExRegular.svg +0 -17
  80. package/dist/svg/FlowerDense.svg +0 -16
  81. package/dist/svg/FlowerLoose.svg +0 -16
  82. package/dist/svg/FlowerRegular.svg +0 -16
  83. package/dist/svg/GridDense.svg +0 -16
  84. package/dist/svg/GridLoose.svg +0 -16
  85. package/dist/svg/GridRegular.svg +0 -16
  86. package/dist/svg/Herringbone.svg +0 -19
  87. package/dist/svg/RainDense.svg +0 -14
  88. package/dist/svg/RainLoose.svg +0 -14
  89. package/dist/svg/RainRegular.svg +0 -14
  90. package/dist/svg/StripeDense.svg +0 -20
  91. package/dist/svg/StripeLoose.svg +0 -44
  92. package/dist/svg/StripeRegular.svg +0 -28
  93. package/dist/types.d.ts +0 -1
  94. package/dist/types.js +0 -0
  95. package/dist/usePatternId.d.ts +0 -1
  96. package/dist/usePatternId.js +0 -10
@@ -1,14 +0,0 @@
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>
@@ -1,14 +0,0 @@
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>
@@ -1,20 +0,0 @@
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>
@@ -1,44 +0,0 @@
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>
@@ -1,28 +0,0 @@
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>
@@ -1,24 +0,0 @@
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>
@@ -1,28 +0,0 @@
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>
@@ -1,28 +0,0 @@
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>
@@ -1,13 +0,0 @@
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>
@@ -1,40 +0,0 @@
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>
@@ -1,13 +0,0 @@
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>
@@ -1,17 +0,0 @@
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>
@@ -1,17 +0,0 @@
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>
@@ -1,17 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,16 +0,0 @@
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>
@@ -1,19 +0,0 @@
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>
@@ -1,14 +0,0 @@
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>
@@ -1,14 +0,0 @@
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>
@@ -1,14 +0,0 @@
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>
@@ -1,20 +0,0 @@
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>
@@ -1,44 +0,0 @@
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>
@@ -1,28 +0,0 @@
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>
package/dist/types.d.ts DELETED
@@ -1 +0,0 @@
1
- export type { PatternProps } from './props';
package/dist/types.js DELETED
File without changes
@@ -1 +0,0 @@
1
- export declare function usePatternId(id: string): string;
@@ -1,10 +0,0 @@
1
- import { useMemo } from 'react';
2
- var counter = {};
3
- export function usePatternId(id) {
4
- return useMemo(function () {
5
- var key = id.toLowerCase();
6
- var idCounter = (counter === null || counter === void 0 ? void 0 : counter[key]) || 0;
7
- counter[key] = idCounter;
8
- return "".concat(id, "-pattern-").concat(counter[key] += 1);
9
- }, [id]);
10
- }