@pinuts/bsr-uikit-relaunch 0.2.61 → 0.2.63
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.
- package/dist/index.js +1 -1
- package/dist/items/BSRAddressSelector/BSRAddressButtons.js +1 -1
- package/dist/items/GroupInputField/GroupInputField.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js +1 -1
- package/dist/items/eventWizardItems/FormTitle/FormTitle.js +2 -2
- package/dist/items/eventWizardItems/Required/Required.js +1 -1
- package/dist/styles/_form.scss +16 -1
- package/package.json +1 -1
|
@@ -66,7 +66,7 @@ const GroupInputField = _ref => {
|
|
|
66
66
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
67
67
|
className: "ps-2"
|
|
68
68
|
}, inputOptions.length ? /*#__PURE__*/_react.default.createElement("ul", {
|
|
69
|
-
className: `${inline ? 'inline' : ''} ${'groupInputList'}`
|
|
69
|
+
className: `${inline ? 'inline' : ''} ${'groupInputList mt-1'}`
|
|
70
70
|
}, inputOptions.map((opt, index) => {
|
|
71
71
|
const typeConfig = multipleChoice ? {
|
|
72
72
|
type: 'checkbox',
|
|
@@ -73,7 +73,7 @@ const CheckboxField = props => {
|
|
|
73
73
|
className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
|
|
74
74
|
htmlFor: inputProps.id
|
|
75
75
|
}, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
|
|
76
|
-
className: "h5 mr-4",
|
|
76
|
+
className: "h5 mr-4 ml-auto",
|
|
77
77
|
id: descriptionId
|
|
78
78
|
}, subtitle && /*#__PURE__*/_react.default.createElement("div", {
|
|
79
79
|
className: "small mt-1"
|
|
@@ -52,7 +52,7 @@ const RadioField = _ref => {
|
|
|
52
52
|
className: "d-sm-flex align-items-center p-3 pl-4",
|
|
53
53
|
htmlFor: inputProps.id
|
|
54
54
|
}, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
|
|
55
|
-
className: "h5 mr-4",
|
|
55
|
+
className: "h5 mr-4 ml-auto ",
|
|
56
56
|
id: descriptionId
|
|
57
57
|
}, infoLine1, usedSubtitle && /*#__PURE__*/_react.default.createElement("div", {
|
|
58
58
|
className: "small mt-1"
|
|
@@ -60,11 +60,11 @@ const FormTitle = _ref => {
|
|
|
60
60
|
"aria-describedby": labelId
|
|
61
61
|
}, header), steps && /*#__PURE__*/_react.default.createElement("p", {
|
|
62
62
|
id: labelId,
|
|
63
|
-
className: "pi-steps ml-sm-auto text-sm-right"
|
|
63
|
+
className: "pi-steps ml-sm-auto text-sm-right text-black"
|
|
64
64
|
}, /*#__PURE__*/_react.default.createElement("small", {
|
|
65
65
|
className: "mr-1 mr-sm-0"
|
|
66
66
|
}, "Schritt"), steps.current > 0 && /*#__PURE__*/_react.default.createElement("span", {
|
|
67
|
-
className: "h4 d-inline d-sm-block mt-0"
|
|
67
|
+
className: "h4 d-inline d-sm-block mt-0 text-brick"
|
|
68
68
|
}, `${steps.current} ${steps.total ? `von ${steps.total}` : ''}`))), steps && /*#__PURE__*/_react.default.createElement("div", {
|
|
69
69
|
className: "pi-step-indicator d-flex mb-4"
|
|
70
70
|
}, stepCreator(steps)), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
|
|
@@ -11,7 +11,7 @@ const Required = () => {
|
|
|
11
11
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
12
12
|
className: "pi-footnotes border p-4 mb-4"
|
|
13
13
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
14
|
-
className: "pi-required text-
|
|
14
|
+
className: "pi-required text-brick mr-1"
|
|
15
15
|
}, "*"), /*#__PURE__*/_react.default.createElement("span", null, "Pflichtfelder"));
|
|
16
16
|
};
|
|
17
17
|
(0, _formBuilder.registerComponent)('Required', Required);
|
package/dist/styles/_form.scss
CHANGED
|
@@ -607,14 +607,29 @@ fieldset.fieldsetLegend legend, .pi-title {
|
|
|
607
607
|
}
|
|
608
608
|
}
|
|
609
609
|
|
|
610
|
+
div.form-label {
|
|
611
|
+
font-family: $fontfamily-base;
|
|
612
|
+
font-size: $input-label-font-size;
|
|
613
|
+
line-height: $input-label-line-height;
|
|
614
|
+
color: $bsr-black-90;
|
|
615
|
+
font-weight: $fontweight-bold;
|
|
616
|
+
}
|
|
610
617
|
|
|
611
|
-
|
|
618
|
+
|
|
619
|
+
fieldset.formInput:has(.topRow):has(input[type="checkbox"]):not(:has(input[name="agb"])) {
|
|
612
620
|
display: flex;
|
|
613
621
|
flex-direction: row-reverse;
|
|
614
622
|
align-items: baseline;
|
|
615
623
|
justify-content: start;
|
|
616
624
|
gap: $base-gap * 4;
|
|
617
625
|
}
|
|
626
|
+
input[name="agb"] + label {
|
|
627
|
+
font-family: $fontfamily-base;
|
|
628
|
+
font-size: $inputField-font-size !important;
|
|
629
|
+
line-height: $inputField-line-height !important;
|
|
630
|
+
color: $bsr-black-90;
|
|
631
|
+
font-weight: $fontweight-normal;
|
|
632
|
+
}
|
|
618
633
|
input.custom-control-input label.custom-control-label {
|
|
619
634
|
column-gap: $base-gap;
|
|
620
635
|
}
|