@codecademy/gamut-patterns 0.8.8 → 0.8.9-alpha.9bfc43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +10 -16
  3. package/project.json +24 -0
  4. package/.turbo/turbo-build.log +0 -44
  5. package/dist/index.d.ts +0 -2
  6. package/dist/index.js +0 -2
  7. package/dist/patterns/CheckerDense.d.ts +0 -3
  8. package/dist/patterns/CheckerDense.js +0 -47
  9. package/dist/patterns/CheckerLoose.d.ts +0 -3
  10. package/dist/patterns/CheckerLoose.js +0 -47
  11. package/dist/patterns/CheckerRegular.d.ts +0 -3
  12. package/dist/patterns/CheckerRegular.js +0 -47
  13. package/dist/patterns/DiagonalADense.d.ts +0 -3
  14. package/dist/patterns/DiagonalADense.js +0 -81
  15. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  16. package/dist/patterns/DiagonalALoose.js +0 -225
  17. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  18. package/dist/patterns/DiagonalARegular.js +0 -129
  19. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  20. package/dist/patterns/DiagonalBDense.js +0 -63
  21. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  22. package/dist/patterns/DiagonalBLoose.js +0 -131
  23. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  24. package/dist/patterns/DiagonalBRegular.js +0 -87
  25. package/dist/patterns/DotDense.d.ts +0 -3
  26. package/dist/patterns/DotDense.js +0 -42
  27. package/dist/patterns/DotLoose.d.ts +0 -3
  28. package/dist/patterns/DotLoose.js +0 -85
  29. package/dist/patterns/DotRegular.d.ts +0 -3
  30. package/dist/patterns/DotRegular.js +0 -42
  31. package/dist/patterns/ExDense.d.ts +0 -3
  32. package/dist/patterns/ExDense.js +0 -64
  33. package/dist/patterns/ExLoose.d.ts +0 -3
  34. package/dist/patterns/ExLoose.js +0 -64
  35. package/dist/patterns/ExRegular.d.ts +0 -3
  36. package/dist/patterns/ExRegular.js +0 -64
  37. package/dist/patterns/FlowerDense.d.ts +0 -3
  38. package/dist/patterns/FlowerDense.js +0 -58
  39. package/dist/patterns/FlowerLoose.d.ts +0 -3
  40. package/dist/patterns/FlowerLoose.js +0 -58
  41. package/dist/patterns/FlowerRegular.d.ts +0 -3
  42. package/dist/patterns/FlowerRegular.js +0 -58
  43. package/dist/patterns/GridDense.d.ts +0 -3
  44. package/dist/patterns/GridDense.js +0 -57
  45. package/dist/patterns/GridLoose.d.ts +0 -3
  46. package/dist/patterns/GridLoose.js +0 -57
  47. package/dist/patterns/GridRegular.d.ts +0 -3
  48. package/dist/patterns/GridRegular.js +0 -57
  49. package/dist/patterns/Herringbone.d.ts +0 -3
  50. package/dist/patterns/Herringbone.js +0 -75
  51. package/dist/patterns/RainDense.d.ts +0 -3
  52. package/dist/patterns/RainDense.js +0 -47
  53. package/dist/patterns/RainLoose.d.ts +0 -3
  54. package/dist/patterns/RainLoose.js +0 -47
  55. package/dist/patterns/RainRegular.d.ts +0 -3
  56. package/dist/patterns/RainRegular.js +0 -47
  57. package/dist/patterns/StripeDense.d.ts +0 -3
  58. package/dist/patterns/StripeDense.js +0 -79
  59. package/dist/patterns/StripeLoose.d.ts +0 -3
  60. package/dist/patterns/StripeLoose.js +0 -211
  61. package/dist/patterns/StripeRegular.d.ts +0 -3
  62. package/dist/patterns/StripeRegular.js +0 -123
  63. package/dist/patterns/index.d.ts +0 -28
  64. package/dist/patterns/index.js +0 -28
  65. package/dist/props.d.ts +0 -193
  66. package/dist/props.js +0 -9
  67. package/dist/svg/CheckerDense.svg +0 -14
  68. package/dist/svg/CheckerLoose.svg +0 -14
  69. package/dist/svg/CheckerRegular.svg +0 -14
  70. package/dist/svg/DiagonalADense.svg +0 -20
  71. package/dist/svg/DiagonalALoose.svg +0 -44
  72. package/dist/svg/DiagonalARegular.svg +0 -28
  73. package/dist/svg/DiagonalBDense.svg +0 -24
  74. package/dist/svg/DiagonalBLoose.svg +0 -28
  75. package/dist/svg/DiagonalBRegular.svg +0 -28
  76. package/dist/svg/DotDense.svg +0 -13
  77. package/dist/svg/DotLoose.svg +0 -40
  78. package/dist/svg/DotRegular.svg +0 -13
  79. package/dist/svg/ExDense.svg +0 -17
  80. package/dist/svg/ExLoose.svg +0 -17
  81. package/dist/svg/ExRegular.svg +0 -17
  82. package/dist/svg/FlowerDense.svg +0 -16
  83. package/dist/svg/FlowerLoose.svg +0 -16
  84. package/dist/svg/FlowerRegular.svg +0 -16
  85. package/dist/svg/GridDense.svg +0 -16
  86. package/dist/svg/GridLoose.svg +0 -16
  87. package/dist/svg/GridRegular.svg +0 -16
  88. package/dist/svg/Herringbone.svg +0 -19
  89. package/dist/svg/RainDense.svg +0 -14
  90. package/dist/svg/RainLoose.svg +0 -14
  91. package/dist/svg/RainRegular.svg +0 -14
  92. package/dist/svg/StripeDense.svg +0 -20
  93. package/dist/svg/StripeLoose.svg +0 -44
  94. package/dist/svg/StripeRegular.svg +0 -28
  95. package/dist/types.d.ts +0 -1
  96. package/dist/types.js +0 -0
  97. package/dist/usePatternId.d.ts +0 -1
  98. package/dist/usePatternId.js +0 -10
@@ -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
- }