@sproutsocial/racine 11.0.2 → 11.1.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 (77) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/__flow__/index.js +1 -0
  3. package/__flow__/systemProps/background.js +28 -0
  4. package/__flow__/systemProps/border.js +76 -0
  5. package/__flow__/systemProps/color.js +25 -0
  6. package/__flow__/systemProps/custom.js +23 -0
  7. package/__flow__/systemProps/flexbox.js +42 -0
  8. package/__flow__/systemProps/grid.js +43 -0
  9. package/__flow__/systemProps/index.js +17 -0
  10. package/__flow__/systemProps/layout.js +43 -0
  11. package/__flow__/systemProps/position.js +29 -0
  12. package/__flow__/systemProps/shadow.js +18 -0
  13. package/__flow__/systemProps/space.js +83 -0
  14. package/__flow__/systemProps/systemProps.js +55 -0
  15. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  16. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  17. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  18. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  19. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  20. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  21. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  22. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  23. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  24. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  25. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  26. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  27. package/__flow__/systemProps/tests/background.test.js +90 -0
  28. package/__flow__/systemProps/tests/border.test.js +299 -0
  29. package/__flow__/systemProps/tests/color.test.js +49 -0
  30. package/__flow__/systemProps/tests/custom.test.js +38 -0
  31. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  32. package/__flow__/systemProps/tests/grid.test.js +123 -0
  33. package/__flow__/systemProps/tests/layout.test.js +135 -0
  34. package/__flow__/systemProps/tests/position.test.js +78 -0
  35. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  36. package/__flow__/systemProps/tests/space.test.js +32 -0
  37. package/__flow__/systemProps/tests/types.flow.js +55 -0
  38. package/__flow__/systemProps/tests/typography.test.js +93 -0
  39. package/__flow__/systemProps/tests/variant.test.js +25 -0
  40. package/__flow__/systemProps/types.flow.js +20 -0
  41. package/__flow__/systemProps/typography.js +34 -0
  42. package/__flow__/systemProps/variant.js +18 -0
  43. package/commonjs/index.js +78 -0
  44. package/commonjs/systemProps/background.js +9 -0
  45. package/commonjs/systemProps/border.js +9 -0
  46. package/commonjs/systemProps/color.js +9 -0
  47. package/commonjs/systemProps/custom.js +12 -0
  48. package/commonjs/systemProps/flexbox.js +9 -0
  49. package/commonjs/systemProps/grid.js +9 -0
  50. package/commonjs/systemProps/index.js +115 -0
  51. package/commonjs/systemProps/layout.js +9 -0
  52. package/commonjs/systemProps/position.js +9 -0
  53. package/commonjs/systemProps/shadow.js +9 -0
  54. package/commonjs/systemProps/space.js +10 -0
  55. package/commonjs/systemProps/systemProps.js +33 -0
  56. package/commonjs/systemProps/tests/types.flow.js +46 -0
  57. package/commonjs/systemProps/types.flow.js +1 -0
  58. package/commonjs/systemProps/typography.js +9 -0
  59. package/commonjs/systemProps/variant.js +12 -0
  60. package/lib/index.js +1 -0
  61. package/lib/systemProps/background.js +2 -0
  62. package/lib/systemProps/border.js +2 -0
  63. package/lib/systemProps/color.js +2 -0
  64. package/lib/systemProps/custom.js +5 -0
  65. package/lib/systemProps/flexbox.js +2 -0
  66. package/lib/systemProps/grid.js +2 -0
  67. package/lib/systemProps/index.js +14 -0
  68. package/lib/systemProps/layout.js +2 -0
  69. package/lib/systemProps/position.js +2 -0
  70. package/lib/systemProps/shadow.js +2 -0
  71. package/lib/systemProps/space.js +3 -0
  72. package/lib/systemProps/systemProps.js +14 -0
  73. package/lib/systemProps/tests/types.flow.js +44 -0
  74. package/lib/systemProps/types.flow.js +0 -0
  75. package/lib/systemProps/typography.js +2 -0
  76. package/lib/systemProps/variant.js +5 -0
  77. package/package.json +12 -2
@@ -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
+ `;