@pinuts/bsr-uikit-relaunch 0.2.57 → 0.2.59
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/eventWizardItems/EventPicker/Components/CheckboxField.js +3 -3
- package/dist/items/eventWizardItems/EventPicker/Components/RadioField.d.ts.map +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js +3 -3
- package/dist/items/eventWizardItems/FormTitle/FormTitle.js +2 -2
- package/dist/items/eventWizardItems/Intro/Intro.js +1 -1
- package/dist/styles/_form.scss +25 -4
- package/dist/styles/main.scss +5 -0
- package/package.json +1 -1
|
@@ -61,9 +61,9 @@ const CheckboxField = props => {
|
|
|
61
61
|
const hasDescription = !!infobadge || !!subtitle;
|
|
62
62
|
const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
|
|
63
63
|
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
-
className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 d-flex align-items-center justify-content-
|
|
64
|
+
className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 d-flex align-items-center justify-content-start"
|
|
65
65
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
66
|
-
className: "
|
|
66
|
+
className: ""
|
|
67
67
|
}, field, inputProps, {
|
|
68
68
|
type: "checkbox",
|
|
69
69
|
checked: checked,
|
|
@@ -78,7 +78,7 @@ const CheckboxField = props => {
|
|
|
78
78
|
}, subtitle && /*#__PURE__*/_react.default.createElement("div", {
|
|
79
79
|
className: "small mt-1"
|
|
80
80
|
}, subtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
|
|
81
|
-
className: "badge badge-
|
|
81
|
+
className: "badge badge-secondary rounded-pill ml-auto mt-2 mt-sm-0m"
|
|
82
82
|
}, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
|
|
83
83
|
className: "pi-required text-primary mr-1"
|
|
84
84
|
}, "*"))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../../../../src/items/eventWizardItems/EventPicker/Components/RadioField.jsx"],"names":[],"mappings":";AAQA;;
|
|
1
|
+
{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../../../../src/items/eventWizardItems/EventPicker/Components/RadioField.jsx"],"names":[],"mappings":";AAQA;;sBA0DC;;;;;;kBAlEiB,OAAO;2BACE,YAAY"}
|
|
@@ -41,15 +41,15 @@ const RadioField = _ref => {
|
|
|
41
41
|
const hasDescription = !!infobadge || !!usedSubtitle;
|
|
42
42
|
const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
|
|
43
43
|
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
-
className: "pi-radio custom-control custom-radio border mb-1 w-100 d-flex align-items-center justify-content-
|
|
44
|
+
className: "pi-radio custom-control custom-radio border mb-1 w-100 d-flex align-items-center justify-content-start"
|
|
45
45
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
46
|
-
className: "
|
|
46
|
+
className: "my-auto"
|
|
47
47
|
}, field, inputProps, {
|
|
48
48
|
type: "radio",
|
|
49
49
|
checked: checked,
|
|
50
50
|
disabled: isDisabled
|
|
51
51
|
})), /*#__PURE__*/_react.default.createElement("label", {
|
|
52
|
-
className: "
|
|
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
55
|
className: "h5 mr-4",
|
|
@@ -39,13 +39,13 @@ const FormTitle = _ref => {
|
|
|
39
39
|
if (current <= 0) return;
|
|
40
40
|
if (!total) {
|
|
41
41
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
-
className: "step-line
|
|
42
|
+
className: "step-line line-brick rounded-pill flex-fill"
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
const stepper = [];
|
|
46
46
|
for (let i = 0; i < total; i++) {
|
|
47
47
|
let cssClasses = 'step-line rounded-pill flex-fill ';
|
|
48
|
-
cssClasses += i < current ? '
|
|
48
|
+
cssClasses += i < current ? 'line-brick' : 'line-gray';
|
|
49
49
|
cssClasses += i + 1 !== total ? ' mr-2' : '';
|
|
50
50
|
stepper.push(/*#__PURE__*/_react.default.createElement("div", {
|
|
51
51
|
key: `${i}_${current}`,
|
|
@@ -19,7 +19,7 @@ const Intro = props => {
|
|
|
19
19
|
}, /*#__PURE__*/_react.default.createElement("h4", {
|
|
20
20
|
className: "d-flex align-items-center justify-content-between"
|
|
21
21
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
22
|
-
className: "mr-2 mr-sm-0"
|
|
22
|
+
className: "mr-2 mr-sm-0 text-dark"
|
|
23
23
|
}, headline), infobadge && /*#__PURE__*/_react.default.createElement("span", {
|
|
24
24
|
className: "badge badge-secondary rounded-pill ml-sm-3 mt-2 mt-sm-0"
|
|
25
25
|
}, infobadge)), /*#__PURE__*/_react.default.createElement("p", null, description));
|
package/dist/styles/_form.scss
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
legend.label,
|
|
34
34
|
label,
|
|
35
35
|
legend {
|
|
36
|
-
font-family: "TradeGothicNext", "
|
|
36
|
+
font-family: "TradeGothicNext", "TradeGothicNextSR", sans-serif;
|
|
37
37
|
font-size: $input-label-font-size;
|
|
38
38
|
font-weight: $fontweight-bold;
|
|
39
39
|
line-height: $input-label-line-height;
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
input,
|
|
134
134
|
select,
|
|
135
135
|
textarea {
|
|
136
|
-
font-family: "TradeGothicNext", "
|
|
136
|
+
font-family: "TradeGothicNext", "TradeGothicNextSR", sans-serif;
|
|
137
137
|
font-size: $inputField-font-size;
|
|
138
138
|
font-weight: $fontweight-normal;
|
|
139
139
|
line-height: $inputField-line-height;
|
|
@@ -179,7 +179,7 @@ textarea {
|
|
|
179
179
|
flex-direction: column;
|
|
180
180
|
gap: ($base-gap * 2);
|
|
181
181
|
margin-bottom: $base-gap * 5;
|
|
182
|
-
font-family: "TradeGothicNext", "
|
|
182
|
+
font-family: "TradeGothicNext", "TradeGothicNextSR", sans-serif;
|
|
183
183
|
|
|
184
184
|
ul {
|
|
185
185
|
list-style-type: none;
|
|
@@ -262,7 +262,7 @@ fieldset.formInput {
|
|
|
262
262
|
}
|
|
263
263
|
input[type="radio"] + label.label {
|
|
264
264
|
padding-left: 0 !important;
|
|
265
|
-
font-family: "TradeGothicNext", "
|
|
265
|
+
font-family: "TradeGothicNext", "TradeGothicNextSR", sans-serif;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
&::before {
|
|
@@ -572,6 +572,7 @@ form input[type="checkbox"] + label:before {
|
|
|
572
572
|
display: flex;
|
|
573
573
|
align-items: center;
|
|
574
574
|
justify-content: space-between;
|
|
575
|
+
color: $bsr-black-90;
|
|
575
576
|
}
|
|
576
577
|
.pi-info {
|
|
577
578
|
display: flex;
|
|
@@ -588,6 +589,13 @@ form input[type="checkbox"] + label:before {
|
|
|
588
589
|
}
|
|
589
590
|
}
|
|
590
591
|
|
|
592
|
+
fieldset legend {
|
|
593
|
+
h2, h3, h4 {
|
|
594
|
+
font-family: $fontfamily-base;
|
|
595
|
+
color: $bsr-black-90 !important;
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
591
599
|
fieldset.fieldsetLegend legend, .pi-title {
|
|
592
600
|
|
|
593
601
|
h2, h3, h4 {
|
|
@@ -610,3 +618,16 @@ fieldset.formInput:has(.topRow):has(input[type="checkbox"]) {
|
|
|
610
618
|
input.custom-control-input label.custom-control-label {
|
|
611
619
|
column-gap: $base-gap;
|
|
612
620
|
}
|
|
621
|
+
|
|
622
|
+
.step-line {
|
|
623
|
+
&.line-gray {
|
|
624
|
+
background: $bsr-black-10;
|
|
625
|
+
}
|
|
626
|
+
&.line-brick {
|
|
627
|
+
background: $bsr-brick-100;
|
|
628
|
+
}
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
.pi-intro {
|
|
632
|
+
|
|
633
|
+
}
|
package/dist/styles/main.scss
CHANGED
|
@@ -30,6 +30,7 @@ p, span {
|
|
|
30
30
|
|
|
31
31
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|
32
32
|
font-family: $fontfamily-heading;
|
|
33
|
+
color: $bsr-black-90;
|
|
33
34
|
font-weight: $fontweight-bold;
|
|
34
35
|
scroll-margin-top: $base-gap * 18;
|
|
35
36
|
}
|
|
@@ -84,4 +85,8 @@ footer {
|
|
|
84
85
|
|
|
85
86
|
.rbc-wrapper .rbc-calendar {
|
|
86
87
|
font-family: $fontfamily-base;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.rbc-date-cell.rbc-now span {
|
|
91
|
+
color: $bsr-brick-100;
|
|
87
92
|
}
|