@pinuts/bsr-uikit-relaunch 0.2.53 → 0.2.54

package/dist/items/FieldsetWrapper/FieldsetWrapper.js

@@ -22,7 +22,7 @@ const FieldsetWrapper = _ref => {
   const {
     label,
     helpText,
-    headingLevel = '2',
+    headingLevel = '4',
     className = ''
   } = config;
   const [t] = (0, _reactI18next.useTranslation)();

package/dist/items/eventWizardItems/FormTitle/FormTitle.js

@@ -39,13 +39,13 @@ const FormTitle = _ref => {
     if (current <= 0) return;
     if (!total) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "step-line bg-brick rounded-pill flex-fill"
+        className: "step-line bg-primary rounded-pill flex-fill"
       });
     }
     const stepper = [];
     for (let i = 0; i < total; i++) {
       let cssClasses = 'step-line rounded-pill flex-fill ';
-      cssClasses += i < current ? 'bg-brick' : 'bg-secondary';
+      cssClasses += i < current ? 'bg-primary' : 'bg-secondary';
       cssClasses += i + 1 !== total ? ' mr-2' : '';
       stepper.push(/*#__PURE__*/_react.default.createElement("div", {
         key: `${i}_${current}`,

package/dist/styles/_form.scss

@@ -588,10 +588,25 @@ form input[type="checkbox"] + label:before {
   }
 }
 
-fieldset > legend > h2 {
-  font-family: $fontfamily-base;
-  font-size: $h3-fontsize;
-  line-height: $h3-lineheight;
-  font-weight: $fontweight-bold;
-  color: $bsr-black-90;
+fieldset.fieldsetLegend legend {
+
+    h2, h3, h4 {
+    font-family: $fontfamily-base;
+    font-size: $h3-fontsize;
+    line-height: $h3-lineheight;
+    font-weight: $fontweight-bold;
+    color: $bsr-black-90;
+    }
+}
+
+
+fieldset.formInput:has(.topRow):has(input[type="checkbox"]) {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: baseline;
+    justify-content: start;
+    gap: $base-gap * 4; 
 }
+input.custom-control-input label.custom-control-label {
+    column-gap: $base-gap;
+}

package/dist/styles/main.scss

@@ -64,6 +64,7 @@ h2, .h2 {
 h3, .h3, h4, .h4,  h5, .h5, h6, .h6 {
     margin-bottom: $base-gap * 5;
     margin-top: $base-gap * 10;
+    color: $bsr-black-90;
 
     @media screen and (max-width: $screen-sm-max) {
         font-size: $h3-fontsize-sm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinuts/bsr-uikit-relaunch",
-  "version": "0.2.53",
+  "version": "0.2.54",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",