@sproutsocial/racine 11.0.1 → 11.0.2-dependencies.1

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 (148) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/__flow__/Avatar/index.test.js +0 -5
  3. package/__flow__/Badge/index.test.js +0 -5
  4. package/__flow__/Breadcrumb/index.js +2 -0
  5. package/__flow__/Button/index.stories.js +51 -67
  6. package/__flow__/CharacterCounter/index.test.js +0 -8
  7. package/__flow__/ChartLegend/index.test.js +0 -37
  8. package/__flow__/Collapsible/index.js +3 -0
  9. package/__flow__/Drawer/index.js +4 -0
  10. package/__flow__/EmptyState/index.test.js +1 -3
  11. package/__flow__/EnumIconNames.js +1 -1
  12. package/__flow__/Fieldset/index.js +8 -2
  13. package/__flow__/Icon/index.js +5 -1
  14. package/__flow__/IconViewBoxes.js +1 -1
  15. package/__flow__/Link/index.test.js +0 -10
  16. package/__flow__/Loader/index.test.js +0 -14
  17. package/__flow__/Menu/__snapshots__/index.test.js.snap +2 -2
  18. package/__flow__/Menu/index.js +7 -0
  19. package/__flow__/Message/index.js +7 -0
  20. package/__flow__/Modal/index.js +5 -0
  21. package/__flow__/Modal/index.test.js +0 -19
  22. package/__flow__/Popout/index.js +4 -1
  23. package/__flow__/SegmentedControl/index.js +2 -0
  24. package/__flow__/Table/index.js +6 -0
  25. package/__flow__/Text/index.js +8 -0
  26. package/__flow__/Text/index.test.js +0 -39
  27. package/__flow__/index.js +1 -0
  28. package/__flow__/systemProps/background.js +28 -0
  29. package/__flow__/systemProps/border.js +76 -0
  30. package/__flow__/systemProps/color.js +25 -0
  31. package/__flow__/systemProps/custom.js +23 -0
  32. package/__flow__/systemProps/flexbox.js +42 -0
  33. package/__flow__/systemProps/grid.js +43 -0
  34. package/__flow__/systemProps/index.js +17 -0
  35. package/__flow__/systemProps/layout.js +43 -0
  36. package/__flow__/systemProps/position.js +29 -0
  37. package/__flow__/systemProps/shadow.js +18 -0
  38. package/__flow__/systemProps/space.js +83 -0
  39. package/__flow__/systemProps/systemProps.js +55 -0
  40. package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
  41. package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
  42. package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
  43. package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
  44. package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
  45. package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
  46. package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
  47. package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
  48. package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
  49. package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
  50. package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
  51. package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
  52. package/__flow__/systemProps/tests/background.test.js +90 -0
  53. package/__flow__/systemProps/tests/border.test.js +299 -0
  54. package/__flow__/systemProps/tests/color.test.js +49 -0
  55. package/__flow__/systemProps/tests/custom.test.js +38 -0
  56. package/__flow__/systemProps/tests/flexbox.test.js +150 -0
  57. package/__flow__/systemProps/tests/grid.test.js +123 -0
  58. package/__flow__/systemProps/tests/layout.test.js +135 -0
  59. package/__flow__/systemProps/tests/position.test.js +78 -0
  60. package/__flow__/systemProps/tests/shadow.test.js +30 -0
  61. package/__flow__/systemProps/tests/space.test.js +32 -0
  62. package/__flow__/systemProps/tests/types.flow.js +55 -0
  63. package/__flow__/systemProps/tests/typography.test.js +93 -0
  64. package/__flow__/systemProps/tests/variant.test.js +25 -0
  65. package/__flow__/systemProps/types.flow.js +20 -0
  66. package/__flow__/systemProps/typography.js +34 -0
  67. package/__flow__/systemProps/variant.js +18 -0
  68. package/__flow__/themes/dark/theme.js +1 -0
  69. package/__flow__/themes/light/theme.js +1 -0
  70. package/bin/buildNpm.js +58 -0
  71. package/commonjs/Breadcrumb/index.js +1 -0
  72. package/commonjs/Collapsible/index.js +2 -0
  73. package/commonjs/Drawer/index.js +3 -0
  74. package/commonjs/Fieldset/index.js +6 -2
  75. package/commonjs/Icon/index.js +3 -1
  76. package/commonjs/IconViewBoxes.js +2 -0
  77. package/commonjs/Menu/index.js +6 -0
  78. package/commonjs/Message/index.js +13 -0
  79. package/commonjs/Modal/index.js +4 -0
  80. package/commonjs/Popout/index.js +5 -2
  81. package/commonjs/SegmentedControl/index.js +1 -0
  82. package/commonjs/Table/index.js +5 -0
  83. package/commonjs/Text/index.js +7 -0
  84. package/commonjs/include-icons.js +1 -1
  85. package/commonjs/index.js +78 -0
  86. package/commonjs/systemProps/background.js +9 -0
  87. package/commonjs/systemProps/border.js +9 -0
  88. package/commonjs/systemProps/color.js +9 -0
  89. package/commonjs/systemProps/custom.js +12 -0
  90. package/commonjs/systemProps/flexbox.js +9 -0
  91. package/commonjs/systemProps/grid.js +9 -0
  92. package/commonjs/systemProps/index.js +115 -0
  93. package/commonjs/systemProps/layout.js +9 -0
  94. package/commonjs/systemProps/position.js +9 -0
  95. package/commonjs/systemProps/shadow.js +9 -0
  96. package/commonjs/systemProps/space.js +10 -0
  97. package/commonjs/systemProps/systemProps.js +33 -0
  98. package/commonjs/systemProps/tests/types.flow.js +46 -0
  99. package/commonjs/systemProps/types.flow.js +1 -0
  100. package/commonjs/systemProps/typography.js +9 -0
  101. package/commonjs/systemProps/variant.js +12 -0
  102. package/commonjs/themes/dark/theme.js +1 -0
  103. package/commonjs/themes/light/theme.js +1 -0
  104. package/dist/iconList.js +1 -1
  105. package/dist/icons.svg +1 -1
  106. package/dist/themes/dark/dark.scss +1 -0
  107. package/dist/themes/light/light.scss +1 -0
  108. package/icons/address-card-outline.svg +3 -0
  109. package/icons/deconstructed-negative-sentiment.svg +1 -1
  110. package/icons/deconstructed-neutral-sentiment.svg +1 -1
  111. package/icons/deconstructed-positive-sentiment.svg +1 -1
  112. package/icons/magic-wand.svg +3 -0
  113. package/icons/whatsapp.svg +5 -5
  114. package/includeIcons.js +1 -1
  115. package/lib/Breadcrumb/index.js +1 -0
  116. package/lib/Collapsible/index.js +2 -0
  117. package/lib/Drawer/index.js +3 -0
  118. package/lib/Fieldset/index.js +6 -2
  119. package/lib/Icon/index.js +3 -1
  120. package/lib/IconViewBoxes.js +2 -0
  121. package/lib/Menu/index.js +6 -0
  122. package/lib/Message/index.js +13 -0
  123. package/lib/Modal/index.js +4 -0
  124. package/lib/Popout/index.js +5 -2
  125. package/lib/SegmentedControl/index.js +1 -0
  126. package/lib/Table/index.js +5 -0
  127. package/lib/Text/index.js +7 -0
  128. package/lib/include-icons.js +1 -1
  129. package/lib/index.js +1 -0
  130. package/lib/systemProps/background.js +2 -0
  131. package/lib/systemProps/border.js +2 -0
  132. package/lib/systemProps/color.js +2 -0
  133. package/lib/systemProps/custom.js +5 -0
  134. package/lib/systemProps/flexbox.js +2 -0
  135. package/lib/systemProps/grid.js +2 -0
  136. package/lib/systemProps/index.js +14 -0
  137. package/lib/systemProps/layout.js +2 -0
  138. package/lib/systemProps/position.js +2 -0
  139. package/lib/systemProps/shadow.js +2 -0
  140. package/lib/systemProps/space.js +3 -0
  141. package/lib/systemProps/systemProps.js +14 -0
  142. package/lib/systemProps/tests/types.flow.js +44 -0
  143. package/lib/systemProps/types.flow.js +0 -0
  144. package/lib/systemProps/typography.js +2 -0
  145. package/lib/systemProps/variant.js +5 -0
  146. package/lib/themes/dark/theme.js +1 -0
  147. package/lib/themes/light/theme.js +1 -0
  148. package/package.json +34 -17
@@ -0,0 +1,239 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`flexbox system props alignContent 1`] = `
4
+ .c0 {
5
+ -webkit-align-content: string;
6
+ -ms-flex-line-pack: string;
7
+ align-content: string;
8
+ }
9
+
10
+ <div>
11
+ <div
12
+ class="c0"
13
+ />
14
+ </div>
15
+ `;
16
+
17
+ exports[`flexbox system props alignItems 1`] = `
18
+ .c0 {
19
+ -webkit-align-items: string;
20
+ -webkit-box-align: string;
21
+ -ms-flex-align: string;
22
+ align-items: string;
23
+ }
24
+
25
+ <div>
26
+ <div
27
+ class="c0"
28
+ />
29
+ </div>
30
+ `;
31
+
32
+ exports[`flexbox system props alignSelf 1`] = `
33
+ .c0 {
34
+ -webkit-align-self: string;
35
+ -ms-flex-item-align: string;
36
+ align-self: string;
37
+ }
38
+
39
+ <div>
40
+ <div
41
+ class="c0"
42
+ />
43
+ </div>
44
+ `;
45
+
46
+ exports[`flexbox system props flex 1`] = `
47
+ .c0 {
48
+ -webkit-flex: string;
49
+ -ms-flex: string;
50
+ flex: string;
51
+ }
52
+
53
+ .c1 {
54
+ -webkit-flex: 1;
55
+ -ms-flex: 1;
56
+ flex: 1;
57
+ }
58
+
59
+ <div>
60
+ <div
61
+ class="c0"
62
+ />
63
+ <div
64
+ class="c1"
65
+ />
66
+ </div>
67
+ `;
68
+
69
+ exports[`flexbox system props flexBasis 1`] = `
70
+ .c0 {
71
+ -webkit-flex-basis: string;
72
+ -ms-flex-preferred-size: string;
73
+ flex-basis: string;
74
+ }
75
+
76
+ <div>
77
+ <div
78
+ class="c0"
79
+ />
80
+ </div>
81
+ `;
82
+
83
+ exports[`flexbox system props flexDirection 1`] = `
84
+ .c0 {
85
+ -webkit-flex-direction: column;
86
+ -ms-flex-direction: column;
87
+ flex-direction: column;
88
+ }
89
+
90
+ .c1 {
91
+ -webkit-flex-direction: string;
92
+ -ms-flex-direction: string;
93
+ flex-direction: string;
94
+ }
95
+
96
+ <div>
97
+ <div
98
+ class="c0"
99
+ />
100
+ <div
101
+ class="c1"
102
+ />
103
+ </div>
104
+ `;
105
+
106
+ exports[`flexbox system props flexGrow 1`] = `
107
+ .c0 {
108
+ -webkit-box-flex: 1;
109
+ -webkit-flex-grow: 1;
110
+ -ms-flex-positive: 1;
111
+ flex-grow: 1;
112
+ }
113
+
114
+ .c1 {
115
+ -webkit-box-flex: string;
116
+ -webkit-flex-grow: string;
117
+ -ms-flex-positive: string;
118
+ flex-grow: string;
119
+ }
120
+
121
+ <div>
122
+ <div
123
+ class="c0"
124
+ />
125
+ <div
126
+ class="c1"
127
+ />
128
+ </div>
129
+ `;
130
+
131
+ exports[`flexbox system props flexShrink 1`] = `
132
+ .c0 {
133
+ -webkit-flex-shrink: 1;
134
+ -ms-flex-negative: 1;
135
+ flex-shrink: 1;
136
+ }
137
+
138
+ .c1 {
139
+ -webkit-flex-shrink: string;
140
+ -ms-flex-negative: string;
141
+ flex-shrink: string;
142
+ }
143
+
144
+ <div>
145
+ <div
146
+ class="c0"
147
+ />
148
+ <div
149
+ class="c1"
150
+ />
151
+ </div>
152
+ `;
153
+
154
+ exports[`flexbox system props flexWrap 1`] = `
155
+ .c0 {
156
+ -webkit-flex-wrap: wrap;
157
+ -ms-flex-wrap: wrap;
158
+ flex-wrap: wrap;
159
+ }
160
+
161
+ .c1 {
162
+ -webkit-flex-wrap: string;
163
+ -ms-flex-wrap: string;
164
+ flex-wrap: string;
165
+ }
166
+
167
+ <div>
168
+ <div
169
+ class="c0"
170
+ />
171
+ <div
172
+ class="c1"
173
+ />
174
+ </div>
175
+ `;
176
+
177
+ exports[`flexbox system props justifyContent 1`] = `
178
+ .c0 {
179
+ -webkit-box-pack: string;
180
+ -webkit-justify-content: string;
181
+ -ms-flex-pack: string;
182
+ justify-content: string;
183
+ }
184
+
185
+ <div>
186
+ <div
187
+ class="c0"
188
+ />
189
+ </div>
190
+ `;
191
+
192
+ exports[`flexbox system props justifyItems 1`] = `
193
+ .c0 {
194
+ justify-items: string;
195
+ }
196
+
197
+ <div>
198
+ <div
199
+ class="c0"
200
+ />
201
+ </div>
202
+ `;
203
+
204
+ exports[`flexbox system props justifySelf 1`] = `
205
+ .c0 {
206
+ justify-self: string;
207
+ }
208
+
209
+ <div>
210
+ <div
211
+ class="c0"
212
+ />
213
+ </div>
214
+ `;
215
+
216
+ exports[`flexbox system props order 1`] = `
217
+ .c0 {
218
+ -webkit-order: 1;
219
+ -ms-flex-order: 1;
220
+ order: 1;
221
+ }
222
+
223
+ .c1 {
224
+ -webkit-order: string;
225
+ -ms-flex-order: string;
226
+ order: string;
227
+ }
228
+
229
+ <div>
230
+ <div
231
+ class="c0"
232
+ order="1"
233
+ />
234
+ <div
235
+ class="c1"
236
+ order="string"
237
+ />
238
+ </div>
239
+ `;
@@ -0,0 +1,166 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`grid system props gridArea 1`] = `
4
+ .c0 {
5
+ grid-area: string;
6
+ }
7
+
8
+ .c1 {
9
+ grid-area: 1px;
10
+ }
11
+
12
+ <div>
13
+ <div
14
+ class="c0"
15
+ />
16
+ <div
17
+ class="c1"
18
+ />
19
+ </div>
20
+ `;
21
+
22
+ exports[`grid system props gridAutoColumns 1`] = `
23
+ .c0 {
24
+ grid-auto-columns: string;
25
+ }
26
+
27
+ <div>
28
+ <div
29
+ class="c0"
30
+ />
31
+ </div>
32
+ `;
33
+
34
+ exports[`grid system props gridAutoFlow 1`] = `
35
+ .c0 {
36
+ grid-auto-flow: string;
37
+ }
38
+
39
+ <div>
40
+ <div
41
+ class="c0"
42
+ />
43
+ </div>
44
+ `;
45
+
46
+ exports[`grid system props gridAutoRows 1`] = `
47
+ .c0 {
48
+ grid-auto-rows: string;
49
+ }
50
+
51
+ <div>
52
+ <div
53
+ class="c0"
54
+ />
55
+ </div>
56
+ `;
57
+
58
+ exports[`grid system props gridColumn 1`] = `
59
+ .c0 {
60
+ grid-column: string;
61
+ }
62
+
63
+ .c1 {
64
+ grid-column: 1;
65
+ }
66
+
67
+ <div>
68
+ <div
69
+ class="c0"
70
+ />
71
+ <div
72
+ class="c1"
73
+ />
74
+ </div>
75
+ `;
76
+
77
+ exports[`grid system props gridColumnGap 1`] = `
78
+ .c0 {
79
+ grid-column-gap: string;
80
+ }
81
+
82
+ <div>
83
+ <div
84
+ class="c0"
85
+ />
86
+ </div>
87
+ `;
88
+
89
+ exports[`grid system props gridGap 1`] = `
90
+ .c0 {
91
+ grid-gap: string;
92
+ }
93
+
94
+ <div>
95
+ <div
96
+ class="c0"
97
+ />
98
+ </div>
99
+ `;
100
+
101
+ exports[`grid system props gridRow 1`] = `
102
+ .c0 {
103
+ grid-row: string;
104
+ }
105
+
106
+ .c1 {
107
+ grid-row: 1;
108
+ }
109
+
110
+ <div>
111
+ <div
112
+ class="c0"
113
+ />
114
+ <div
115
+ class="c1"
116
+ />
117
+ </div>
118
+ `;
119
+
120
+ exports[`grid system props gridRowGap 1`] = `
121
+ .c0 {
122
+ grid-row-gap: string;
123
+ }
124
+
125
+ <div>
126
+ <div
127
+ class="c0"
128
+ />
129
+ </div>
130
+ `;
131
+
132
+ exports[`grid system props gridTemplateAreas 1`] = `
133
+ .c0 {
134
+ grid-template-areas: string;
135
+ }
136
+
137
+ <div>
138
+ <div
139
+ class="c0"
140
+ />
141
+ </div>
142
+ `;
143
+
144
+ exports[`grid system props gridTemplateColumns 1`] = `
145
+ .c0 {
146
+ grid-template-columns: string;
147
+ }
148
+
149
+ <div>
150
+ <div
151
+ class="c0"
152
+ />
153
+ </div>
154
+ `;
155
+
156
+ exports[`grid system props gridTemplateRows 1`] = `
157
+ .c0 {
158
+ grid-template-rows: string;
159
+ }
160
+
161
+ <div>
162
+ <div
163
+ class="c0"
164
+ />
165
+ </div>
166
+ `;
@@ -0,0 +1,218 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`layout system props display 1`] = `
4
+ .c0 {
5
+ display: -webkit-string;
6
+ display: string;
7
+ }
8
+
9
+ <div>
10
+ <div
11
+ class="c0"
12
+ display="string"
13
+ />
14
+ </div>
15
+ `;
16
+
17
+ exports[`layout system props height 1`] = `
18
+ .c0 {
19
+ height: string;
20
+ }
21
+
22
+ .c1 {
23
+ height: 1px;
24
+ }
25
+
26
+ <div>
27
+ <div
28
+ class="c0"
29
+ height="string"
30
+ />
31
+ <div
32
+ class="c1"
33
+ height="1"
34
+ />
35
+ </div>
36
+ `;
37
+
38
+ exports[`layout system props maxHeight 1`] = `
39
+ .c0 {
40
+ max-height: string;
41
+ }
42
+
43
+ .c1 {
44
+ max-height: 1px;
45
+ }
46
+
47
+ <div>
48
+ <div
49
+ class="c0"
50
+ />
51
+ <div
52
+ class="c1"
53
+ />
54
+ </div>
55
+ `;
56
+
57
+ exports[`layout system props maxWidth 1`] = `
58
+ .c0 {
59
+ max-width: string;
60
+ }
61
+
62
+ .c1 {
63
+ max-width: 1px;
64
+ }
65
+
66
+ <div>
67
+ <div
68
+ class="c0"
69
+ />
70
+ <div
71
+ class="c1"
72
+ />
73
+ </div>
74
+ `;
75
+
76
+ exports[`layout system props minHeight 1`] = `
77
+ .c0 {
78
+ min-height: string;
79
+ }
80
+
81
+ .c1 {
82
+ min-height: 1px;
83
+ }
84
+
85
+ <div>
86
+ <div
87
+ class="c0"
88
+ />
89
+ <div
90
+ class="c1"
91
+ />
92
+ </div>
93
+ `;
94
+
95
+ exports[`layout system props minWidth 1`] = `
96
+ .c0 {
97
+ min-width: string;
98
+ }
99
+
100
+ .c1 {
101
+ min-width: 1px;
102
+ }
103
+
104
+ <div>
105
+ <div
106
+ class="c0"
107
+ />
108
+ <div
109
+ class="c1"
110
+ />
111
+ </div>
112
+ `;
113
+
114
+ exports[`layout system props overflow 1`] = `
115
+ .c0 {
116
+ overflow: string;
117
+ }
118
+
119
+ <div>
120
+ <div
121
+ class="c0"
122
+ overflow="string"
123
+ />
124
+ </div>
125
+ `;
126
+
127
+ exports[`layout system props overflowX 1`] = `
128
+ .c0 {
129
+ overflow-x: hidden;
130
+ }
131
+
132
+ .c1 {
133
+ overflow-x: string;
134
+ }
135
+
136
+ <div>
137
+ <div
138
+ class="c0"
139
+ />
140
+ <div
141
+ class="c1"
142
+ />
143
+ </div>
144
+ `;
145
+
146
+ exports[`layout system props overflowY 1`] = `
147
+ .c0 {
148
+ overflow-y: scroll;
149
+ }
150
+
151
+ .c1 {
152
+ overflow-y: string;
153
+ }
154
+
155
+ <div>
156
+ <div
157
+ class="c0"
158
+ />
159
+ <div
160
+ class="c1"
161
+ />
162
+ </div>
163
+ `;
164
+
165
+ exports[`layout system props size 1`] = `
166
+ .c0 {
167
+ width: string;
168
+ height: string;
169
+ }
170
+
171
+ .c1 {
172
+ width: 1px;
173
+ height: 1px;
174
+ }
175
+
176
+ <div>
177
+ <div
178
+ class="c0"
179
+ />
180
+ <div
181
+ class="c1"
182
+ size="1"
183
+ />
184
+ </div>
185
+ `;
186
+
187
+ exports[`layout system props verticalAlign 1`] = `
188
+ .c0 {
189
+ vertical-align: string;
190
+ }
191
+
192
+ <div>
193
+ <div
194
+ class="c0"
195
+ />
196
+ </div>
197
+ `;
198
+
199
+ exports[`layout system props width 1`] = `
200
+ .c0 {
201
+ width: string;
202
+ }
203
+
204
+ .c1 {
205
+ width: 100%;
206
+ }
207
+
208
+ <div>
209
+ <div
210
+ class="c0"
211
+ width="string"
212
+ />
213
+ <div
214
+ class="c1"
215
+ width="1"
216
+ />
217
+ </div>
218
+ `;
@@ -0,0 +1,115 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`position system props bottom 1`] = `
4
+ .c0 {
5
+ bottom: string;
6
+ }
7
+
8
+ .c1 {
9
+ bottom: 1px;
10
+ }
11
+
12
+ <div>
13
+ <div
14
+ class="c0"
15
+ />
16
+ <div
17
+ class="c1"
18
+ />
19
+ </div>
20
+ `;
21
+
22
+ exports[`position system props left 1`] = `
23
+ .c0 {
24
+ left: string;
25
+ }
26
+
27
+ .c1 {
28
+ left: 1px;
29
+ }
30
+
31
+ <div>
32
+ <div
33
+ class="c0"
34
+ />
35
+ <div
36
+ class="c1"
37
+ />
38
+ </div>
39
+ `;
40
+
41
+ exports[`position system props position 1`] = `
42
+ .c0 {
43
+ position: absolute;
44
+ }
45
+
46
+ .c1 {
47
+ position: string;
48
+ }
49
+
50
+ <div>
51
+ <div
52
+ class="c0"
53
+ />
54
+ <div
55
+ class="c1"
56
+ />
57
+ </div>
58
+ `;
59
+
60
+ exports[`position system props right 1`] = `
61
+ .c0 {
62
+ right: string;
63
+ }
64
+
65
+ .c1 {
66
+ right: 1px;
67
+ }
68
+
69
+ <div>
70
+ <div
71
+ class="c0"
72
+ />
73
+ <div
74
+ class="c1"
75
+ />
76
+ </div>
77
+ `;
78
+
79
+ exports[`position system props top 1`] = `
80
+ .c0 {
81
+ top: string;
82
+ }
83
+
84
+ .c1 {
85
+ top: 1px;
86
+ }
87
+
88
+ <div>
89
+ <div
90
+ class="c0"
91
+ />
92
+ <div
93
+ class="c1"
94
+ />
95
+ </div>
96
+ `;
97
+
98
+ exports[`position system props zIndex 1`] = `
99
+ .c0 {
100
+ z-index: 1;
101
+ }
102
+
103
+ .c1 {
104
+ z-index: string;
105
+ }
106
+
107
+ <div>
108
+ <div
109
+ class="c0"
110
+ />
111
+ <div
112
+ class="c1"
113
+ />
114
+ </div>
115
+ `;