@codecademy/gamut-patterns 0.8.12-alpha.ad9693.0 → 0.8.12-alpha.d5109b.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.
@@ -0,0 +1,14 @@
1
+ <svg>
2
+ <pattern
3
+ id="checkerDense"
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
+ </pattern>
13
+ <rect x="0" y="0" width="100%" height="100%" fill="url(#checkerDense)" />
14
+ </svg>
@@ -0,0 +1,14 @@
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>
@@ -0,0 +1,14 @@
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>
@@ -0,0 +1,20 @@
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>
@@ -0,0 +1,44 @@
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>
@@ -0,0 +1,28 @@
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>
@@ -0,0 +1,24 @@
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>
@@ -0,0 +1,28 @@
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>
@@ -0,0 +1,28 @@
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>
@@ -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/package.json CHANGED
@@ -4,8 +4,8 @@
4
4
  "url": "https://github.com/Codecademy/gamut/issues"
5
5
  },
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "14.0.3-alpha.ad9693.0",
8
- "@codecademy/variance": "0.20.3-alpha.ad9693.0",
7
+ "@codecademy/gamut-styles": "14.0.3-alpha.d5109b.0",
8
+ "@codecademy/variance": "0.20.3-alpha.d5109b.0",
9
9
  "classnames": "^2.2.5"
10
10
  },
11
11
  "devDependencies": {
@@ -19,6 +19,9 @@
19
19
  "module": "dist/index.js",
20
20
  "types": "dist/index.d.ts",
21
21
  "main": "dist/index.js",
22
+ "files": [
23
+ "dist"
24
+ ],
22
25
  "license": "MIT",
23
26
  "peerDependencies": {
24
27
  "@emotion/react": "^11.4.0",
@@ -38,6 +41,6 @@
38
41
  "build": "nx build @codecademy/gamut-patterns"
39
42
  },
40
43
  "sideEffects": false,
41
- "version": "0.8.12-alpha.ad9693.0",
42
- "gitHead": "b91e62d02df70a64eb73db379e4623b7caf141d9"
44
+ "version": "0.8.12-alpha.d5109b.0",
45
+ "gitHead": "951e03d5222a1e3283f6d0cd915d3cd1d01874b2"
43
46
  }
package/.svgo.yml DELETED
@@ -1,11 +0,0 @@
1
- multipass: true
2
-
3
- plugins:
4
- - inlineStyles:
5
- onlyMatchedOnce: false
6
- - removeDimensions: true
7
- - removeViewBox: false
8
- - removeTitle: true
9
- - removeDesc: true
10
- - mergePaths: false
11
- - convertShapeToPath: false
package/CHANGELOG.md DELETED
@@ -1,420 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ### [0.8.12-alpha.ad9693.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.11...@codecademy/gamut-patterns@0.8.12-alpha.ad9693.0) (2022-08-02)
7
-
8
- **Note:** Version bump only for package @codecademy/gamut-patterns
9
-
10
-
11
-
12
-
13
-
14
- ### [0.8.11](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.10...@codecademy/gamut-patterns@0.8.11) (2022-07-29)
15
-
16
- **Note:** Version bump only for package @codecademy/gamut-patterns
17
-
18
-
19
-
20
-
21
-
22
- ### [0.8.10](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.9...@codecademy/gamut-patterns@0.8.10) (2022-07-29)
23
-
24
- **Note:** Version bump only for package @codecademy/gamut-patterns
25
-
26
-
27
-
28
-
29
-
30
- ### [0.8.9](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.8...@codecademy/gamut-patterns@0.8.9) (2022-07-27)
31
-
32
- **Note:** Version bump only for package @codecademy/gamut-patterns
33
-
34
-
35
-
36
-
37
-
38
- ### [0.8.8](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.7...@codecademy/gamut-patterns@0.8.8) (2022-07-19)
39
-
40
- **Note:** Version bump only for package @codecademy/gamut-patterns
41
-
42
-
43
-
44
-
45
-
46
- ### [0.8.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.6...@codecademy/gamut-patterns@0.8.7) (2022-07-15)
47
-
48
- **Note:** Version bump only for package @codecademy/gamut-patterns
49
-
50
-
51
-
52
-
53
-
54
- ### [0.8.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.5...@codecademy/gamut-patterns@0.8.6) (2022-05-24)
55
-
56
- **Note:** Version bump only for package @codecademy/gamut-patterns
57
-
58
-
59
-
60
-
61
-
62
- ### [0.8.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.4...@codecademy/gamut-patterns@0.8.5) (2022-05-17)
63
-
64
- **Note:** Version bump only for package @codecademy/gamut-patterns
65
-
66
-
67
-
68
-
69
-
70
- ### [0.8.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.3...@codecademy/gamut-patterns@0.8.4) (2022-04-13)
71
-
72
- **Note:** Version bump only for package @codecademy/gamut-patterns
73
-
74
-
75
-
76
-
77
-
78
- ### [0.8.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.2...@codecademy/gamut-patterns@0.8.3) (2022-02-18)
79
-
80
- **Note:** Version bump only for package @codecademy/gamut-patterns
81
-
82
-
83
-
84
-
85
-
86
- ### [0.8.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.1...@codecademy/gamut-patterns@0.8.2) (2022-02-01)
87
-
88
- **Note:** Version bump only for package @codecademy/gamut-patterns
89
-
90
-
91
-
92
-
93
-
94
- ### [0.8.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.0...@codecademy/gamut-patterns@0.8.1) (2022-01-31)
95
-
96
- **Note:** Version bump only for package @codecademy/gamut-patterns
97
-
98
-
99
-
100
-
101
-
102
- ## [0.8.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.3...@codecademy/gamut-patterns@0.8.0) (2022-01-25)
103
-
104
-
105
- ### ⚠ BREAKING CHANGES
106
-
107
- * bumped React to 17
108
-
109
- ### Features
110
-
111
- * bumped React to 17 ([c074ecb](https://github.com/Codecademy/gamut/commit/c074ecbfa026ed8e37cf41e874d345574a46e5e4))
112
-
113
-
114
-
115
- ### [0.7.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.2...@codecademy/gamut-patterns@0.7.3) (2021-12-07)
116
-
117
- **Note:** Version bump only for package @codecademy/gamut-patterns
118
-
119
-
120
-
121
-
122
-
123
- ### [0.7.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.1...@codecademy/gamut-patterns@0.7.2) (2021-11-23)
124
-
125
- **Note:** Version bump only for package @codecademy/gamut-patterns
126
-
127
-
128
-
129
-
130
-
131
- ### [0.7.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.0...@codecademy/gamut-patterns@0.7.1) (2021-10-27)
132
-
133
-
134
- ### Bug Fixes
135
-
136
- * **Pattern:** fix white bg on regular and dense diagonal patterns ([2f321c2](https://github.com/Codecademy/gamut/commit/2f321c2446cdc28e4338fa1dae94efa698e4c6ea))
137
-
138
-
139
-
140
- ## 0.7.0 (2021-10-26)
141
-
142
-
143
- ### ⚠ BREAKING CHANGES
144
-
145
- * add new gamut-patterns package
146
-
147
- ### Features
148
-
149
- * bump ESLint configs to latest ([4e3cf77](https://github.com/Codecademy/gamut/commit/4e3cf77928bdd69bce3eeca8a7f07439627b4f08))
150
- * **Patterns:** Add SVGR build process and SVGO settings ([e8433ce](https://github.com/Codecademy/gamut/commit/e8433ceace8b617fcaa45f13a11ce1367cff0e0b))
151
- * **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([ff93f0c](https://github.com/Codecademy/gamut/commit/ff93f0c9b7ca64ed9819586709f58436ca4502b9))
152
- * Migrate final gamut-system docs + functions to variance [WEB-1413] ([f966933](https://github.com/Codecademy/gamut/commit/f966933ac814d228072e781ee2a3d75a33190a85))
153
- * **theme:** createTheme self containment ([87a203c](https://github.com/Codecademy/gamut/commit/87a203c56df8002406552208b8b5ffc55b228262)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
154
- * add new gamut-patterns package ([3b9785a](https://github.com/Codecademy/gamut/commit/3b9785a20e26767a9531b1f1ce8de5f504f2dd34))
155
-
156
-
157
-
158
- ### [0.6.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.1...@codecademy/gamut-patterns@0.6.2) (2021-09-30)
159
-
160
- **Note:** Version bump only for package @codecademy/gamut-patterns
161
-
162
-
163
-
164
-
165
-
166
- ### [0.6.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.0...@codecademy/gamut-patterns@0.6.1) (2021-09-13)
167
-
168
- **Note:** Version bump only for package @codecademy/gamut-patterns
169
-
170
-
171
-
172
-
173
-
174
- ## [0.6.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.8...@codecademy/gamut-patterns@0.6.0) (2021-09-10)
175
-
176
-
177
- ### Features
178
-
179
- * bump ESLint configs to latest ([e0a201a](https://github.com/Codecademy/gamut/commit/e0a201abcc5f49718538d3d91af21cb37db4470e))
180
-
181
-
182
-
183
- ### [0.5.8](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.7...@codecademy/gamut-patterns@0.5.8) (2021-08-30)
184
-
185
- **Note:** Version bump only for package @codecademy/gamut-patterns
186
-
187
-
188
-
189
-
190
-
191
- ### [0.5.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.6...@codecademy/gamut-patterns@0.5.7) (2021-08-16)
192
-
193
- **Note:** Version bump only for package @codecademy/gamut-patterns
194
-
195
-
196
-
197
-
198
-
199
- ### [0.5.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.5...@codecademy/gamut-patterns@0.5.6) (2021-08-16)
200
-
201
- **Note:** Version bump only for package @codecademy/gamut-patterns
202
-
203
-
204
-
205
-
206
-
207
- ### [0.5.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.4...@codecademy/gamut-patterns@0.5.5) (2021-08-13)
208
-
209
- **Note:** Version bump only for package @codecademy/gamut-patterns
210
-
211
-
212
-
213
-
214
-
215
- ### [0.5.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.3...@codecademy/gamut-patterns@0.5.4) (2021-08-12)
216
-
217
- **Note:** Version bump only for package @codecademy/gamut-patterns
218
-
219
-
220
-
221
-
222
-
223
- ### [0.5.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.2...@codecademy/gamut-patterns@0.5.3) (2021-08-05)
224
-
225
- **Note:** Version bump only for package @codecademy/gamut-patterns
226
-
227
-
228
-
229
-
230
-
231
- ### [0.5.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.1...@codecademy/gamut-patterns@0.5.2) (2021-08-03)
232
-
233
- **Note:** Version bump only for package @codecademy/gamut-patterns
234
-
235
-
236
-
237
-
238
-
239
- ### [0.5.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.0...@codecademy/gamut-patterns@0.5.1) (2021-07-29)
240
-
241
- **Note:** Version bump only for package @codecademy/gamut-patterns
242
-
243
-
244
-
245
-
246
-
247
- ## [0.5.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.7...@codecademy/gamut-patterns@0.5.0) (2021-07-27)
248
-
249
-
250
- ### Features
251
-
252
- * **Patterns:** Add SVGR build process and SVGO settings ([56e50ff](https://github.com/Codecademy/gamut/commit/56e50ffe021102b84a7f9e5d7bb33ea6de890994))
253
-
254
-
255
-
256
- ### [0.4.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.6...@codecademy/gamut-patterns@0.4.7) (2021-07-19)
257
-
258
- **Note:** Version bump only for package @codecademy/gamut-patterns
259
-
260
-
261
-
262
-
263
-
264
- ### [0.4.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.5...@codecademy/gamut-patterns@0.4.6) (2021-07-16)
265
-
266
- **Note:** Version bump only for package @codecademy/gamut-patterns
267
-
268
-
269
-
270
-
271
-
272
- ### [0.4.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.4...@codecademy/gamut-patterns@0.4.5) (2021-07-15)
273
-
274
- **Note:** Version bump only for package @codecademy/gamut-patterns
275
-
276
-
277
-
278
-
279
-
280
- ### [0.4.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.3...@codecademy/gamut-patterns@0.4.4) (2021-06-17)
281
-
282
- **Note:** Version bump only for package @codecademy/gamut-patterns
283
-
284
-
285
-
286
-
287
-
288
- ### [0.4.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.2...@codecademy/gamut-patterns@0.4.3) (2021-06-16)
289
-
290
- **Note:** Version bump only for package @codecademy/gamut-patterns
291
-
292
-
293
-
294
-
295
-
296
- ### [0.4.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.1...@codecademy/gamut-patterns@0.4.2) (2021-06-16)
297
-
298
- **Note:** Version bump only for package @codecademy/gamut-patterns
299
-
300
-
301
-
302
-
303
-
304
- ### [0.4.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.0...@codecademy/gamut-patterns@0.4.1) (2021-06-16)
305
-
306
- **Note:** Version bump only for package @codecademy/gamut-patterns
307
-
308
-
309
-
310
-
311
-
312
- ## [0.4.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.4...@codecademy/gamut-patterns@0.4.0) (2021-06-15)
313
-
314
-
315
- ### Features
316
-
317
- * **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([50a8b43](https://github.com/Codecademy/gamut/commit/50a8b43b27eff2d75307d317d724383156e5a3ed))
318
-
319
-
320
-
321
- ### [0.3.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.3...@codecademy/gamut-patterns@0.3.4) (2021-06-10)
322
-
323
- **Note:** Version bump only for package @codecademy/gamut-patterns
324
-
325
-
326
-
327
-
328
-
329
- ### [0.3.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.2...@codecademy/gamut-patterns@0.3.3) (2021-06-10)
330
-
331
- **Note:** Version bump only for package @codecademy/gamut-patterns
332
-
333
-
334
-
335
-
336
-
337
- ### [0.3.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.1...@codecademy/gamut-patterns@0.3.2) (2021-06-03)
338
-
339
- **Note:** Version bump only for package @codecademy/gamut-patterns
340
-
341
-
342
-
343
-
344
-
345
- ### [0.3.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.0...@codecademy/gamut-patterns@0.3.1) (2021-06-02)
346
-
347
- **Note:** Version bump only for package @codecademy/gamut-patterns
348
-
349
-
350
-
351
-
352
-
353
- ## [0.3.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.2...@codecademy/gamut-patterns@0.3.0) (2021-05-27)
354
-
355
-
356
- ### Features
357
-
358
- * Migrate final gamut-system docs + functions to variance [WEB-1413] ([67c8651](https://github.com/Codecademy/gamut/commit/67c8651dc4985dd656c8d488af4cf56ca21a813b))
359
-
360
-
361
-
362
- ### [0.2.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.1...@codecademy/gamut-patterns@0.2.2) (2021-05-25)
363
-
364
- **Note:** Version bump only for package @codecademy/gamut-patterns
365
-
366
-
367
-
368
-
369
-
370
- ### [0.2.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.0...@codecademy/gamut-patterns@0.2.1) (2021-05-24)
371
-
372
- **Note:** Version bump only for package @codecademy/gamut-patterns
373
-
374
-
375
-
376
-
377
-
378
- ## [0.2.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.3...@codecademy/gamut-patterns@0.2.0) (2021-05-18)
379
-
380
-
381
- ### Features
382
-
383
- * **theme:** createTheme self containment ([59ddff7](https://github.com/Codecademy/gamut/commit/59ddff7224cd8e0972212dd6ba1696f40ccac835)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
384
-
385
-
386
-
387
- ### [0.1.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.2...@codecademy/gamut-patterns@0.1.3) (2021-05-12)
388
-
389
- **Note:** Version bump only for package @codecademy/gamut-patterns
390
-
391
-
392
-
393
-
394
-
395
- ### [0.1.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.1...@codecademy/gamut-patterns@0.1.2) (2021-05-11)
396
-
397
- **Note:** Version bump only for package @codecademy/gamut-patterns
398
-
399
-
400
-
401
-
402
-
403
- ### [0.1.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.0...@codecademy/gamut-patterns@0.1.1) (2021-05-07)
404
-
405
- **Note:** Version bump only for package @codecademy/gamut-patterns
406
-
407
-
408
-
409
-
410
-
411
- ## 0.1.0 (2021-05-06)
412
-
413
-
414
- ### ⚠ BREAKING CHANGES
415
-
416
- * add new gamut-patterns package
417
-
418
- ### Features
419
-
420
- * add new gamut-patterns package ([e0b30b1](https://github.com/Codecademy/gamut/commit/e0b30b102b32b8447a1b4c97f9da63fcce365af6))
package/babel.config.js DELETED
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- extends: '../../babel.defaults.js',
3
- presets: ['codecademy', '@babel/preset-typescript'],
4
- };
package/emotion-plugin.js DELETED
@@ -1,46 +0,0 @@
1
- const plugin = (api) => {
2
- const vistor = {
3
- JSXElement(path) {
4
- // We only want to find SVG element
5
- if (path.get('openingElement.name').isJSXIdentifier({ name: 'svg' })) {
6
- // Update the opening and closing tags to the styled component identifier
7
- const emotionTag = api.types.jsxIdentifier('Svg');
8
- path.get('openingElement.name').replaceWith(emotionTag);
9
- path.get('closingElement.name').replaceWith(emotionTag);
10
- }
11
- },
12
- JSXAttribute(path) {
13
- const valuePath = path.get('value');
14
- const attrName = path.get('name').toString();
15
- if (attrName === 'id' && valuePath.isStringLiteral()) {
16
- valuePath.replaceWith(
17
- api.types.jsxExpressionContainer(
18
- api.template.ast('patternId').expression
19
- )
20
- );
21
- }
22
-
23
- if (
24
- attrName === 'fill' &&
25
- valuePath.isStringLiteral() &&
26
- valuePath.toString().includes('url')
27
- ) {
28
- valuePath.replaceWith(
29
- api.types.jsxExpressionContainer(
30
- api.template.ast('`url(#${patternId})`').expression
31
- )
32
- );
33
- }
34
- },
35
- };
36
-
37
- return {
38
- visitor: {
39
- Program(path) {
40
- path.traverse(vistor);
41
- },
42
- },
43
- };
44
- };
45
-
46
- module.exports = plugin;
package/index-template.js DELETED
@@ -1,10 +0,0 @@
1
- const path = require('path');
2
-
3
- function indexTemplate(files) {
4
- const exportEntries = files.map((file) => {
5
- const basename = path.basename(file, path.extname(file));
6
- return `export * from './${basename}';`;
7
- });
8
- return exportEntries.join('\n');
9
- }
10
- module.exports = indexTemplate;
@@ -1,30 +0,0 @@
1
- const path = require('path');
2
- const { startCase } = require('lodash');
3
-
4
- function patternTemplate(api, opts, { jsx }) {
5
- const template = api.template.smart({ plugins: ['jsx', 'typescript'] });
6
- const { componentName, filePath } = opts.state;
7
- const exportName = componentName.replace('Svg', '');
8
- const title = startCase(path.basename(filePath, '.svg'));
9
-
10
- return template.ast`
11
- import * as React from 'react';
12
- import { Svg, PatternProps } from '../props';
13
- import { usePatternId } from '../usePatternId';
14
-
15
- export const ${exportName} = React.forwardRef<SVGSVGElement, PatternProps>(({
16
- title = "${title}",
17
- titleId,
18
- ...props
19
- },
20
- svgRef
21
- ) => {
22
- const patternId = usePatternId('${exportName}');
23
-
24
- return ${jsx};
25
- }) as React.ForwardRefExoticComponent<
26
- PatternProps & React.RefAttributes<SVGSVGElement>
27
- >;
28
- `;
29
- }
30
- module.exports = patternTemplate;
package/project.json DELETED
@@ -1,33 +0,0 @@
1
- {
2
- "$schema": "../../../node_modules/nx/schemas/project-schema.json",
3
- "sourceRoot": "packages/gamut-patterns/src",
4
- "projectType": "library",
5
- "targets": {
6
- "build": {
7
- "outputs": ["./dist", "./src/patterns"],
8
- "executor": "nx:run-commands",
9
- "options": {
10
- "cwd": "packages/gamut-patterns",
11
- "outputPath": ["./dist", "./src/patterns"],
12
- "commands": [
13
- "rm -rf ./dist",
14
- "rm -rf ./src/patterns",
15
- "svgr --out-dir ./src/patterns --ext 'tsx' ./src/svg",
16
- "babel ./src --out-dir ./dist --extensions \".ts,.tsx\"",
17
- "tsc --emitDeclarationOnly"
18
- ],
19
- "parallel": false
20
- }
21
- },
22
- "test": {
23
- "executor": "@nrwl/jest:jest",
24
- "outputs": ["coverage/packages/gamut-patterns"],
25
- "dependsOn": ["build"],
26
- "options": {
27
- "jestConfig": "packages/gamut-patterns/jest.config.ts",
28
- "passWithNoTests": true
29
- }
30
- }
31
- },
32
- "tags": []
33
- }
package/svgr.config.js DELETED
@@ -1,29 +0,0 @@
1
- const emotionPlugin = require('./emotion-plugin');
2
- const template = require('./pattern-template');
3
- const indexTemplate = require('./index-template');
4
-
5
- module.exports = {
6
- dimensions: false,
7
- titleProp: true,
8
- ref: true,
9
- svgProps: {
10
- fill: 'currentColor',
11
- role: 'img',
12
- 'aria-hidden': 'true',
13
- },
14
- prettierConfig: {
15
- parser: 'typescript',
16
- },
17
- replaceAttrValues: {
18
- '#000': 'currentColor',
19
- '#111': 'currentColor',
20
- '#444': 'currentColor',
21
- },
22
- jsx: {
23
- babelConfig: {
24
- plugins: [emotionPlugin],
25
- },
26
- },
27
- indexTemplate,
28
- template,
29
- };
package/tsconfig.json DELETED
@@ -1,15 +0,0 @@
1
- {
2
- "extends": "../../tsconfig.base.json",
3
- "include": [
4
- "../../typings/*.d.ts",
5
- "./src/**/*.ts",
6
- "./src/**/*.tsx",
7
- "../gamut-styles/dist/typings/theme.d.ts"
8
- ],
9
- "compilerOptions": {
10
- "declaration": true,
11
- "jsx": "react",
12
- "outDir": "./dist",
13
- "rootDir": "./src"
14
- }
15
- }