@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.
- package/CHANGELOG.md +8 -0
- package/package.json +10 -16
- package/project.json +24 -0
- package/.turbo/turbo-build.log +0 -44
- package/dist/index.d.ts +0 -2
- package/dist/index.js +0 -2
- package/dist/patterns/CheckerDense.d.ts +0 -3
- package/dist/patterns/CheckerDense.js +0 -47
- package/dist/patterns/CheckerLoose.d.ts +0 -3
- package/dist/patterns/CheckerLoose.js +0 -47
- package/dist/patterns/CheckerRegular.d.ts +0 -3
- package/dist/patterns/CheckerRegular.js +0 -47
- package/dist/patterns/DiagonalADense.d.ts +0 -3
- package/dist/patterns/DiagonalADense.js +0 -81
- package/dist/patterns/DiagonalALoose.d.ts +0 -3
- package/dist/patterns/DiagonalALoose.js +0 -225
- package/dist/patterns/DiagonalARegular.d.ts +0 -3
- package/dist/patterns/DiagonalARegular.js +0 -129
- package/dist/patterns/DiagonalBDense.d.ts +0 -3
- package/dist/patterns/DiagonalBDense.js +0 -63
- package/dist/patterns/DiagonalBLoose.d.ts +0 -3
- package/dist/patterns/DiagonalBLoose.js +0 -131
- package/dist/patterns/DiagonalBRegular.d.ts +0 -3
- package/dist/patterns/DiagonalBRegular.js +0 -87
- package/dist/patterns/DotDense.d.ts +0 -3
- package/dist/patterns/DotDense.js +0 -42
- package/dist/patterns/DotLoose.d.ts +0 -3
- package/dist/patterns/DotLoose.js +0 -85
- package/dist/patterns/DotRegular.d.ts +0 -3
- package/dist/patterns/DotRegular.js +0 -42
- package/dist/patterns/ExDense.d.ts +0 -3
- package/dist/patterns/ExDense.js +0 -64
- package/dist/patterns/ExLoose.d.ts +0 -3
- package/dist/patterns/ExLoose.js +0 -64
- package/dist/patterns/ExRegular.d.ts +0 -3
- package/dist/patterns/ExRegular.js +0 -64
- package/dist/patterns/FlowerDense.d.ts +0 -3
- package/dist/patterns/FlowerDense.js +0 -58
- package/dist/patterns/FlowerLoose.d.ts +0 -3
- package/dist/patterns/FlowerLoose.js +0 -58
- package/dist/patterns/FlowerRegular.d.ts +0 -3
- package/dist/patterns/FlowerRegular.js +0 -58
- package/dist/patterns/GridDense.d.ts +0 -3
- package/dist/patterns/GridDense.js +0 -57
- package/dist/patterns/GridLoose.d.ts +0 -3
- package/dist/patterns/GridLoose.js +0 -57
- package/dist/patterns/GridRegular.d.ts +0 -3
- package/dist/patterns/GridRegular.js +0 -57
- package/dist/patterns/Herringbone.d.ts +0 -3
- package/dist/patterns/Herringbone.js +0 -75
- package/dist/patterns/RainDense.d.ts +0 -3
- package/dist/patterns/RainDense.js +0 -47
- package/dist/patterns/RainLoose.d.ts +0 -3
- package/dist/patterns/RainLoose.js +0 -47
- package/dist/patterns/RainRegular.d.ts +0 -3
- package/dist/patterns/RainRegular.js +0 -47
- package/dist/patterns/StripeDense.d.ts +0 -3
- package/dist/patterns/StripeDense.js +0 -79
- package/dist/patterns/StripeLoose.d.ts +0 -3
- package/dist/patterns/StripeLoose.js +0 -211
- package/dist/patterns/StripeRegular.d.ts +0 -3
- package/dist/patterns/StripeRegular.js +0 -123
- package/dist/patterns/index.d.ts +0 -28
- package/dist/patterns/index.js +0 -28
- package/dist/props.d.ts +0 -193
- package/dist/props.js +0 -9
- package/dist/svg/CheckerDense.svg +0 -14
- package/dist/svg/CheckerLoose.svg +0 -14
- package/dist/svg/CheckerRegular.svg +0 -14
- package/dist/svg/DiagonalADense.svg +0 -20
- package/dist/svg/DiagonalALoose.svg +0 -44
- package/dist/svg/DiagonalARegular.svg +0 -28
- package/dist/svg/DiagonalBDense.svg +0 -24
- package/dist/svg/DiagonalBLoose.svg +0 -28
- package/dist/svg/DiagonalBRegular.svg +0 -28
- package/dist/svg/DotDense.svg +0 -13
- package/dist/svg/DotLoose.svg +0 -40
- package/dist/svg/DotRegular.svg +0 -13
- package/dist/svg/ExDense.svg +0 -17
- package/dist/svg/ExLoose.svg +0 -17
- package/dist/svg/ExRegular.svg +0 -17
- package/dist/svg/FlowerDense.svg +0 -16
- package/dist/svg/FlowerLoose.svg +0 -16
- package/dist/svg/FlowerRegular.svg +0 -16
- package/dist/svg/GridDense.svg +0 -16
- package/dist/svg/GridLoose.svg +0 -16
- package/dist/svg/GridRegular.svg +0 -16
- package/dist/svg/Herringbone.svg +0 -19
- package/dist/svg/RainDense.svg +0 -14
- package/dist/svg/RainLoose.svg +0 -14
- package/dist/svg/RainRegular.svg +0 -14
- package/dist/svg/StripeDense.svg +0 -20
- package/dist/svg/StripeLoose.svg +0 -44
- package/dist/svg/StripeRegular.svg +0 -28
- package/dist/types.d.ts +0 -1
- package/dist/types.js +0 -0
- package/dist/usePatternId.d.ts +0 -1
- package/dist/usePatternId.js +0 -10
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>
|
|
@@ -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>
|
|
@@ -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
|
package/dist/usePatternId.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function usePatternId(id: string): string;
|
package/dist/usePatternId.js
DELETED
|
@@ -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
|
-
}
|