@nolwenture/formik-jsonschema-form 1.0.0-beta.43 → 1.0.0-beta.44
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.
|
@@ -30,14 +30,12 @@ exports.FieldDescription = styled_components_1.default.div `
|
|
|
30
30
|
font-style: italic;
|
|
31
31
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
32
32
|
margin-bottom: ${(props) => props.theme.spacing.s};
|
|
33
|
-
max-width: 66ch;
|
|
34
33
|
`;
|
|
35
34
|
exports.StringFieldValue = styled_components_1.default.div `
|
|
36
35
|
color: ${(props) => props.theme.color.text.default};
|
|
37
36
|
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
38
37
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
39
38
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
40
|
-
max-width: 66ch;
|
|
41
39
|
padding-left: ${(props) => props.theme.spacing.l};
|
|
42
40
|
white-space: pre-line;
|
|
43
41
|
`;
|
|
@@ -46,7 +44,6 @@ exports.TextAreaValue = styled_components_1.default.div `
|
|
|
46
44
|
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
47
45
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
48
46
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
49
|
-
max-width: 66ch;
|
|
50
47
|
padding-left: ${(props) => props.theme.spacing.l};
|
|
51
48
|
white-space: pre-line;
|
|
52
49
|
`;
|
|
@@ -13,24 +13,28 @@ exports.ObjectFieldTemplateWrapper = styled_components_1.default.div `
|
|
|
13
13
|
`;
|
|
14
14
|
exports.ObjectFieldTemplateTitle = styled_components_1.default.div `
|
|
15
15
|
color: ${(props) => props.theme.color.text.default};
|
|
16
|
-
font-family: ${(props) => props.theme.typography.fontFamily.
|
|
16
|
+
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
17
17
|
font-size: ${(props) => props.theme.typography.size.base};
|
|
18
|
-
font-weight: ${(props) => props.theme.typography.weight.
|
|
18
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
19
19
|
margin: ${(props) => `${props.theme.spacing.s} 0`};
|
|
20
20
|
|
|
21
21
|
${exports.ObjectFieldTemplateWrapper}[data-fjsf-level] > & {
|
|
22
22
|
font-size: ${(props) => props.theme.typography.size.base};
|
|
23
|
-
|
|
23
|
+
|
|
24
24
|
}
|
|
25
25
|
${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="0"] > & {
|
|
26
|
+
font-family: ${(props) => props.theme.typography.fontFamily.heading};
|
|
26
27
|
font-size: ${(props) => props.theme.typography.size.h2};
|
|
28
|
+
font-weight: ${(props) => props.theme.typography.weight.bold};
|
|
27
29
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
28
30
|
}
|
|
29
31
|
${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
|
|
30
32
|
font-size: ${(props) => props.theme.typography.size.h4};
|
|
33
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
31
34
|
}
|
|
32
35
|
${exports.ObjectFieldTemplateWrapper}[data-fjsf-level="2"] > & {
|
|
33
36
|
font-size: ${(props) => props.theme.typography.size.large};
|
|
37
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
34
38
|
}
|
|
35
39
|
`;
|
|
36
40
|
exports.ObjectFieldTemplateDescription = undefined;
|
|
@@ -24,14 +24,12 @@ export const FieldDescription = styled.div `
|
|
|
24
24
|
font-style: italic;
|
|
25
25
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
26
26
|
margin-bottom: ${(props) => props.theme.spacing.s};
|
|
27
|
-
max-width: 66ch;
|
|
28
27
|
`;
|
|
29
28
|
export const StringFieldValue = styled.div `
|
|
30
29
|
color: ${(props) => props.theme.color.text.default};
|
|
31
30
|
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
32
31
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
33
32
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
34
|
-
max-width: 66ch;
|
|
35
33
|
padding-left: ${(props) => props.theme.spacing.l};
|
|
36
34
|
white-space: pre-line;
|
|
37
35
|
`;
|
|
@@ -40,7 +38,6 @@ export const TextAreaValue = styled.div `
|
|
|
40
38
|
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
41
39
|
font-size: ${(props) => props.theme.typography.size.small};
|
|
42
40
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
43
|
-
max-width: 66ch;
|
|
44
41
|
padding-left: ${(props) => props.theme.spacing.l};
|
|
45
42
|
white-space: pre-line;
|
|
46
43
|
`;
|
|
@@ -6,24 +6,28 @@ export const ObjectFieldTemplateWrapper = styled.div `
|
|
|
6
6
|
`;
|
|
7
7
|
export const ObjectFieldTemplateTitle = styled.div `
|
|
8
8
|
color: ${(props) => props.theme.color.text.default};
|
|
9
|
-
font-family: ${(props) => props.theme.typography.fontFamily.
|
|
9
|
+
font-family: ${(props) => props.theme.typography.fontFamily.base};
|
|
10
10
|
font-size: ${(props) => props.theme.typography.size.base};
|
|
11
|
-
font-weight: ${(props) => props.theme.typography.weight.
|
|
11
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
12
12
|
margin: ${(props) => `${props.theme.spacing.s} 0`};
|
|
13
13
|
|
|
14
14
|
${ObjectFieldTemplateWrapper}[data-fjsf-level] > & {
|
|
15
15
|
font-size: ${(props) => props.theme.typography.size.base};
|
|
16
|
-
|
|
16
|
+
|
|
17
17
|
}
|
|
18
18
|
${ObjectFieldTemplateWrapper}[data-fjsf-level="0"] > & {
|
|
19
|
+
font-family: ${(props) => props.theme.typography.fontFamily.heading};
|
|
19
20
|
font-size: ${(props) => props.theme.typography.size.h2};
|
|
21
|
+
font-weight: ${(props) => props.theme.typography.weight.bold};
|
|
20
22
|
margin-bottom: ${(props) => props.theme.spacing.l};
|
|
21
23
|
}
|
|
22
24
|
${ObjectFieldTemplateWrapper}[data-fjsf-level="1"] > & {
|
|
23
25
|
font-size: ${(props) => props.theme.typography.size.h4};
|
|
26
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
24
27
|
}
|
|
25
28
|
${ObjectFieldTemplateWrapper}[data-fjsf-level="2"] > & {
|
|
26
29
|
font-size: ${(props) => props.theme.typography.size.large};
|
|
30
|
+
font-weight: ${(props) => props.theme.typography.weight.medium};
|
|
27
31
|
}
|
|
28
32
|
`;
|
|
29
33
|
export const ObjectFieldTemplateDescription = undefined;
|
package/package.json
CHANGED