@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.
Files changed (180) hide show
  1. package/.svgo.yml +11 -0
  2. package/CHANGELOG.md +311 -2
  3. package/babel.config.js +0 -10
  4. package/dist/index.d.ts +1 -10
  5. package/dist/index.js +1 -10
  6. package/dist/patterns/CheckerDense.d.ts +3 -0
  7. package/dist/patterns/CheckerDense.js +47 -0
  8. package/dist/patterns/CheckerLoose.d.ts +3 -0
  9. package/dist/patterns/CheckerLoose.js +47 -0
  10. package/dist/patterns/CheckerRegular.d.ts +3 -0
  11. package/dist/patterns/CheckerRegular.js +47 -0
  12. package/dist/patterns/DiagonalADense.d.ts +3 -0
  13. package/dist/patterns/DiagonalADense.js +81 -0
  14. package/dist/patterns/DiagonalALoose.d.ts +3 -0
  15. package/dist/patterns/DiagonalALoose.js +225 -0
  16. package/dist/patterns/DiagonalARegular.d.ts +3 -0
  17. package/dist/patterns/DiagonalARegular.js +129 -0
  18. package/dist/patterns/DiagonalBDense.d.ts +3 -0
  19. package/dist/patterns/DiagonalBDense.js +63 -0
  20. package/dist/patterns/DiagonalBLoose.d.ts +3 -0
  21. package/dist/patterns/DiagonalBLoose.js +131 -0
  22. package/dist/patterns/DiagonalBRegular.d.ts +3 -0
  23. package/dist/patterns/DiagonalBRegular.js +87 -0
  24. package/dist/patterns/DotDense.d.ts +3 -0
  25. package/dist/patterns/DotDense.js +42 -0
  26. package/dist/patterns/DotLoose.d.ts +3 -0
  27. package/dist/patterns/DotLoose.js +85 -0
  28. package/dist/patterns/DotRegular.d.ts +3 -0
  29. package/dist/patterns/DotRegular.js +42 -0
  30. package/dist/patterns/ExDense.d.ts +3 -0
  31. package/dist/patterns/ExDense.js +64 -0
  32. package/dist/patterns/ExLoose.d.ts +3 -0
  33. package/dist/patterns/ExLoose.js +64 -0
  34. package/dist/patterns/ExRegular.d.ts +3 -0
  35. package/dist/patterns/ExRegular.js +64 -0
  36. package/dist/patterns/FlowerDense.d.ts +3 -0
  37. package/dist/patterns/FlowerDense.js +58 -0
  38. package/dist/patterns/FlowerLoose.d.ts +3 -0
  39. package/dist/patterns/FlowerLoose.js +58 -0
  40. package/dist/patterns/FlowerRegular.d.ts +3 -0
  41. package/dist/patterns/FlowerRegular.js +58 -0
  42. package/dist/patterns/GridDense.d.ts +3 -0
  43. package/dist/patterns/GridDense.js +57 -0
  44. package/dist/patterns/GridLoose.d.ts +3 -0
  45. package/dist/patterns/GridLoose.js +57 -0
  46. package/dist/patterns/GridRegular.d.ts +3 -0
  47. package/dist/patterns/GridRegular.js +57 -0
  48. package/dist/patterns/Herringbone.d.ts +3 -0
  49. package/dist/patterns/Herringbone.js +75 -0
  50. package/dist/patterns/RainDense.d.ts +3 -0
  51. package/dist/patterns/RainDense.js +47 -0
  52. package/dist/patterns/RainLoose.d.ts +3 -0
  53. package/dist/patterns/RainLoose.js +47 -0
  54. package/dist/patterns/RainRegular.d.ts +3 -0
  55. package/dist/patterns/RainRegular.js +47 -0
  56. package/dist/patterns/StripeDense.d.ts +3 -0
  57. package/dist/patterns/StripeDense.js +79 -0
  58. package/dist/patterns/StripeLoose.d.ts +3 -0
  59. package/dist/patterns/StripeLoose.js +211 -0
  60. package/dist/patterns/StripeRegular.d.ts +3 -0
  61. package/dist/patterns/StripeRegular.js +123 -0
  62. package/dist/patterns/index.d.ts +28 -0
  63. package/dist/patterns/index.js +28 -0
  64. package/dist/props.d.ts +193 -0
  65. package/dist/props.js +9 -0
  66. package/dist/svg/CheckerDense.svg +14 -0
  67. package/dist/svg/CheckerLoose.svg +14 -0
  68. package/dist/svg/CheckerRegular.svg +14 -0
  69. package/dist/svg/DiagonalADense.svg +20 -0
  70. package/dist/svg/DiagonalALoose.svg +44 -0
  71. package/dist/svg/DiagonalARegular.svg +28 -0
  72. package/dist/svg/DiagonalBDense.svg +24 -0
  73. package/dist/svg/DiagonalBLoose.svg +28 -0
  74. package/dist/svg/DiagonalBRegular.svg +28 -0
  75. package/dist/svg/DotDense.svg +13 -0
  76. package/dist/svg/DotLoose.svg +40 -0
  77. package/dist/svg/DotRegular.svg +13 -0
  78. package/dist/svg/ExDense.svg +17 -0
  79. package/dist/svg/ExLoose.svg +17 -0
  80. package/dist/svg/ExRegular.svg +17 -0
  81. package/dist/svg/FlowerDense.svg +16 -0
  82. package/dist/svg/FlowerLoose.svg +16 -0
  83. package/dist/svg/FlowerRegular.svg +16 -0
  84. package/dist/svg/GridDense.svg +16 -0
  85. package/dist/svg/GridLoose.svg +16 -0
  86. package/dist/svg/GridRegular.svg +16 -0
  87. package/dist/svg/Herringbone.svg +19 -0
  88. package/dist/svg/RainDense.svg +14 -0
  89. package/dist/svg/RainLoose.svg +14 -0
  90. package/dist/svg/RainRegular.svg +14 -0
  91. package/dist/svg/StripeDense.svg +20 -0
  92. package/dist/svg/StripeLoose.svg +44 -0
  93. package/dist/svg/StripeRegular.svg +28 -0
  94. package/dist/types.d.ts +1 -141
  95. package/dist/types.js +0 -3
  96. package/dist/usePatternId.d.ts +1 -0
  97. package/dist/usePatternId.js +10 -0
  98. package/emotion-plugin.js +46 -0
  99. package/index-template.js +10 -0
  100. package/jest.config.js +1 -0
  101. package/package.json +20 -14
  102. package/pattern-template.js +30 -0
  103. package/svgr.config.js +29 -0
  104. package/tsconfig.json +6 -1
  105. package/dist/patterns/checker/CheckerDense.d.ts +0 -3
  106. package/dist/patterns/checker/CheckerDense.js +0 -47
  107. package/dist/patterns/checker/CheckerLoose.d.ts +0 -3
  108. package/dist/patterns/checker/CheckerLoose.js +0 -47
  109. package/dist/patterns/checker/CheckerRegular.d.ts +0 -3
  110. package/dist/patterns/checker/CheckerRegular.js +0 -47
  111. package/dist/patterns/checker/index.d.ts +0 -3
  112. package/dist/patterns/checker/index.js +0 -3
  113. package/dist/patterns/diagonalA/DiagonalADense.d.ts +0 -3
  114. package/dist/patterns/diagonalA/DiagonalADense.js +0 -81
  115. package/dist/patterns/diagonalA/DiagonalALoose.d.ts +0 -3
  116. package/dist/patterns/diagonalA/DiagonalALoose.js +0 -225
  117. package/dist/patterns/diagonalA/DiagonalARegular.d.ts +0 -3
  118. package/dist/patterns/diagonalA/DiagonalARegular.js +0 -129
  119. package/dist/patterns/diagonalA/index.d.ts +0 -3
  120. package/dist/patterns/diagonalA/index.js +0 -3
  121. package/dist/patterns/diagonalB/DiagonalBDense.d.ts +0 -3
  122. package/dist/patterns/diagonalB/DiagonalBDense.js +0 -71
  123. package/dist/patterns/diagonalB/DiagonalBLoose.d.ts +0 -3
  124. package/dist/patterns/diagonalB/DiagonalBLoose.js +0 -131
  125. package/dist/patterns/diagonalB/DiagonalBRegular.d.ts +0 -3
  126. package/dist/patterns/diagonalB/DiagonalBRegular.js +0 -95
  127. package/dist/patterns/diagonalB/index.d.ts +0 -3
  128. package/dist/patterns/diagonalB/index.js +0 -3
  129. package/dist/patterns/dot/DotDense.d.ts +0 -3
  130. package/dist/patterns/dot/DotDense.js +0 -42
  131. package/dist/patterns/dot/DotLoose.d.ts +0 -3
  132. package/dist/patterns/dot/DotLoose.js +0 -89
  133. package/dist/patterns/dot/DotRegular.d.ts +0 -3
  134. package/dist/patterns/dot/DotRegular.js +0 -42
  135. package/dist/patterns/dot/index.d.ts +0 -3
  136. package/dist/patterns/dot/index.js +0 -3
  137. package/dist/patterns/ex/ExDense.d.ts +0 -3
  138. package/dist/patterns/ex/ExDense.js +0 -64
  139. package/dist/patterns/ex/ExLoose.d.ts +0 -3
  140. package/dist/patterns/ex/ExLoose.js +0 -64
  141. package/dist/patterns/ex/ExRegular.d.ts +0 -3
  142. package/dist/patterns/ex/ExRegular.js +0 -64
  143. package/dist/patterns/ex/index.d.ts +0 -3
  144. package/dist/patterns/ex/index.js +0 -3
  145. package/dist/patterns/flower/FlowerDense.d.ts +0 -3
  146. package/dist/patterns/flower/FlowerDense.js +0 -58
  147. package/dist/patterns/flower/FlowerLoose.d.ts +0 -3
  148. package/dist/patterns/flower/FlowerLoose.js +0 -58
  149. package/dist/patterns/flower/FlowerRegular.d.ts +0 -3
  150. package/dist/patterns/flower/FlowerRegular.js +0 -58
  151. package/dist/patterns/flower/index.d.ts +0 -3
  152. package/dist/patterns/flower/index.js +0 -3
  153. package/dist/patterns/grid/GridDense.d.ts +0 -3
  154. package/dist/patterns/grid/GridDense.js +0 -57
  155. package/dist/patterns/grid/GridLoose.d.ts +0 -3
  156. package/dist/patterns/grid/GridLoose.js +0 -57
  157. package/dist/patterns/grid/GridRegular.d.ts +0 -3
  158. package/dist/patterns/grid/GridRegular.js +0 -57
  159. package/dist/patterns/grid/index.d.ts +0 -3
  160. package/dist/patterns/grid/index.js +0 -3
  161. package/dist/patterns/herringbone/Herringbone.d.ts +0 -3
  162. package/dist/patterns/herringbone/Herringbone.js +0 -75
  163. package/dist/patterns/herringbone/index.d.ts +0 -1
  164. package/dist/patterns/herringbone/index.js +0 -1
  165. package/dist/patterns/rain/RainDense.d.ts +0 -3
  166. package/dist/patterns/rain/RainDense.js +0 -47
  167. package/dist/patterns/rain/RainLoose.d.ts +0 -3
  168. package/dist/patterns/rain/RainLoose.js +0 -47
  169. package/dist/patterns/rain/RainRegular.d.ts +0 -3
  170. package/dist/patterns/rain/RainRegular.js +0 -47
  171. package/dist/patterns/rain/index.d.ts +0 -3
  172. package/dist/patterns/rain/index.js +0 -3
  173. package/dist/patterns/stripe/StripeDense.d.ts +0 -3
  174. package/dist/patterns/stripe/StripeDense.js +0 -68
  175. package/dist/patterns/stripe/StripeLoose.d.ts +0 -3
  176. package/dist/patterns/stripe/StripeLoose.js +0 -200
  177. package/dist/patterns/stripe/StripeRegular.d.ts +0 -3
  178. package/dist/patterns/stripe/StripeRegular.js +0 -112
  179. package/dist/patterns/stripe/index.d.ts +0 -3
  180. package/dist/patterns/stripe/index.js +0 -3
package/.svgo.yml ADDED
@@ -0,0 +1,11 @@
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 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.a8f603.0 (2021-04-27)
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 ([0c1c869](https://github.com/Codecademy/client-modules/commit/0c1c869f622bb8f8c4bfba4ac7d01d98736c966f))
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/checker';
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/checker';
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,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const CheckerDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -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,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const CheckerLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -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,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const CheckerRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -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,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const DiagonalADense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -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
+ });
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { PatternProps } from '../props';
3
+ export declare const DiagonalALoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;