@sproutsocial/racine 11.0.2 → 11.1.2-badge-update.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 (274) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/__flow__/Badge/constants.js +48 -0
  3. package/__flow__/Badge/index.js +58 -32
  4. package/__flow__/Badge/index.stories.js +29 -42
  5. package/__flow__/Badge/index.test.js +34 -32
  6. package/__flow__/Badge/styles.js +22 -42
  7. package/__flow__/EnumIconNames.js +1 -1
  8. package/__flow__/IconViewBoxes.js +1 -1
  9. package/__flow__/index.js +1 -0
  10. package/__flow__/systemProps/background.js +28 -0
  11. package/__flow__/systemProps/border.js +76 -0
  12. package/__flow__/systemProps/color.js +25 -0
  13. package/__flow__/systemProps/custom.js +23 -0
  14. package/__flow__/systemProps/flexbox.js +42 -0
  15. package/__flow__/systemProps/grid.js +43 -0
  16. package/__flow__/systemProps/index.js +17 -0
  17. package/__flow__/systemProps/layout.js +43 -0
  18. package/__flow__/systemProps/position.js +29 -0
  19. package/__flow__/systemProps/shadow.js +18 -0
  20. package/__flow__/systemProps/space.js +83 -0
  21. package/__flow__/systemProps/systemProps.js +55 -0
  22. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  23. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  24. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  25. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  26. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  27. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  28. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  29. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  30. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  31. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  32. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  33. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  34. package/__flow__/systemProps/tests/background.test.js +90 -0
  35. package/__flow__/systemProps/tests/border.test.js +299 -0
  36. package/__flow__/systemProps/tests/color.test.js +49 -0
  37. package/__flow__/systemProps/tests/custom.test.js +38 -0
  38. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  39. package/__flow__/systemProps/tests/grid.test.js +123 -0
  40. package/__flow__/systemProps/tests/layout.test.js +135 -0
  41. package/__flow__/systemProps/tests/position.test.js +78 -0
  42. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  43. package/__flow__/systemProps/tests/space.test.js +32 -0
  44. package/__flow__/systemProps/tests/types.flow.js +55 -0
  45. package/__flow__/systemProps/tests/typography.test.js +93 -0
  46. package/__flow__/systemProps/tests/variant.test.js +25 -0
  47. package/__flow__/systemProps/types.flow.js +20 -0
  48. package/__flow__/systemProps/typography.js +34 -0
  49. package/__flow__/systemProps/variant.js +18 -0
  50. package/__flow__/themes/dark/theme.js +1 -0
  51. package/__flow__/themes/light/literal-colors.js +2 -0
  52. package/__flow__/themes/light/theme.js +1 -0
  53. package/__flow__/types/theme.colors.flow.js +27 -0
  54. package/bin/buildNpm.js +58 -0
  55. package/commonjs/Avatar/index.js +7 -4
  56. package/commonjs/Badge/constants.js +43 -0
  57. package/commonjs/Badge/index.js +42 -38
  58. package/commonjs/Badge/styles.js +16 -32
  59. package/commonjs/Banner/index.js +3 -1
  60. package/commonjs/Banner/styles.js +1 -1
  61. package/commonjs/Box/styles.js +1 -1
  62. package/commonjs/Breadcrumb/index.js +5 -2
  63. package/commonjs/Button/index.js +3 -1
  64. package/commonjs/Card/index.js +3 -1
  65. package/commonjs/Card/styles.js +3 -3
  66. package/commonjs/CharacterCounter/index.js +3 -1
  67. package/commonjs/CharacterCounter/styles.js +1 -1
  68. package/commonjs/ChartLegend/index.js +3 -1
  69. package/commonjs/ChartLegend/styles.js +3 -3
  70. package/commonjs/Checkbox/index.js +3 -1
  71. package/commonjs/Checkbox/styles.js +1 -1
  72. package/commonjs/Collapsible/index.js +5 -2
  73. package/commonjs/DatePicker/DateRangePicker.js +3 -1
  74. package/commonjs/DatePicker/SingleDatePicker.js +3 -1
  75. package/commonjs/DatePicker/StatefulDateRangePicker.js +3 -1
  76. package/commonjs/DatePicker/StatefulSingleDatePicker.js +3 -1
  77. package/commonjs/DatePicker/common.js +1 -1
  78. package/commonjs/DatePicker/styles.js +2 -6
  79. package/commonjs/Drawer/SlideTransition.js +3 -1
  80. package/commonjs/Drawer/index.js +9 -4
  81. package/commonjs/Drawer/styles.js +2 -2
  82. package/commonjs/EmptyState/index.js +3 -1
  83. package/commonjs/Fieldset/index.js +7 -3
  84. package/commonjs/FormField/index.js +3 -1
  85. package/commonjs/Icon/index.js +5 -2
  86. package/commonjs/Icon/styles.js +1 -1
  87. package/commonjs/IconViewBoxes.js +1 -0
  88. package/commonjs/Image/index.js +3 -1
  89. package/commonjs/Image/styles.js +1 -1
  90. package/commonjs/Indicator/index.js +3 -1
  91. package/commonjs/Input/index.js +3 -1
  92. package/commonjs/Input/styles.js +2 -2
  93. package/commonjs/KeyboardKey/index.js +3 -1
  94. package/commonjs/Label/index.js +4 -2
  95. package/commonjs/Link/index.js +3 -1
  96. package/commonjs/Link/styles.js +1 -1
  97. package/commonjs/Listbox/index.js +7 -4
  98. package/commonjs/Loader/index.js +3 -1
  99. package/commonjs/Loader/styles.js +2 -2
  100. package/commonjs/LoaderButton/index.js +3 -1
  101. package/commonjs/Menu/constants.js +1 -1
  102. package/commonjs/Menu/descendants.js +10 -7
  103. package/commonjs/Menu/hooks.js +1 -1
  104. package/commonjs/Menu/index.js +22 -16
  105. package/commonjs/Menu/styles.js +2 -2
  106. package/commonjs/Message/index.js +3 -1
  107. package/commonjs/Message/styles.js +1 -1
  108. package/commonjs/Modal/index.js +7 -3
  109. package/commonjs/Modal/styles.js +4 -6
  110. package/commonjs/Numeral/constants.js +1 -1
  111. package/commonjs/Numeral/index.js +3 -1
  112. package/commonjs/Numeral/styles.js +3 -3
  113. package/commonjs/OverflowList/styles.js +1 -1
  114. package/commonjs/Popout/index.js +7 -3
  115. package/commonjs/Popout/styles.js +1 -1
  116. package/commonjs/Radio/index.js +3 -1
  117. package/commonjs/Radio/styles.js +4 -4
  118. package/commonjs/SegmentedControl/index.js +5 -2
  119. package/commonjs/Select/index.js +3 -1
  120. package/commonjs/Stack/index.js +3 -1
  121. package/commonjs/Switch/index.js +3 -1
  122. package/commonjs/Switch/styles.js +1 -1
  123. package/commonjs/Table/index.js +10 -5
  124. package/commonjs/TableCell/index.js +3 -1
  125. package/commonjs/TableHeaderCell/index.js +3 -1
  126. package/commonjs/TableRowAccordion/index.js +3 -1
  127. package/commonjs/Tabs/index.js +5 -2
  128. package/commonjs/Tabs/styles.js +4 -4
  129. package/commonjs/Text/index.js +3 -1
  130. package/commonjs/Text/styles.js +1 -1
  131. package/commonjs/Textarea/index.js +3 -1
  132. package/commonjs/Toast/index.js +15 -15
  133. package/commonjs/Toast/styles.js +4 -7
  134. package/commonjs/ToggleHint/index.js +3 -1
  135. package/commonjs/Token/index.js +3 -1
  136. package/commonjs/Token/styles.js +1 -1
  137. package/commonjs/TokenInput/index.js +3 -1
  138. package/commonjs/Tooltip/index.js +5 -2
  139. package/commonjs/Tooltip/styles.js +1 -1
  140. package/commonjs/VisuallyHidden/index.js +1 -1
  141. package/commonjs/include-icons.js +1 -1
  142. package/commonjs/index.js +79 -1
  143. package/commonjs/systemProps/background.js +9 -0
  144. package/commonjs/systemProps/border.js +9 -0
  145. package/commonjs/systemProps/color.js +9 -0
  146. package/commonjs/systemProps/custom.js +12 -0
  147. package/commonjs/systemProps/flexbox.js +9 -0
  148. package/commonjs/systemProps/grid.js +9 -0
  149. package/commonjs/systemProps/index.js +115 -0
  150. package/commonjs/systemProps/layout.js +9 -0
  151. package/commonjs/systemProps/position.js +9 -0
  152. package/commonjs/systemProps/shadow.js +9 -0
  153. package/commonjs/systemProps/space.js +10 -0
  154. package/commonjs/systemProps/systemProps.js +33 -0
  155. package/commonjs/systemProps/tests/types.flow.js +46 -0
  156. package/commonjs/systemProps/types.flow.js +1 -0
  157. package/commonjs/systemProps/typography.js +9 -0
  158. package/commonjs/systemProps/variant.js +12 -0
  159. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  160. package/commonjs/themes/dark/theme.js +1 -1
  161. package/commonjs/themes/light/decorative-palettes.js +1 -1
  162. package/commonjs/themes/light/literal-colors.js +4 -2
  163. package/commonjs/themes/light/theme.js +1 -1
  164. package/commonjs/types/theme.colors.flow.js +2 -0
  165. package/commonjs/utils/hooks.js +3 -2
  166. package/commonjs/utils/mixins.js +1 -1
  167. package/commonjs/utils/system-props.js +1 -1
  168. package/dist/iconList.js +1 -1
  169. package/dist/icons.svg +1 -1
  170. package/dist/themes/dark/dark.scss +9 -7
  171. package/dist/themes/light/light.scss +99 -97
  172. package/icons/power-up-outline.svg +3 -0
  173. package/includeIcons.js +1 -1
  174. package/lib/Avatar/index.js +7 -4
  175. package/lib/Badge/constants.js +38 -0
  176. package/lib/Badge/index.js +39 -38
  177. package/lib/Badge/styles.js +13 -28
  178. package/lib/Banner/index.js +3 -1
  179. package/lib/Banner/styles.js +1 -1
  180. package/lib/Box/styles.js +1 -1
  181. package/lib/Breadcrumb/index.js +5 -2
  182. package/lib/Button/index.js +3 -1
  183. package/lib/Card/index.js +3 -1
  184. package/lib/Card/styles.js +2 -2
  185. package/lib/CharacterCounter/index.js +3 -1
  186. package/lib/CharacterCounter/styles.js +1 -1
  187. package/lib/ChartLegend/index.js +3 -1
  188. package/lib/ChartLegend/styles.js +3 -3
  189. package/lib/Checkbox/index.js +3 -1
  190. package/lib/Collapsible/index.js +5 -2
  191. package/lib/DatePicker/DateRangePicker.js +3 -1
  192. package/lib/DatePicker/SingleDatePicker.js +3 -1
  193. package/lib/DatePicker/StatefulDateRangePicker.js +3 -1
  194. package/lib/DatePicker/StatefulSingleDatePicker.js +3 -1
  195. package/lib/DatePicker/styles.js +2 -6
  196. package/lib/Drawer/SlideTransition.js +3 -1
  197. package/lib/Drawer/index.js +9 -4
  198. package/lib/Drawer/styles.js +2 -2
  199. package/lib/EmptyState/index.js +3 -1
  200. package/lib/Fieldset/index.js +7 -3
  201. package/lib/FormField/index.js +3 -1
  202. package/lib/Icon/index.js +5 -2
  203. package/lib/Icon/styles.js +1 -1
  204. package/lib/IconViewBoxes.js +1 -0
  205. package/lib/Image/index.js +3 -1
  206. package/lib/Image/styles.js +1 -1
  207. package/lib/Indicator/index.js +3 -1
  208. package/lib/Input/index.js +3 -1
  209. package/lib/Input/styles.js +2 -2
  210. package/lib/KeyboardKey/index.js +3 -1
  211. package/lib/Label/index.js +4 -2
  212. package/lib/Link/index.js +3 -1
  213. package/lib/Link/styles.js +1 -1
  214. package/lib/Listbox/index.js +6 -3
  215. package/lib/Loader/index.js +3 -1
  216. package/lib/Loader/styles.js +2 -2
  217. package/lib/LoaderButton/index.js +3 -1
  218. package/lib/Menu/descendants.js +5 -2
  219. package/lib/Menu/index.js +20 -16
  220. package/lib/Menu/styles.js +2 -2
  221. package/lib/Message/index.js +3 -1
  222. package/lib/Modal/index.js +7 -3
  223. package/lib/Modal/styles.js +3 -5
  224. package/lib/Numeral/index.js +3 -1
  225. package/lib/Numeral/styles.js +2 -2
  226. package/lib/OverflowList/styles.js +1 -1
  227. package/lib/Popout/index.js +7 -3
  228. package/lib/Popout/styles.js +1 -1
  229. package/lib/Radio/index.js +3 -1
  230. package/lib/Radio/styles.js +4 -4
  231. package/lib/SegmentedControl/index.js +5 -2
  232. package/lib/Select/index.js +3 -1
  233. package/lib/Stack/index.js +3 -1
  234. package/lib/Switch/index.js +3 -1
  235. package/lib/Switch/styles.js +1 -1
  236. package/lib/Table/index.js +9 -4
  237. package/lib/TableCell/index.js +3 -1
  238. package/lib/TableHeaderCell/index.js +3 -1
  239. package/lib/TableRowAccordion/index.js +3 -1
  240. package/lib/Tabs/index.js +5 -2
  241. package/lib/Tabs/styles.js +3 -3
  242. package/lib/Text/index.js +3 -1
  243. package/lib/Text/styles.js +1 -1
  244. package/lib/Textarea/index.js +3 -1
  245. package/lib/Toast/index.js +14 -14
  246. package/lib/Toast/styles.js +3 -7
  247. package/lib/ToggleHint/index.js +3 -1
  248. package/lib/Token/index.js +3 -1
  249. package/lib/Token/styles.js +1 -1
  250. package/lib/TokenInput/index.js +3 -1
  251. package/lib/Tooltip/index.js +5 -2
  252. package/lib/Tooltip/styles.js +1 -1
  253. package/lib/VisuallyHidden/index.js +1 -1
  254. package/lib/include-icons.js +1 -1
  255. package/lib/index.js +1 -0
  256. package/lib/systemProps/background.js +2 -0
  257. package/lib/systemProps/border.js +2 -0
  258. package/lib/systemProps/color.js +2 -0
  259. package/lib/systemProps/custom.js +5 -0
  260. package/lib/systemProps/flexbox.js +2 -0
  261. package/lib/systemProps/grid.js +2 -0
  262. package/lib/systemProps/index.js +14 -0
  263. package/lib/systemProps/layout.js +2 -0
  264. package/lib/systemProps/position.js +2 -0
  265. package/lib/systemProps/shadow.js +2 -0
  266. package/lib/systemProps/space.js +3 -0
  267. package/lib/systemProps/systemProps.js +14 -0
  268. package/lib/systemProps/tests/types.flow.js +44 -0
  269. package/lib/systemProps/types.flow.js +0 -0
  270. package/lib/systemProps/typography.js +2 -0
  271. package/lib/systemProps/variant.js +5 -0
  272. package/lib/themes/light/literal-colors.js +4 -2
  273. package/lib/types/theme.colors.flow.js +2 -1
  274. package/package.json +15 -3
@@ -0,0 +1,469 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`border system props border 1`] = `
4
+ .c0 {
5
+ border: string;
6
+ }
7
+
8
+ .c1 {
9
+ border: 1px;
10
+ }
11
+
12
+ <div>
13
+ <div
14
+ class="c0"
15
+ />
16
+ <div
17
+ class="c1"
18
+ />
19
+ </div>
20
+ `;
21
+
22
+ exports[`border system props borderBottom 1`] = `
23
+ .c0 {
24
+ border-bottom: string;
25
+ }
26
+
27
+ .c1 {
28
+ border-bottom: 1px;
29
+ }
30
+
31
+ <div>
32
+ <div
33
+ class="c0"
34
+ />
35
+ <div
36
+ class="c1"
37
+ />
38
+ </div>
39
+ `;
40
+
41
+ exports[`border system props borderBottomColor 1`] = `
42
+ .c0 {
43
+ border-bottom-color: string;
44
+ }
45
+
46
+ <div>
47
+ <div
48
+ class="c0"
49
+ />
50
+ </div>
51
+ `;
52
+
53
+ exports[`border system props borderBottomLeftRadius 1`] = `
54
+ .c0 {
55
+ border-bottom-left-radius: string;
56
+ }
57
+
58
+ .c1 {
59
+ border-bottom-left-radius: 1px;
60
+ }
61
+
62
+ <div>
63
+ <div
64
+ class="c0"
65
+ />
66
+ <div
67
+ class="c1"
68
+ />
69
+ </div>
70
+ `;
71
+
72
+ exports[`border system props borderBottomRightRadius 1`] = `
73
+ .c0 {
74
+ border-bottom-right-radius: string;
75
+ }
76
+
77
+ .c1 {
78
+ border-bottom-right-radius: 1px;
79
+ }
80
+
81
+ <div>
82
+ <div
83
+ class="c0"
84
+ />
85
+ <div
86
+ class="c1"
87
+ />
88
+ </div>
89
+ `;
90
+
91
+ exports[`border system props borderBottomStyle 1`] = `
92
+ .c0 {
93
+ border-bottom-style: dashed;
94
+ }
95
+
96
+ .c1 {
97
+ border-bottom-style: string;
98
+ }
99
+
100
+ <div>
101
+ <div
102
+ class="c0"
103
+ />
104
+ <div
105
+ class="c1"
106
+ />
107
+ </div>
108
+ `;
109
+
110
+ exports[`border system props borderBottomWidth 1`] = `
111
+ .c0 {
112
+ border-bottom-width: thick;
113
+ }
114
+
115
+ .c1 {
116
+ border-bottom-width: 1px;
117
+ }
118
+
119
+ .c2 {
120
+ border-bottom-width: string;
121
+ }
122
+
123
+ <div>
124
+ <div
125
+ class="c0"
126
+ />
127
+ <div
128
+ class="c1"
129
+ />
130
+ <div
131
+ class="c2"
132
+ />
133
+ </div>
134
+ `;
135
+
136
+ exports[`border system props borderColor 1`] = `
137
+ .c0 {
138
+ border-color: string;
139
+ }
140
+
141
+ <div>
142
+ <div
143
+ class="c0"
144
+ />
145
+ </div>
146
+ `;
147
+
148
+ exports[`border system props borderLeft 1`] = `
149
+ .c0 {
150
+ border-left: string;
151
+ }
152
+
153
+ .c1 {
154
+ border-left: 1px;
155
+ }
156
+
157
+ <div>
158
+ <div
159
+ class="c0"
160
+ />
161
+ <div
162
+ class="c1"
163
+ />
164
+ </div>
165
+ `;
166
+
167
+ exports[`border system props borderLeftColor 1`] = `
168
+ .c0 {
169
+ border-left-color: string;
170
+ }
171
+
172
+ <div>
173
+ <div
174
+ class="c0"
175
+ />
176
+ </div>
177
+ `;
178
+
179
+ exports[`border system props borderLeftStyle 1`] = `
180
+ .c0 {
181
+ border-left-style: dashed;
182
+ }
183
+
184
+ .c1 {
185
+ border-left-style: string;
186
+ }
187
+
188
+ <div>
189
+ <div
190
+ class="c0"
191
+ />
192
+ <div
193
+ class="c1"
194
+ />
195
+ </div>
196
+ `;
197
+
198
+ exports[`border system props borderLeftWidth 1`] = `
199
+ .c0 {
200
+ border-left-width: thick;
201
+ }
202
+
203
+ .c1 {
204
+ border-left-width: 1px;
205
+ }
206
+
207
+ .c2 {
208
+ border-left-width: string;
209
+ }
210
+
211
+ <div>
212
+ <div
213
+ class="c0"
214
+ />
215
+ <div
216
+ class="c1"
217
+ />
218
+ <div
219
+ class="c2"
220
+ />
221
+ </div>
222
+ `;
223
+
224
+ exports[`border system props borderRadius 1`] = `
225
+ .c0 {
226
+ border-radius: string;
227
+ }
228
+
229
+ <div>
230
+ <div
231
+ class="c0"
232
+ />
233
+ </div>
234
+ `;
235
+
236
+ exports[`border system props borderRight 1`] = `
237
+ .c0 {
238
+ border-right: string;
239
+ }
240
+
241
+ <div>
242
+ <div
243
+ class="c0"
244
+ />
245
+ </div>
246
+ `;
247
+
248
+ exports[`border system props borderRightColor 1`] = `
249
+ .c0 {
250
+ border-right-color: string;
251
+ }
252
+
253
+ <div>
254
+ <div
255
+ class="c0"
256
+ />
257
+ </div>
258
+ `;
259
+
260
+ exports[`border system props borderRightStyle 1`] = `
261
+ .c0 {
262
+ border-right-style: dashed;
263
+ }
264
+
265
+ .c1 {
266
+ border-right-style: string;
267
+ }
268
+
269
+ <div>
270
+ <div
271
+ class="c0"
272
+ />
273
+ <div
274
+ class="c1"
275
+ />
276
+ </div>
277
+ `;
278
+
279
+ exports[`border system props borderRightWidth 1`] = `
280
+ .c0 {
281
+ border-right-width: thick;
282
+ }
283
+
284
+ .c1 {
285
+ border-right-width: 1px;
286
+ }
287
+
288
+ .c2 {
289
+ border-right-width: string;
290
+ }
291
+
292
+ <div>
293
+ <div
294
+ class="c0"
295
+ />
296
+ <div
297
+ class="c1"
298
+ />
299
+ <div
300
+ class="c2"
301
+ />
302
+ </div>
303
+ `;
304
+
305
+ exports[`border system props borderStyle 1`] = `
306
+ .c0 {
307
+ border-style: string;
308
+ }
309
+
310
+ <div>
311
+ <div
312
+ class="c0"
313
+ />
314
+ </div>
315
+ `;
316
+
317
+ exports[`border system props borderTop 1`] = `
318
+ .c0 {
319
+ border-top: string;
320
+ }
321
+
322
+ <div>
323
+ <div
324
+ class="c0"
325
+ />
326
+ </div>
327
+ `;
328
+
329
+ exports[`border system props borderTopColor 1`] = `
330
+ .c0 {
331
+ border-top-color: string;
332
+ }
333
+
334
+ <div>
335
+ <div
336
+ class="c0"
337
+ />
338
+ </div>
339
+ `;
340
+
341
+ exports[`border system props borderTopLeftRadius 1`] = `
342
+ .c0 {
343
+ border-top-left-radius: string;
344
+ }
345
+
346
+ <div>
347
+ <div
348
+ class="c0"
349
+ />
350
+ </div>
351
+ `;
352
+
353
+ exports[`border system props borderTopRightRadius 1`] = `
354
+ .c0 {
355
+ border-top-right-radius: string;
356
+ }
357
+
358
+ <div>
359
+ <div
360
+ class="c0"
361
+ />
362
+ </div>
363
+ `;
364
+
365
+ exports[`border system props borderTopStyle 1`] = `
366
+ .c0 {
367
+ border-top-style: dashed;
368
+ }
369
+
370
+ .c1 {
371
+ border-top-style: string;
372
+ }
373
+
374
+ <div>
375
+ <div
376
+ class="c0"
377
+ />
378
+ <div
379
+ class="c1"
380
+ />
381
+ </div>
382
+ `;
383
+
384
+ exports[`border system props borderTopWidth 1`] = `
385
+ .c0 {
386
+ border-top-width: thick;
387
+ }
388
+
389
+ .c1 {
390
+ border-top-width: 1px;
391
+ }
392
+
393
+ .c2 {
394
+ border-top-width: string;
395
+ }
396
+
397
+ <div>
398
+ <div
399
+ class="c0"
400
+ />
401
+ <div
402
+ class="c1"
403
+ />
404
+ <div
405
+ class="c2"
406
+ />
407
+ </div>
408
+ `;
409
+
410
+ exports[`border system props borderWidth 1`] = `
411
+ .c0 {
412
+ border-width: string;
413
+ }
414
+
415
+ .c1 {
416
+ border-width: 1px;
417
+ }
418
+
419
+ <div>
420
+ <div
421
+ class="c0"
422
+ />
423
+ <div
424
+ class="c1"
425
+ />
426
+ </div>
427
+ `;
428
+
429
+ exports[`border system props borderX 1`] = `
430
+ .c0 {
431
+ border-left: string;
432
+ border-right: string;
433
+ }
434
+
435
+ .c1 {
436
+ border-left: 1px;
437
+ border-right: 1px;
438
+ }
439
+
440
+ <div>
441
+ <div
442
+ class="c0"
443
+ />
444
+ <div
445
+ class="c1"
446
+ />
447
+ </div>
448
+ `;
449
+
450
+ exports[`border system props borderY 1`] = `
451
+ .c0 {
452
+ border-top: string;
453
+ border-bottom: string;
454
+ }
455
+
456
+ .c1 {
457
+ border-top: 1px;
458
+ border-bottom: 1px;
459
+ }
460
+
461
+ <div>
462
+ <div
463
+ class="c0"
464
+ />
465
+ <div
466
+ class="c1"
467
+ />
468
+ </div>
469
+ `;
@@ -0,0 +1,55 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`color system props backgroundColor 1`] = `
4
+ .c0 {
5
+ background-color: string;
6
+ }
7
+
8
+ <div>
9
+ <div
10
+ class="c0"
11
+ />
12
+ </div>
13
+ `;
14
+
15
+ exports[`color system props bg 1`] = `
16
+ .c0 {
17
+ background-color: string;
18
+ }
19
+
20
+ <div>
21
+ <div
22
+ class="c0"
23
+ />
24
+ </div>
25
+ `;
26
+
27
+ exports[`color system props color 1`] = `
28
+ .c0 {
29
+ color: string;
30
+ }
31
+
32
+ <div>
33
+ <div
34
+ class="c0"
35
+ color="string"
36
+ />
37
+ </div>
38
+ `;
39
+
40
+ exports[`color system props opacity 1`] = `
41
+ .c0 {
42
+ opacity: 0;
43
+ }
44
+
45
+ <div>
46
+ <div
47
+ class="c0"
48
+ opacity="0"
49
+ />
50
+ <div
51
+ class="c0"
52
+ opacity="0"
53
+ />
54
+ </div>
55
+ `;
@@ -0,0 +1,36 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`custom system props cursor 1`] = `
4
+ .c0 {
5
+ cursor: string;
6
+ }
7
+
8
+ <div>
9
+ <div
10
+ class="c0"
11
+ cursor="string"
12
+ />
13
+ </div>
14
+ `;
15
+
16
+ exports[`custom system props whiteSpace 1`] = `
17
+ .c0 {
18
+ white-space: nowrap;
19
+ }
20
+
21
+ .c1 {
22
+ white-space: string;
23
+ }
24
+
25
+ <div>
26
+ <div
27
+ class="c0"
28
+ />
29
+ <div
30
+ class="c1"
31
+ />
32
+ <div
33
+ class="c1"
34
+ />
35
+ </div>
36
+ `;