@nolwenture/formik-jsonschema-form 1.0.0-beta.11 → 1.0.0-beta.13

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 (5) hide show
  1. package/dist/cjs/FormView/components/Field.js +4 -2
  2. package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js +3 -2
  3. package/dist/esm/FormView/components/Field.js +4 -2
  4. package/dist/esm/FormView/templates/ObjectFieldTemplate/styledComponents.js +3 -2
  5. package/package.json +1 -1
package/dist/cjs/FormView/components/Field.js CHANGED
@@ -9,7 +9,6 @@ const styled_components_1 = __importDefault(require("styled-components"));
9
9
  const styledComponents_1 = require("../../Form/fields/MultipleChoiceField/styledComponents");
10
10
  const getStyle_1 = require("../../utils/getStyle");
11
11
  exports.FieldWrapper = styled_components_1.default.div `
12
- break-before: avoid;
13
12
  color: ${(props) => props.theme.color.text.default};
14
13
  font-family: ${(props) => props.theme.typography.fontFamily.base};
15
14
  margin: ${(props) => `${props.theme.spacing.l} 0`};
@@ -22,7 +21,7 @@ exports.FieldTitle = styled_components_1.default.label `
22
21
  font-family: ${(props) => props.theme.typography.fontFamily.heading};
23
22
  font-size: ${(props) => props.theme.typography.size.base};
24
23
  font-weight: ${(props) => props.theme.typography.weight.bold};
25
- margin: ${(props) => `${props.theme.spacing.xs} 0 ${props.theme.spacing.xs} 0`};
24
+ margin: ${(props) => `${props.theme.spacing.xs} 0`};
26
25
  padding-top: ${(props) => props.theme.spacing.s};
27
26
  width: 100%;
28
27
  `;
@@ -96,9 +95,12 @@ const NotSelectedCircle = styled_components_1.default.span `
96
95
  flex: 0 0 1rem;
97
96
  `;
98
97
  exports.BooleanFieldWrapper = styled_components_1.default.div `
98
+ break-before: avoid;
99
99
  font-family: ${(props) => props.theme.typography.fontFamily.base};
100
+
100
101
  `;
101
102
  exports.MultipleChoiceFieldWrapper = styled_components_1.default.div `
103
+ break-before: avoid;
102
104
  label {
103
105
  align-items: start;
104
106
  }
package/dist/cjs/FormView/templates/ObjectFieldTemplate/styledComponents.js CHANGED
@@ -8,11 +8,12 @@ exports.getComponents = getComponents;
8
8
  const styled_components_1 = __importDefault(require("styled-components"));
9
9
  exports.ObjectFieldTemplateWrapper = styled_components_1.default.div ``;
10
10
  exports.ObjectFieldTemplateTitle = styled_components_1.default.div `
11
+ break-before: avoid;
11
12
  color: ${(props) => props.theme.color.text.default};
12
13
  font-family: ${(props) => props.theme.typography.fontFamily.heading};
13
- font-size: ${(props) => props.theme.typography.size.h3};
14
+ font-size: ${(props) => props.theme.typography.size.h4};
14
15
  font-weight: ${(props) => props.theme.typography.weight.bold};
15
- margin-bottom: ${(props) => props.theme.spacing.l};
16
+ margin: ${(props) => `${props.theme.spacing.l} 0`};
16
17
  `;
17
18
  exports.ObjectFieldTemplateDescription = undefined;
18
19
  function getComponents(components) {
package/dist/esm/FormView/components/Field.js CHANGED
@@ -3,7 +3,6 @@ import styled from "styled-components";
3
3
  import { MultipleChoiceFieldContainer, MultipleChoiceFieldElement, MultipleChoiceFieldLabel, } from "../../Form/fields/MultipleChoiceField/styledComponents";
4
4
  import { getStyle } from "../../utils/getStyle";
5
5
  export const FieldWrapper = styled.div `
6
- break-before: avoid;
7
6
  color: ${(props) => props.theme.color.text.default};
8
7
  font-family: ${(props) => props.theme.typography.fontFamily.base};
9
8
  margin: ${(props) => `${props.theme.spacing.l} 0`};
@@ -16,7 +15,7 @@ export const FieldTitle = styled.label `
16
15
  font-family: ${(props) => props.theme.typography.fontFamily.heading};
17
16
  font-size: ${(props) => props.theme.typography.size.base};
18
17
  font-weight: ${(props) => props.theme.typography.weight.bold};
19
- margin: ${(props) => `${props.theme.spacing.xs} 0 ${props.theme.spacing.xs} 0`};
18
+ margin: ${(props) => `${props.theme.spacing.xs} 0`};
20
19
  padding-top: ${(props) => props.theme.spacing.s};
21
20
  width: 100%;
22
21
  `;
@@ -90,9 +89,12 @@ const NotSelectedCircle = styled.span `
90
89
  flex: 0 0 1rem;
91
90
  `;
92
91
  export const BooleanFieldWrapper = styled.div `
92
+ break-before: avoid;
93
93
  font-family: ${(props) => props.theme.typography.fontFamily.base};
94
+
94
95
  `;
95
96
  export const MultipleChoiceFieldWrapper = styled.div `
97
+ break-before: avoid;
96
98
  label {
97
99
  align-items: start;
98
100
  }
package/dist/esm/FormView/templates/ObjectFieldTemplate/styledComponents.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import styled from "styled-components";
2
2
  export const ObjectFieldTemplateWrapper = styled.div ``;
3
3
  export const ObjectFieldTemplateTitle = styled.div `
4
+ break-before: avoid;
4
5
  color: ${(props) => props.theme.color.text.default};
5
6
  font-family: ${(props) => props.theme.typography.fontFamily.heading};
6
- font-size: ${(props) => props.theme.typography.size.h3};
7
+ font-size: ${(props) => props.theme.typography.size.h4};
7
8
  font-weight: ${(props) => props.theme.typography.weight.bold};
8
- margin-bottom: ${(props) => props.theme.spacing.l};
9
+ margin: ${(props) => `${props.theme.spacing.l} 0`};
9
10
  `;
10
11
  export const ObjectFieldTemplateDescription = undefined;
11
12
  export function getComponents(components) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nolwenture/formik-jsonschema-form",
3
- "version": "1.0.0-beta.11",
3
+ "version": "1.0.0-beta.13",
4
4
  "description": "Formik form generation from json schema",
5
5
  "author": "anttivikman <antti.vikman@nolwenture.com>",
6
6
  "contributors": [