@pinuts/bsr-uikit-relaunch 0.2.12 → 0.2.13

package/dist/items/GroupInputField/GroupInputField.js

@@ -92,7 +92,7 @@ const GroupInputField = _ref => {
     }, typeConfig, inputProps, {
       id: usedId
     })), /*#__PURE__*/_react.default.createElement("label", {
-      className: "ps-2",
+      className: "label ps-2",
       htmlFor: usedId
     }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(opt.label))));
   })) : /*#__PURE__*/_react.default.createElement("div", {

package/dist/styles/_form.scss

@@ -2,13 +2,17 @@
 @import "./variables/_variables.scss";
 
 /* GENERAL INPUT STYLES v0.1*/
+#addressSelector .topRow,
 .topRow {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 $base-gap * 4 0 $base-gap * 0.5;
 
-  .label {
+  label.label,
+  legend.label,
+  label,
+  legend {
     font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
     font-size: $input-label-font-size;
     font-weight: $fontweight-bold;
@@ -105,7 +109,10 @@
 
 .input,
 .select,
-.textarea {
+.textarea,
+input,
+select,
+textarea {
   font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
   font-size: $inputField-font-size;
   font-weight: $fontweight-normal;
@@ -127,6 +134,10 @@
     border-color: currentColor;
     outline: $bsr-border-width-m solid currentColor;
   }
+
+  &:disabled {
+    color: $bsr-black-60;
+  }
 }
 
 /* SELECT INPUT */
@@ -203,33 +214,40 @@
 }
 
 /* GROUP INPUT */
-.groupInputList {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  gap: $base-gap * 2 $base-gap * 5;
-  flex-wrap: wrap;
-  column-gap: $base-gap * 10 !important;
-
-  &.inline {
-    display: inline-flex;
-    gap: $base-gap * 2;
-    flex-direction: row;
-    flex-wrap: nowrap;
-  }
+#addressSelector fieldset.formInput,
+fieldset.formInput {
+  ul.groupInputList {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    gap: $base-gap * 2 $base-gap * 5;
+    flex-wrap: wrap;
+    column-gap: $base-gap * 10 !important;
+
+    &.inline {
+      display: inline-flex;
+      gap: $base-gap * 2;
+      flex-direction: row;
+      flex-wrap: nowrap;
+    }
 
-  li {
-    display: inline-flex;
-    align-items: center;
-    margin-right: 0 !important;
-    gap: $base-gap * 2 !important;
+    li {
+      display: inline-flex;
+      align-items: center;
+      margin-right: 0 !important;
+      gap: $base-gap * 2 !important;
 
-    label {
-      padding-left: 0 !important;
-    }
+      label {
+        padding-left: 0 !important;
+      }
+      input[type="radio"] + label.label {
+        padding-left: 0 !important;
+        font-family: "TradeGothicNext", "TradeGothicNextLT", sans-serif;
+      }
 
-    &::before {
-      content: none !important;
+      &::before {
+        content: none !important;
+      }
     }
   }
 }

package/package.json

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