@codecademy/gamut-patterns 0.8.11 → 0.8.12-alpha.4d61d4.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 (65) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/babel.config.js +10 -3
  3. package/dist/patterns/CheckerDense.js +60 -30
  4. package/dist/patterns/CheckerLoose.js +60 -30
  5. package/dist/patterns/CheckerRegular.js +60 -30
  6. package/dist/patterns/DiagonalADense.js +118 -64
  7. package/dist/patterns/DiagonalALoose.js +358 -208
  8. package/dist/patterns/DiagonalARegular.js +198 -112
  9. package/dist/patterns/DiagonalBDense.js +88 -46
  10. package/dist/patterns/DiagonalBLoose.js +200 -114
  11. package/dist/patterns/DiagonalBRegular.js +128 -70
  12. package/dist/patterns/DotDense.js +51 -25
  13. package/dist/patterns/DotLoose.js +126 -68
  14. package/dist/patterns/DotRegular.js +51 -25
  15. package/dist/patterns/ExDense.js +89 -47
  16. package/dist/patterns/ExLoose.js +89 -47
  17. package/dist/patterns/ExRegular.js +89 -47
  18. package/dist/patterns/FlowerDense.js +79 -41
  19. package/dist/patterns/FlowerLoose.js +79 -41
  20. package/dist/patterns/FlowerRegular.js +79 -41
  21. package/dist/patterns/GridDense.js +78 -40
  22. package/dist/patterns/GridLoose.js +78 -40
  23. package/dist/patterns/GridRegular.js +78 -40
  24. package/dist/patterns/Herringbone.js +108 -58
  25. package/dist/patterns/RainDense.js +60 -30
  26. package/dist/patterns/RainLoose.js +60 -30
  27. package/dist/patterns/RainRegular.js +60 -30
  28. package/dist/patterns/StripeDense.js +116 -62
  29. package/dist/patterns/StripeLoose.js +344 -194
  30. package/dist/patterns/StripeRegular.js +192 -106
  31. package/dist/props.d.ts +5 -5
  32. package/dist/types.js +1 -0
  33. package/dist/usePatternId.js +2 -2
  34. package/package.json +4 -4
  35. package/project.json +10 -1
  36. package/tsconfig.json +5 -2
  37. package/dist/svg/CheckerDense.svg +0 -14
  38. package/dist/svg/CheckerLoose.svg +0 -14
  39. package/dist/svg/CheckerRegular.svg +0 -14
  40. package/dist/svg/DiagonalADense.svg +0 -20
  41. package/dist/svg/DiagonalALoose.svg +0 -44
  42. package/dist/svg/DiagonalARegular.svg +0 -28
  43. package/dist/svg/DiagonalBDense.svg +0 -24
  44. package/dist/svg/DiagonalBLoose.svg +0 -28
  45. package/dist/svg/DiagonalBRegular.svg +0 -28
  46. package/dist/svg/DotDense.svg +0 -13
  47. package/dist/svg/DotLoose.svg +0 -40
  48. package/dist/svg/DotRegular.svg +0 -13
  49. package/dist/svg/ExDense.svg +0 -17
  50. package/dist/svg/ExLoose.svg +0 -17
  51. package/dist/svg/ExRegular.svg +0 -17
  52. package/dist/svg/FlowerDense.svg +0 -16
  53. package/dist/svg/FlowerLoose.svg +0 -16
  54. package/dist/svg/FlowerRegular.svg +0 -16
  55. package/dist/svg/GridDense.svg +0 -16
  56. package/dist/svg/GridLoose.svg +0 -16
  57. package/dist/svg/GridRegular.svg +0 -16
  58. package/dist/svg/Herringbone.svg +0 -19
  59. package/dist/svg/RainDense.svg +0 -14
  60. package/dist/svg/RainLoose.svg +0 -14
  61. package/dist/svg/RainRegular.svg +0 -14
  62. package/dist/svg/StripeDense.svg +0 -20
  63. package/dist/svg/StripeLoose.svg +0 -44
  64. package/dist/svg/StripeRegular.svg +0 -28
  65. package/jest.config.js +0 -1
package/dist/svg/DiagonalBLoose.svg DELETED
@@ -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>
package/dist/svg/DiagonalBRegular.svg DELETED
@@ -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>
package/dist/svg/DotDense.svg DELETED
@@ -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>
package/dist/svg/DotLoose.svg DELETED
@@ -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>
package/dist/svg/DotRegular.svg DELETED
@@ -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>
package/dist/svg/ExDense.svg DELETED
@@ -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>
package/dist/svg/ExLoose.svg DELETED
@@ -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>
package/dist/svg/ExRegular.svg DELETED
@@ -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>
package/dist/svg/FlowerDense.svg DELETED
@@ -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>
package/dist/svg/FlowerLoose.svg DELETED
@@ -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>
package/dist/svg/FlowerRegular.svg DELETED
@@ -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>
package/dist/svg/GridDense.svg DELETED
@@ -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>
package/dist/svg/GridLoose.svg DELETED
@@ -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>
package/dist/svg/GridRegular.svg DELETED
@@ -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>
package/dist/svg/Herringbone.svg DELETED
@@ -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>
package/dist/svg/RainDense.svg DELETED
@@ -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>
package/dist/svg/RainLoose.svg DELETED
@@ -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>
package/dist/svg/RainRegular.svg DELETED
@@ -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>
package/dist/svg/StripeDense.svg DELETED
@@ -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>
package/dist/svg/StripeLoose.svg DELETED
@@ -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>
package/dist/svg/StripeRegular.svg DELETED
@@ -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/jest.config.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('../../jest.config.base')('gamut-patterns');