@codecademy/gamut-patterns 1.0.0-alpha.a8f603.0 → 1.0.0-alpha.bf8990.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/.svgo.yml +11 -0
- package/CHANGELOG.md +311 -2
- package/babel.config.js +0 -10
- package/dist/index.d.ts +1 -10
- package/dist/index.js +1 -10
- package/dist/patterns/CheckerDense.d.ts +3 -0
- package/dist/patterns/CheckerDense.js +47 -0
- package/dist/patterns/CheckerLoose.d.ts +3 -0
- package/dist/patterns/CheckerLoose.js +47 -0
- package/dist/patterns/CheckerRegular.d.ts +3 -0
- package/dist/patterns/CheckerRegular.js +47 -0
- package/dist/patterns/DiagonalADense.d.ts +3 -0
- package/dist/patterns/DiagonalADense.js +81 -0
- package/dist/patterns/DiagonalALoose.d.ts +3 -0
- package/dist/patterns/DiagonalALoose.js +225 -0
- package/dist/patterns/DiagonalARegular.d.ts +3 -0
- package/dist/patterns/DiagonalARegular.js +129 -0
- package/dist/patterns/DiagonalBDense.d.ts +3 -0
- package/dist/patterns/DiagonalBDense.js +63 -0
- package/dist/patterns/DiagonalBLoose.d.ts +3 -0
- package/dist/patterns/DiagonalBLoose.js +131 -0
- package/dist/patterns/DiagonalBRegular.d.ts +3 -0
- package/dist/patterns/DiagonalBRegular.js +87 -0
- package/dist/patterns/DotDense.d.ts +3 -0
- package/dist/patterns/DotDense.js +42 -0
- package/dist/patterns/DotLoose.d.ts +3 -0
- package/dist/patterns/DotLoose.js +85 -0
- package/dist/patterns/DotRegular.d.ts +3 -0
- package/dist/patterns/DotRegular.js +42 -0
- package/dist/patterns/ExDense.d.ts +3 -0
- package/dist/patterns/ExDense.js +64 -0
- package/dist/patterns/ExLoose.d.ts +3 -0
- package/dist/patterns/ExLoose.js +64 -0
- package/dist/patterns/ExRegular.d.ts +3 -0
- package/dist/patterns/ExRegular.js +64 -0
- package/dist/patterns/FlowerDense.d.ts +3 -0
- package/dist/patterns/FlowerDense.js +58 -0
- package/dist/patterns/FlowerLoose.d.ts +3 -0
- package/dist/patterns/FlowerLoose.js +58 -0
- package/dist/patterns/FlowerRegular.d.ts +3 -0
- package/dist/patterns/FlowerRegular.js +58 -0
- package/dist/patterns/GridDense.d.ts +3 -0
- package/dist/patterns/GridDense.js +57 -0
- package/dist/patterns/GridLoose.d.ts +3 -0
- package/dist/patterns/GridLoose.js +57 -0
- package/dist/patterns/GridRegular.d.ts +3 -0
- package/dist/patterns/GridRegular.js +57 -0
- package/dist/patterns/Herringbone.d.ts +3 -0
- package/dist/patterns/Herringbone.js +75 -0
- package/dist/patterns/RainDense.d.ts +3 -0
- package/dist/patterns/RainDense.js +47 -0
- package/dist/patterns/RainLoose.d.ts +3 -0
- package/dist/patterns/RainLoose.js +47 -0
- package/dist/patterns/RainRegular.d.ts +3 -0
- package/dist/patterns/RainRegular.js +47 -0
- package/dist/patterns/StripeDense.d.ts +3 -0
- package/dist/patterns/StripeDense.js +79 -0
- package/dist/patterns/StripeLoose.d.ts +3 -0
- package/dist/patterns/StripeLoose.js +211 -0
- package/dist/patterns/StripeRegular.d.ts +3 -0
- package/dist/patterns/StripeRegular.js +123 -0
- package/dist/patterns/index.d.ts +28 -0
- package/dist/patterns/index.js +28 -0
- package/dist/props.d.ts +193 -0
- package/dist/props.js +9 -0
- 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.d.ts +1 -141
- package/dist/types.js +0 -3
- package/dist/usePatternId.d.ts +1 -0
- package/dist/usePatternId.js +10 -0
- package/emotion-plugin.js +46 -0
- package/index-template.js +10 -0
- package/jest.config.js +1 -0
- package/package.json +20 -14
- package/pattern-template.js +30 -0
- package/svgr.config.js +29 -0
- package/tsconfig.json +6 -1
- package/dist/patterns/checker/CheckerDense.d.ts +0 -3
- package/dist/patterns/checker/CheckerDense.js +0 -47
- package/dist/patterns/checker/CheckerLoose.d.ts +0 -3
- package/dist/patterns/checker/CheckerLoose.js +0 -47
- package/dist/patterns/checker/CheckerRegular.d.ts +0 -3
- package/dist/patterns/checker/CheckerRegular.js +0 -47
- package/dist/patterns/checker/index.d.ts +0 -3
- package/dist/patterns/checker/index.js +0 -3
- package/dist/patterns/diagonalA/DiagonalADense.d.ts +0 -3
- package/dist/patterns/diagonalA/DiagonalADense.js +0 -81
- package/dist/patterns/diagonalA/DiagonalALoose.d.ts +0 -3
- package/dist/patterns/diagonalA/DiagonalALoose.js +0 -225
- package/dist/patterns/diagonalA/DiagonalARegular.d.ts +0 -3
- package/dist/patterns/diagonalA/DiagonalARegular.js +0 -129
- package/dist/patterns/diagonalA/index.d.ts +0 -3
- package/dist/patterns/diagonalA/index.js +0 -3
- package/dist/patterns/diagonalB/DiagonalBDense.d.ts +0 -3
- package/dist/patterns/diagonalB/DiagonalBDense.js +0 -71
- package/dist/patterns/diagonalB/DiagonalBLoose.d.ts +0 -3
- package/dist/patterns/diagonalB/DiagonalBLoose.js +0 -131
- package/dist/patterns/diagonalB/DiagonalBRegular.d.ts +0 -3
- package/dist/patterns/diagonalB/DiagonalBRegular.js +0 -95
- package/dist/patterns/diagonalB/index.d.ts +0 -3
- package/dist/patterns/diagonalB/index.js +0 -3
- package/dist/patterns/dot/DotDense.d.ts +0 -3
- package/dist/patterns/dot/DotDense.js +0 -42
- package/dist/patterns/dot/DotLoose.d.ts +0 -3
- package/dist/patterns/dot/DotLoose.js +0 -89
- package/dist/patterns/dot/DotRegular.d.ts +0 -3
- package/dist/patterns/dot/DotRegular.js +0 -42
- package/dist/patterns/dot/index.d.ts +0 -3
- package/dist/patterns/dot/index.js +0 -3
- package/dist/patterns/ex/ExDense.d.ts +0 -3
- package/dist/patterns/ex/ExDense.js +0 -64
- package/dist/patterns/ex/ExLoose.d.ts +0 -3
- package/dist/patterns/ex/ExLoose.js +0 -64
- package/dist/patterns/ex/ExRegular.d.ts +0 -3
- package/dist/patterns/ex/ExRegular.js +0 -64
- package/dist/patterns/ex/index.d.ts +0 -3
- package/dist/patterns/ex/index.js +0 -3
- package/dist/patterns/flower/FlowerDense.d.ts +0 -3
- package/dist/patterns/flower/FlowerDense.js +0 -58
- package/dist/patterns/flower/FlowerLoose.d.ts +0 -3
- package/dist/patterns/flower/FlowerLoose.js +0 -58
- package/dist/patterns/flower/FlowerRegular.d.ts +0 -3
- package/dist/patterns/flower/FlowerRegular.js +0 -58
- package/dist/patterns/flower/index.d.ts +0 -3
- package/dist/patterns/flower/index.js +0 -3
- package/dist/patterns/grid/GridDense.d.ts +0 -3
- package/dist/patterns/grid/GridDense.js +0 -57
- package/dist/patterns/grid/GridLoose.d.ts +0 -3
- package/dist/patterns/grid/GridLoose.js +0 -57
- package/dist/patterns/grid/GridRegular.d.ts +0 -3
- package/dist/patterns/grid/GridRegular.js +0 -57
- package/dist/patterns/grid/index.d.ts +0 -3
- package/dist/patterns/grid/index.js +0 -3
- package/dist/patterns/herringbone/Herringbone.d.ts +0 -3
- package/dist/patterns/herringbone/Herringbone.js +0 -75
- package/dist/patterns/herringbone/index.d.ts +0 -1
- package/dist/patterns/herringbone/index.js +0 -1
- package/dist/patterns/rain/RainDense.d.ts +0 -3
- package/dist/patterns/rain/RainDense.js +0 -47
- package/dist/patterns/rain/RainLoose.d.ts +0 -3
- package/dist/patterns/rain/RainLoose.js +0 -47
- package/dist/patterns/rain/RainRegular.d.ts +0 -3
- package/dist/patterns/rain/RainRegular.js +0 -47
- package/dist/patterns/rain/index.d.ts +0 -3
- package/dist/patterns/rain/index.js +0 -3
- package/dist/patterns/stripe/StripeDense.d.ts +0 -3
- package/dist/patterns/stripe/StripeDense.js +0 -68
- package/dist/patterns/stripe/StripeLoose.d.ts +0 -3
- package/dist/patterns/stripe/StripeLoose.js +0 -200
- package/dist/patterns/stripe/StripeRegular.d.ts +0 -3
- package/dist/patterns/stripe/StripeRegular.js +0 -112
- package/dist/patterns/stripe/index.d.ts +0 -3
- package/dist/patterns/stripe/index.js +0 -3
package/.svgo.yml
ADDED
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,316 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## 1.0.0-alpha.
|
|
6
|
+
## [1.0.0-alpha.bf8990.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.3...@codecademy/gamut-patterns@1.0.0-alpha.bf8990.0) (2022-01-25)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### ⚠ BREAKING CHANGES
|
|
10
|
+
|
|
11
|
+
* bumped React to 17
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* bumped React to 17 ([c074ecb](https://github.com/Codecademy/gamut/commit/c074ecbfa026ed8e37cf41e874d345574a46e5e4))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### [0.7.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.2...@codecademy/gamut-patterns@0.7.3) (2021-12-07)
|
|
20
|
+
|
|
21
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
### [0.7.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.1...@codecademy/gamut-patterns@0.7.2) (2021-11-23)
|
|
28
|
+
|
|
29
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
### [0.7.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.0...@codecademy/gamut-patterns@0.7.1) (2021-10-27)
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Bug Fixes
|
|
39
|
+
|
|
40
|
+
* **Pattern:** fix white bg on regular and dense diagonal patterns ([2f321c2](https://github.com/Codecademy/gamut/commit/2f321c2446cdc28e4338fa1dae94efa698e4c6ea))
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## 0.7.0 (2021-10-26)
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
### ⚠ BREAKING CHANGES
|
|
48
|
+
|
|
49
|
+
* add new gamut-patterns package
|
|
50
|
+
|
|
51
|
+
### Features
|
|
52
|
+
|
|
53
|
+
* bump ESLint configs to latest ([4e3cf77](https://github.com/Codecademy/gamut/commit/4e3cf77928bdd69bce3eeca8a7f07439627b4f08))
|
|
54
|
+
* **Patterns:** Add SVGR build process and SVGO settings ([e8433ce](https://github.com/Codecademy/gamut/commit/e8433ceace8b617fcaa45f13a11ce1367cff0e0b))
|
|
55
|
+
* **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([ff93f0c](https://github.com/Codecademy/gamut/commit/ff93f0c9b7ca64ed9819586709f58436ca4502b9))
|
|
56
|
+
* Migrate final gamut-system docs + functions to variance [WEB-1413] ([f966933](https://github.com/Codecademy/gamut/commit/f966933ac814d228072e781ee2a3d75a33190a85))
|
|
57
|
+
* **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)
|
|
58
|
+
* add new gamut-patterns package ([3b9785a](https://github.com/Codecademy/gamut/commit/3b9785a20e26767a9531b1f1ce8de5f504f2dd34))
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
### [0.6.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.1...@codecademy/gamut-patterns@0.6.2) (2021-09-30)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
### [0.6.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.0...@codecademy/gamut-patterns@0.6.1) (2021-09-13)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
## [0.6.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.8...@codecademy/gamut-patterns@0.6.0) (2021-09-10)
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
### Features
|
|
82
|
+
|
|
83
|
+
* bump ESLint configs to latest ([e0a201a](https://github.com/Codecademy/gamut/commit/e0a201abcc5f49718538d3d91af21cb37db4470e))
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
### [0.5.8](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.7...@codecademy/gamut-patterns@0.5.8) (2021-08-30)
|
|
88
|
+
|
|
89
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
### [0.5.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.6...@codecademy/gamut-patterns@0.5.7) (2021-08-16)
|
|
96
|
+
|
|
97
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
### [0.5.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.5...@codecademy/gamut-patterns@0.5.6) (2021-08-16)
|
|
104
|
+
|
|
105
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
### [0.5.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.4...@codecademy/gamut-patterns@0.5.5) (2021-08-13)
|
|
112
|
+
|
|
113
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
### [0.5.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.3...@codecademy/gamut-patterns@0.5.4) (2021-08-12)
|
|
120
|
+
|
|
121
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
### [0.5.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.2...@codecademy/gamut-patterns@0.5.3) (2021-08-05)
|
|
128
|
+
|
|
129
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
### [0.5.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.1...@codecademy/gamut-patterns@0.5.2) (2021-08-03)
|
|
136
|
+
|
|
137
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
### [0.5.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.0...@codecademy/gamut-patterns@0.5.1) (2021-07-29)
|
|
144
|
+
|
|
145
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
## [0.5.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.7...@codecademy/gamut-patterns@0.5.0) (2021-07-27)
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
### Features
|
|
155
|
+
|
|
156
|
+
* **Patterns:** Add SVGR build process and SVGO settings ([56e50ff](https://github.com/Codecademy/gamut/commit/56e50ffe021102b84a7f9e5d7bb33ea6de890994))
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
### [0.4.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.6...@codecademy/gamut-patterns@0.4.7) (2021-07-19)
|
|
161
|
+
|
|
162
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
### [0.4.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.5...@codecademy/gamut-patterns@0.4.6) (2021-07-16)
|
|
169
|
+
|
|
170
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
### [0.4.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.4...@codecademy/gamut-patterns@0.4.5) (2021-07-15)
|
|
177
|
+
|
|
178
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
### [0.4.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.3...@codecademy/gamut-patterns@0.4.4) (2021-06-17)
|
|
185
|
+
|
|
186
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
### [0.4.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.2...@codecademy/gamut-patterns@0.4.3) (2021-06-16)
|
|
193
|
+
|
|
194
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
### [0.4.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.1...@codecademy/gamut-patterns@0.4.2) (2021-06-16)
|
|
201
|
+
|
|
202
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
### [0.4.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.0...@codecademy/gamut-patterns@0.4.1) (2021-06-16)
|
|
209
|
+
|
|
210
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
## [0.4.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.4...@codecademy/gamut-patterns@0.4.0) (2021-06-15)
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
### Features
|
|
220
|
+
|
|
221
|
+
* **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([50a8b43](https://github.com/Codecademy/gamut/commit/50a8b43b27eff2d75307d317d724383156e5a3ed))
|
|
222
|
+
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
### [0.3.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.3...@codecademy/gamut-patterns@0.3.4) (2021-06-10)
|
|
226
|
+
|
|
227
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
228
|
+
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
|
|
232
|
+
|
|
233
|
+
### [0.3.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.2...@codecademy/gamut-patterns@0.3.3) (2021-06-10)
|
|
234
|
+
|
|
235
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
### [0.3.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.1...@codecademy/gamut-patterns@0.3.2) (2021-06-03)
|
|
242
|
+
|
|
243
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
### [0.3.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.0...@codecademy/gamut-patterns@0.3.1) (2021-06-02)
|
|
250
|
+
|
|
251
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
## [0.3.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.2...@codecademy/gamut-patterns@0.3.0) (2021-05-27)
|
|
258
|
+
|
|
259
|
+
|
|
260
|
+
### Features
|
|
261
|
+
|
|
262
|
+
* Migrate final gamut-system docs + functions to variance [WEB-1413] ([67c8651](https://github.com/Codecademy/gamut/commit/67c8651dc4985dd656c8d488af4cf56ca21a813b))
|
|
263
|
+
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
### [0.2.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.1...@codecademy/gamut-patterns@0.2.2) (2021-05-25)
|
|
267
|
+
|
|
268
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
### [0.2.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.0...@codecademy/gamut-patterns@0.2.1) (2021-05-24)
|
|
275
|
+
|
|
276
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
|
|
280
|
+
|
|
281
|
+
|
|
282
|
+
## [0.2.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.3...@codecademy/gamut-patterns@0.2.0) (2021-05-18)
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
### Features
|
|
286
|
+
|
|
287
|
+
* **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)
|
|
288
|
+
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
### [0.1.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.2...@codecademy/gamut-patterns@0.1.3) (2021-05-12)
|
|
292
|
+
|
|
293
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
294
|
+
|
|
295
|
+
|
|
296
|
+
|
|
297
|
+
|
|
298
|
+
|
|
299
|
+
### [0.1.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.1...@codecademy/gamut-patterns@0.1.2) (2021-05-11)
|
|
300
|
+
|
|
301
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
302
|
+
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
307
|
+
### [0.1.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.0...@codecademy/gamut-patterns@0.1.1) (2021-05-07)
|
|
308
|
+
|
|
309
|
+
**Note:** Version bump only for package @codecademy/gamut-patterns
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
## 0.1.0 (2021-05-06)
|
|
7
316
|
|
|
8
317
|
|
|
9
318
|
### ⚠ BREAKING CHANGES
|
|
@@ -12,4 +321,4 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
12
321
|
|
|
13
322
|
### Features
|
|
14
323
|
|
|
15
|
-
* add new gamut-patterns package ([
|
|
324
|
+
* add new gamut-patterns package ([e0b30b1](https://github.com/Codecademy/gamut/commit/e0b30b102b32b8447a1b4c97f9da63fcce365af6))
|
package/babel.config.js
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
module.exports = {
|
|
2
2
|
presets: ['codecademy', '@babel/preset-typescript'],
|
|
3
|
-
plugins: [
|
|
4
|
-
[
|
|
5
|
-
'@emotion',
|
|
6
|
-
{
|
|
7
|
-
sourceMap: true,
|
|
8
|
-
autoLabel: 'always',
|
|
9
|
-
labelFormat: '[local]',
|
|
10
|
-
},
|
|
11
|
-
],
|
|
12
|
-
],
|
|
13
3
|
include: ['./src/**/*'],
|
|
14
4
|
ignore: ['__tests__', './**/*.d.ts'],
|
|
15
5
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
export * from './patterns
|
|
2
|
-
export * from './patterns/diagonalA';
|
|
3
|
-
export * from './patterns/diagonalB';
|
|
4
|
-
export * from './patterns/dot';
|
|
5
|
-
export * from './patterns/ex';
|
|
6
|
-
export * from './patterns/flower';
|
|
7
|
-
export * from './patterns/grid';
|
|
8
|
-
export * from './patterns/herringbone';
|
|
9
|
-
export * from './patterns/rain';
|
|
10
|
-
export * from './patterns/stripe';
|
|
1
|
+
export * from './patterns';
|
|
11
2
|
export * from './types';
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
export * from './patterns
|
|
2
|
-
export * from './patterns/diagonalA';
|
|
3
|
-
export * from './patterns/diagonalB';
|
|
4
|
-
export * from './patterns/dot';
|
|
5
|
-
export * from './patterns/ex';
|
|
6
|
-
export * from './patterns/flower';
|
|
7
|
-
export * from './patterns/grid';
|
|
8
|
-
export * from './patterns/herringbone';
|
|
9
|
-
export * from './patterns/rain';
|
|
10
|
-
export * from './patterns/stripe';
|
|
1
|
+
export * from './patterns';
|
|
11
2
|
export * from './types';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
5
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
+
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { Svg } from '../props';
|
|
9
|
+
import { usePatternId } from '../usePatternId';
|
|
10
|
+
export var CheckerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
11
|
+
var _ref$title = _ref.title,
|
|
12
|
+
title = _ref$title === void 0 ? 'Checker Dense' : _ref$title,
|
|
13
|
+
titleId = _ref.titleId,
|
|
14
|
+
props = _objectWithoutProperties(_ref, ["title", "titleId"]);
|
|
15
|
+
|
|
16
|
+
var patternId = usePatternId('CheckerDense');
|
|
17
|
+
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
18
|
+
fill: "currentColor",
|
|
19
|
+
role: "img",
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
ref: svgRef,
|
|
22
|
+
"aria-labelledby": titleId
|
|
23
|
+
}, props), title ? /*#__PURE__*/React.createElement("title", {
|
|
24
|
+
id: titleId
|
|
25
|
+
}, title) : null, /*#__PURE__*/React.createElement("pattern", {
|
|
26
|
+
id: patternId,
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 0,
|
|
29
|
+
width: 4,
|
|
30
|
+
height: 4,
|
|
31
|
+
patternUnits: "userSpaceOnUse"
|
|
32
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
33
|
+
width: 1,
|
|
34
|
+
height: 1,
|
|
35
|
+
fill: "currentColor"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
37
|
+
x: 2,
|
|
38
|
+
y: 2,
|
|
39
|
+
width: 1,
|
|
40
|
+
height: 1,
|
|
41
|
+
fill: "currentColor"
|
|
42
|
+
})), /*#__PURE__*/React.createElement("rect", {
|
|
43
|
+
width: "100%",
|
|
44
|
+
height: "100%",
|
|
45
|
+
fill: "url(#".concat(patternId, ")")
|
|
46
|
+
}));
|
|
47
|
+
});
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
5
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
+
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { Svg } from '../props';
|
|
9
|
+
import { usePatternId } from '../usePatternId';
|
|
10
|
+
export var CheckerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
11
|
+
var _ref$title = _ref.title,
|
|
12
|
+
title = _ref$title === void 0 ? 'Checker Loose' : _ref$title,
|
|
13
|
+
titleId = _ref.titleId,
|
|
14
|
+
props = _objectWithoutProperties(_ref, ["title", "titleId"]);
|
|
15
|
+
|
|
16
|
+
var patternId = usePatternId('CheckerLoose');
|
|
17
|
+
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
18
|
+
fill: "currentColor",
|
|
19
|
+
role: "img",
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
ref: svgRef,
|
|
22
|
+
"aria-labelledby": titleId
|
|
23
|
+
}, props), title ? /*#__PURE__*/React.createElement("title", {
|
|
24
|
+
id: titleId
|
|
25
|
+
}, title) : null, /*#__PURE__*/React.createElement("pattern", {
|
|
26
|
+
id: patternId,
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 0,
|
|
29
|
+
width: 16,
|
|
30
|
+
height: 16,
|
|
31
|
+
patternUnits: "userSpaceOnUse"
|
|
32
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
33
|
+
width: 1,
|
|
34
|
+
height: 1,
|
|
35
|
+
fill: "currentColor"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
37
|
+
x: 8,
|
|
38
|
+
y: 8,
|
|
39
|
+
width: 1,
|
|
40
|
+
height: 1,
|
|
41
|
+
fill: "currentColor"
|
|
42
|
+
})), /*#__PURE__*/React.createElement("rect", {
|
|
43
|
+
width: "100%",
|
|
44
|
+
height: "100%",
|
|
45
|
+
fill: "url(#".concat(patternId, ")")
|
|
46
|
+
}));
|
|
47
|
+
});
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
5
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
+
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { Svg } from '../props';
|
|
9
|
+
import { usePatternId } from '../usePatternId';
|
|
10
|
+
export var CheckerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
11
|
+
var _ref$title = _ref.title,
|
|
12
|
+
title = _ref$title === void 0 ? 'Checker Regular' : _ref$title,
|
|
13
|
+
titleId = _ref.titleId,
|
|
14
|
+
props = _objectWithoutProperties(_ref, ["title", "titleId"]);
|
|
15
|
+
|
|
16
|
+
var patternId = usePatternId('CheckerRegular');
|
|
17
|
+
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
18
|
+
fill: "currentColor",
|
|
19
|
+
role: "img",
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
ref: svgRef,
|
|
22
|
+
"aria-labelledby": titleId
|
|
23
|
+
}, props), title ? /*#__PURE__*/React.createElement("title", {
|
|
24
|
+
id: titleId
|
|
25
|
+
}, title) : null, /*#__PURE__*/React.createElement("pattern", {
|
|
26
|
+
id: patternId,
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 0,
|
|
29
|
+
width: 8,
|
|
30
|
+
height: 8,
|
|
31
|
+
patternUnits: "userSpaceOnUse"
|
|
32
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
33
|
+
width: 1,
|
|
34
|
+
height: 1,
|
|
35
|
+
fill: "currentColor"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
37
|
+
x: 4,
|
|
38
|
+
y: 4,
|
|
39
|
+
width: 1,
|
|
40
|
+
height: 1,
|
|
41
|
+
fill: "currentColor"
|
|
42
|
+
})), /*#__PURE__*/React.createElement("rect", {
|
|
43
|
+
width: "100%",
|
|
44
|
+
height: "100%",
|
|
45
|
+
fill: "url(#".concat(patternId, ")")
|
|
46
|
+
}));
|
|
47
|
+
});
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
|
|
5
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
+
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { Svg } from '../props';
|
|
9
|
+
import { usePatternId } from '../usePatternId';
|
|
10
|
+
export var DiagonalADense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
|
|
11
|
+
var _ref$title = _ref.title,
|
|
12
|
+
title = _ref$title === void 0 ? 'Diagonal A Dense' : _ref$title,
|
|
13
|
+
titleId = _ref.titleId,
|
|
14
|
+
props = _objectWithoutProperties(_ref, ["title", "titleId"]);
|
|
15
|
+
|
|
16
|
+
var patternId = usePatternId('DiagonalADense');
|
|
17
|
+
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
18
|
+
fill: "currentColor",
|
|
19
|
+
role: "img",
|
|
20
|
+
"aria-hidden": "true",
|
|
21
|
+
ref: svgRef,
|
|
22
|
+
"aria-labelledby": titleId
|
|
23
|
+
}, props), title ? /*#__PURE__*/React.createElement("title", {
|
|
24
|
+
id: titleId
|
|
25
|
+
}, title) : null, /*#__PURE__*/React.createElement("pattern", {
|
|
26
|
+
id: patternId,
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 0,
|
|
29
|
+
width: 4,
|
|
30
|
+
height: 4,
|
|
31
|
+
patternUnits: "userSpaceOnUse"
|
|
32
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
33
|
+
width: 1,
|
|
34
|
+
height: 1,
|
|
35
|
+
fill: "currentColor"
|
|
36
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
37
|
+
x: 2,
|
|
38
|
+
y: 2,
|
|
39
|
+
width: 1,
|
|
40
|
+
height: 1,
|
|
41
|
+
fill: "currentColor"
|
|
42
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
43
|
+
x: 1,
|
|
44
|
+
y: 2,
|
|
45
|
+
width: 1,
|
|
46
|
+
height: 1,
|
|
47
|
+
fill: "currentColor"
|
|
48
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
49
|
+
x: 1,
|
|
50
|
+
y: 3,
|
|
51
|
+
width: 1,
|
|
52
|
+
height: 1,
|
|
53
|
+
fill: "currentColor"
|
|
54
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
55
|
+
y: 3,
|
|
56
|
+
width: 1,
|
|
57
|
+
height: 1,
|
|
58
|
+
fill: "currentColor"
|
|
59
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
60
|
+
x: 3,
|
|
61
|
+
width: 1,
|
|
62
|
+
height: 1,
|
|
63
|
+
fill: "currentColor"
|
|
64
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
65
|
+
x: 3,
|
|
66
|
+
y: 1,
|
|
67
|
+
width: 1,
|
|
68
|
+
height: 1,
|
|
69
|
+
fill: "currentColor"
|
|
70
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
71
|
+
x: 2,
|
|
72
|
+
y: 1,
|
|
73
|
+
width: 1,
|
|
74
|
+
height: 1,
|
|
75
|
+
fill: "currentColor"
|
|
76
|
+
})), /*#__PURE__*/React.createElement("rect", {
|
|
77
|
+
width: "100%",
|
|
78
|
+
height: "100%",
|
|
79
|
+
fill: "url(#".concat(patternId, ")")
|
|
80
|
+
}));
|
|
81
|
+
});
|