Skip to content

Commit 77dd25e

Browse files
committed
chore(spacing): update spacing values
1 parent 9bd7a9c commit 77dd25e

File tree

4 files changed

+40
-40
lines changed

4 files changed

+40
-40
lines changed

src/common/ErrorMessage.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const ErrorMessage: FunctionComponent<IErrorMessage> = props => {
1010
const css = errorMessageStyles();
1111

1212
return (
13-
<Box as="p" p={3} css={css} {...rest}>
13+
<Box as="p" p={11} css={css} {...rest}>
1414
{children}
1515
</Box>
1616
);

src/renderers/__tests__/__snapshots__/renderSchema.func.tsx.snap

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Array [
99
level={1}
1010
onClick={[Function]}
1111
position="relative"
12-
py={2}
12+
py={7}
1313
>
1414
<ForwardRef
1515
flex="1 1 0%"
@@ -18,7 +18,7 @@ Array [
1818
alignItems="baseline"
1919
>
2020
<ForwardRef
21-
mr={3}
21+
mr={11}
2222
>
2323
id
2424
</ForwardRef>
@@ -33,15 +33,15 @@ Array [
3333
</Unknown>
3434
<Unknown
3535
fontSize=".875rem"
36-
pt={1}
36+
pt={4}
3737
>
3838
Group ID
3939
</Unknown>
4040
</ForwardRef>
4141
<ForwardRef
4242
fontSize=".75rem"
4343
maxWidth="30rem"
44-
pr={3}
44+
pr={11}
4545
textAlign="right"
4646
>
4747
<Unknown
@@ -66,7 +66,7 @@ Array [
6666
level={0}
6767
onClick={[Function]}
6868
position="relative"
69-
py={2}
69+
py={7}
7070
>
7171
<Unknown
7272
justifyContent="center"
@@ -111,7 +111,7 @@ Array [
111111
<ForwardRef
112112
fontSize=".75rem"
113113
maxWidth="30rem"
114-
pr={3}
114+
pr={11}
115115
textAlign="right"
116116
>
117117
<Unknown
@@ -150,7 +150,7 @@ Array [
150150
level={1}
151151
onClick={[Function]}
152152
position="relative"
153-
py={2}
153+
py={7}
154154
>
155155
<Unknown
156156
justifyContent="center"
@@ -183,7 +183,7 @@ Array [
183183
alignItems="baseline"
184184
>
185185
<ForwardRef
186-
mr={3}
186+
mr={11}
187187
>
188188
members
189189
</ForwardRef>
@@ -198,15 +198,15 @@ Array [
198198
</Unknown>
199199
<Unknown
200200
fontSize=".875rem"
201-
pt={1}
201+
pt={4}
202202
>
203203
List of Group members
204204
</Unknown>
205205
</ForwardRef>
206206
<ForwardRef
207207
fontSize=".75rem"
208208
maxWidth="30rem"
209-
pr={3}
209+
pr={11}
210210
textAlign="right"
211211
>
212212
<ForwardRef
@@ -242,7 +242,7 @@ Array [
242242
level={2}
243243
onClick={[Function]}
244244
position="relative"
245-
py={2}
245+
py={7}
246246
>
247247
<ForwardRef
248248
flex="1 1 0%"
@@ -251,7 +251,7 @@ Array [
251251
alignItems="baseline"
252252
>
253253
<ForwardRef
254-
mr={3}
254+
mr={11}
255255
>
256256
email
257257
</ForwardRef>
@@ -266,15 +266,15 @@ Array [
266266
</Unknown>
267267
<Unknown
268268
fontSize=".875rem"
269-
pt={1}
269+
pt={4}
270270
>
271271
User email. If ID given, email is ignored.
272272
</Unknown>
273273
</ForwardRef>
274274
<ForwardRef
275275
fontSize=".75rem"
276276
maxWidth="30rem"
277-
pr={3}
277+
pr={11}
278278
textAlign="right"
279279
>
280280
<Unknown
@@ -294,7 +294,7 @@ Array [
294294
level={2}
295295
onClick={[Function]}
296296
position="relative"
297-
py={2}
297+
py={7}
298298
>
299299
<ForwardRef
300300
flex="1 1 0%"
@@ -303,7 +303,7 @@ Array [
303303
alignItems="baseline"
304304
>
305305
<ForwardRef
306-
mr={3}
306+
mr={11}
307307
>
308308
id
309309
</ForwardRef>
@@ -318,15 +318,15 @@ Array [
318318
</Unknown>
319319
<Unknown
320320
fontSize=".875rem"
321-
pt={1}
321+
pt={4}
322322
>
323323
User ID.
324324
</Unknown>
325325
</ForwardRef>
326326
<ForwardRef
327327
fontSize=".75rem"
328328
maxWidth="30rem"
329-
pr={3}
329+
pr={11}
330330
textAlign="right"
331331
>
332332
<Unknown
@@ -351,7 +351,7 @@ Array [
351351
level={0}
352352
onClick={[Function]}
353353
position="relative"
354-
py={2}
354+
py={7}
355355
>
356356
<Unknown
357357
justifyContent="center"
@@ -396,7 +396,7 @@ Array [
396396
<ForwardRef
397397
fontSize=".75rem"
398398
maxWidth="30rem"
399-
pr={3}
399+
pr={11}
400400
textAlign="right"
401401
>
402402
<Unknown
@@ -430,7 +430,7 @@ Array [
430430
level={1}
431431
onClick={[Function]}
432432
position="relative"
433-
py={2}
433+
py={7}
434434
>
435435
<ForwardRef
436436
flex="1 1 0%"
@@ -439,7 +439,7 @@ Array [
439439
alignItems="baseline"
440440
>
441441
<ForwardRef
442-
mr={3}
442+
mr={11}
443443
>
444444
id
445445
</ForwardRef>
@@ -454,15 +454,15 @@ Array [
454454
</Unknown>
455455
<Unknown
456456
fontSize=".875rem"
457-
pt={1}
457+
pt={4}
458458
>
459459
Group ID
460460
</Unknown>
461461
</ForwardRef>
462462
<ForwardRef
463463
fontSize=".75rem"
464464
maxWidth="30rem"
465-
pr={3}
465+
pr={11}
466466
textAlign="right"
467467
>
468468
<Unknown
@@ -482,7 +482,7 @@ Array [
482482
level={1}
483483
onClick={[Function]}
484484
position="relative"
485-
py={2}
485+
py={7}
486486
>
487487
<ForwardRef
488488
flex="1 1 0%"
@@ -491,7 +491,7 @@ Array [
491491
alignItems="baseline"
492492
>
493493
<ForwardRef
494-
mr={3}
494+
mr={11}
495495
>
496496
name
497497
</ForwardRef>
@@ -506,15 +506,15 @@ Array [
506506
</Unknown>
507507
<Unknown
508508
fontSize=".875rem"
509-
pt={1}
509+
pt={4}
510510
>
511511
Group name
512512
</Unknown>
513513
</ForwardRef>
514514
<ForwardRef
515515
fontSize=".75rem"
516516
maxWidth="30rem"
517-
pr={3}
517+
pr={11}
518518
textAlign="right"
519519
>
520520
<Unknown
@@ -534,7 +534,7 @@ Array [
534534
level={1}
535535
onClick={[Function]}
536536
position="relative"
537-
py={2}
537+
py={7}
538538
>
539539
<ForwardRef
540540
flex="1 1 0%"
@@ -543,7 +543,7 @@ Array [
543543
alignItems="baseline"
544544
>
545545
<ForwardRef
546-
mr={3}
546+
mr={11}
547547
>
548548
total_members
549549
</ForwardRef>
@@ -558,15 +558,15 @@ Array [
558558
</Unknown>
559559
<Unknown
560560
fontSize=".875rem"
561-
pt={1}
561+
pt={4}
562562
>
563563
Group member count
564564
</Unknown>
565565
</ForwardRef>
566566
<ForwardRef
567567
fontSize=".75rem"
568568
maxWidth="30rem"
569-
pr={3}
569+
pr={11}
570570
textAlign="right"
571571
>
572572
<Unknown

src/renderers/renderProp.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export const renderProp = ({
4949

5050
if (!prop) {
5151
rowElems.push(
52-
<Row as={ErrorMessage} key={position} py={2} level={level}>
52+
<Row as={ErrorMessage} key={position} py={7} level={level}>
5353
Could not render prop. Is it valid? If it is a $ref, does the $ref exist?
5454
</Row>
5555
);
@@ -169,7 +169,7 @@ export const renderProp = ({
169169
as={Flex}
170170
alignItems="center"
171171
position="relative"
172-
py={2}
172+
py={7}
173173
key={position}
174174
level={level}
175175
cursor={vt || expandable ? 'pointer' : 'default'}
@@ -187,20 +187,20 @@ export const renderProp = ({
187187

188188
<Box flex="1 1 0%">
189189
<Flex alignItems="baseline">
190-
{name && name !== 'root' ? <Box mr={3}>{name}</Box> : null}
190+
{name && name !== 'root' ? <Box mr={11}>{name}</Box> : null}
191191

192192
{!isEmpty(typeElems) && <div>{typeElems}</div>}
193193
</Flex>
194194

195195
{!isEmpty(prop.description) ? (
196-
<MutedText pt={1} fontSize=".875rem">
196+
<MutedText pt={4} fontSize=".875rem">
197197
{prop.description}
198198
</MutedText>
199199
) : null}
200200
</Box>
201201

202202
{requiredElem || showInheritedFrom || expanded ? (
203-
<Box maxWidth="30rem" textAlign="right" fontSize=".75rem" pr={3}>
203+
<Box maxWidth="30rem" textAlign="right" fontSize=".75rem" pr={11}>
204204
{requiredElem}
205205

206206
{showInheritedFrom ? <MutedText>{`$ref:${prop.__inheritedFrom.name}`}</MutedText> : null}

src/renderers/renderRowDivider.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,10 @@ export const renderRowDivider: FunctionComponent<IRowDivider> = ({ key, level, t
1717

1818
return (
1919
<Flex alignItems="center" key={`${key}-d`} height="2.5rem" pl={DEFAULT_PADDING + GUTTER_WIDTH * (level - 1)}>
20-
<MutedText fontSize=".875rem" textTransform="uppercase" pr={3}>
20+
<MutedText fontSize=".875rem" textTransform="uppercase" pr={11}>
2121
{text}
2222
</MutedText>
23-
<Box backgroundColor={theme.divider.bg} height="1px" mr={4} flex="1 1 0%" />
23+
<Box backgroundColor={theme.divider.bg} height="1px" mr={15} flex="1 1 0%" />
2424
</Flex>
2525
);
2626
};

0 commit comments

Comments
 (0)