@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.
@@ -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-between"
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: "custom-control-input"
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-info rounded-pill ml-auto mt-2 mt-sm-0m"
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;;sBA2DC;;;;;;kBAnEiB,OAAO;2BACE,YAAY"}
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-between"
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: "custom-control-input"
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: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
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 bg-primary rounded-pill flex-fill"
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 ? 'bg-primary' : 'bg-secondary';
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));
@@ -33,7 +33,7 @@
33
33
  legend.label,
34
34
  label,
35
35
  legend {
36
- font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
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", "TradeGothicNextLT", sans-serif;
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", "TradeGothicNextLT", sans-serif;
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", "TradeGothicNextLT", sans-serif;
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
+ }
@@ -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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pinuts/bsr-uikit-relaunch",
3
- "version": "0.2.57",
3
+ "version": "0.2.59",
4
4
  "private": false,
5
5
  "description": "BSR UI-KIT Relaunch",
6
6
  "main": "dist/index.js",