@codecademy/gamut-patterns 0.8.12-alpha.4d61d4.0 → 0.8.12-alpha.712f83.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/dist/patterns/CheckerDense.js +30 -60
- package/dist/patterns/CheckerLoose.js +30 -60
- package/dist/patterns/CheckerRegular.js +30 -60
- package/dist/patterns/DiagonalADense.js +64 -118
- package/dist/patterns/DiagonalALoose.js +208 -358
- package/dist/patterns/DiagonalARegular.js +112 -198
- package/dist/patterns/DiagonalBDense.js +46 -88
- package/dist/patterns/DiagonalBLoose.js +114 -200
- package/dist/patterns/DiagonalBRegular.js +70 -128
- package/dist/patterns/DotDense.js +25 -51
- package/dist/patterns/DotLoose.js +68 -126
- package/dist/patterns/DotRegular.js +25 -51
- package/dist/patterns/ExDense.js +47 -89
- package/dist/patterns/ExLoose.js +47 -89
- package/dist/patterns/ExRegular.js +47 -89
- package/dist/patterns/FlowerDense.js +41 -79
- package/dist/patterns/FlowerLoose.js +41 -79
- package/dist/patterns/FlowerRegular.js +41 -79
- package/dist/patterns/GridDense.js +40 -78
- package/dist/patterns/GridLoose.js +40 -78
- package/dist/patterns/GridRegular.js +40 -78
- package/dist/patterns/Herringbone.js +58 -108
- package/dist/patterns/RainDense.js +30 -60
- package/dist/patterns/RainLoose.js +30 -60
- package/dist/patterns/RainRegular.js +30 -60
- package/dist/patterns/StripeDense.js +62 -116
- package/dist/patterns/StripeLoose.js +194 -344
- package/dist/patterns/StripeRegular.js +106 -192
- package/dist/props.d.ts +5 -5
- package/dist/props.js +8 -2
- package/dist/svg/CheckerDense.svg +14 -0
- package/dist/svg/CheckerLoose.svg +14 -0
- package/dist/svg/CheckerRegular.svg +14 -0
- package/dist/svg/DiagonalADense.svg +20 -0
- package/dist/svg/DiagonalALoose.svg +44 -0
- package/dist/svg/DiagonalARegular.svg +28 -0
- package/dist/svg/DiagonalBDense.svg +24 -0
- package/dist/svg/DiagonalBLoose.svg +28 -0
- package/dist/svg/DiagonalBRegular.svg +28 -0
- package/dist/svg/DotDense.svg +13 -0
- package/dist/svg/DotLoose.svg +40 -0
- package/dist/svg/DotRegular.svg +13 -0
- package/dist/svg/ExDense.svg +17 -0
- package/dist/svg/ExLoose.svg +17 -0
- package/dist/svg/ExRegular.svg +17 -0
- package/dist/svg/FlowerDense.svg +16 -0
- package/dist/svg/FlowerLoose.svg +16 -0
- package/dist/svg/FlowerRegular.svg +16 -0
- package/dist/svg/GridDense.svg +16 -0
- package/dist/svg/GridLoose.svg +16 -0
- package/dist/svg/GridRegular.svg +16 -0
- package/dist/svg/Herringbone.svg +19 -0
- package/dist/svg/RainDense.svg +14 -0
- package/dist/svg/RainLoose.svg +14 -0
- package/dist/svg/RainRegular.svg +14 -0
- package/dist/svg/StripeDense.svg +20 -0
- package/dist/svg/StripeLoose.svg +44 -0
- package/dist/svg/StripeRegular.svg +28 -0
- package/dist/types.js +0 -1
- package/dist/usePatternId.js +2 -2
- package/package.json +8 -4
- package/.svgo.yml +0 -11
- package/CHANGELOG.md +0 -420
- package/babel.config.js +0 -12
- package/emotion-plugin.js +0 -46
- package/index-template.js +0 -10
- package/pattern-template.js +0 -30
- package/project.json +0 -33
- package/svgr.config.js +0 -29
- package/tsconfig.json +0 -15
|
@@ -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>
|
package/dist/types.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/usePatternId.js
CHANGED
|
@@ -3,8 +3,8 @@ var counter = {};
|
|
|
3
3
|
export function usePatternId(id) {
|
|
4
4
|
return useMemo(function () {
|
|
5
5
|
var key = id.toLowerCase();
|
|
6
|
-
var idCounter = (counter
|
|
6
|
+
var idCounter = (counter === null || counter === void 0 ? void 0 : counter[key]) || 0;
|
|
7
7
|
counter[key] = idCounter;
|
|
8
|
-
return id
|
|
8
|
+
return "".concat(id, "-pattern-").concat(counter[key] += 1);
|
|
9
9
|
}, [id]);
|
|
10
10
|
}
|
package/package.json
CHANGED
|
@@ -4,12 +4,13 @@
|
|
|
4
4
|
"url": "https://github.com/Codecademy/gamut/issues"
|
|
5
5
|
},
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/gamut-styles": "14.0.3-alpha.
|
|
8
|
-
"@codecademy/variance": "0.20.3-alpha.
|
|
7
|
+
"@codecademy/gamut-styles": "14.0.3-alpha.712f83.0",
|
|
8
|
+
"@codecademy/variance": "0.20.3-alpha.712f83.0",
|
|
9
9
|
"classnames": "^2.2.5"
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
12
|
"@svgr/cli": "5.5.0",
|
|
13
|
+
"@testing-library/react": "^12.1.2",
|
|
13
14
|
"lodash": "^4.17.5",
|
|
14
15
|
"svgo": "^1.3.2"
|
|
15
16
|
},
|
|
@@ -19,6 +20,9 @@
|
|
|
19
20
|
"module": "dist/index.js",
|
|
20
21
|
"types": "dist/index.d.ts",
|
|
21
22
|
"main": "dist/index.js",
|
|
23
|
+
"files": [
|
|
24
|
+
"dist"
|
|
25
|
+
],
|
|
22
26
|
"license": "MIT",
|
|
23
27
|
"peerDependencies": {
|
|
24
28
|
"@emotion/react": "^11.4.0",
|
|
@@ -38,6 +42,6 @@
|
|
|
38
42
|
"build": "nx build @codecademy/gamut-patterns"
|
|
39
43
|
},
|
|
40
44
|
"sideEffects": false,
|
|
41
|
-
"version": "0.8.12-alpha.
|
|
42
|
-
"gitHead": "
|
|
45
|
+
"version": "0.8.12-alpha.712f83.0",
|
|
46
|
+
"gitHead": "9b4c2ca3400d115c9f9063288dcd109f4abca77e"
|
|
43
47
|
}
|