@pinuts/bsr-uikit-relaunch 0.2.46 → 0.2.49

package/dist/items/BSRAddressSelector/BSRAutocompleteField.d.ts

@@ -18,6 +18,7 @@ declare namespace BSRAutocompleteField {
             viewMode: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             suggestionsAmount: PropTypes.Requireable<number>;
+            placeholder: PropTypes.Requireable<string>;
         }>>>;
     }
 }

package/dist/items/BSRAddressSelector/BSRAutocompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QAsRC;;;;;;;;;;;;;;;;;;;;sBArUqB,YAAY"}
+{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QAyRC;;;;;;;;;;;;;;;;;;;;;sBAxUqB,YAAY"}

package/dist/items/BSRAddressSelector/BSRAutocompleteField.js

@@ -89,7 +89,10 @@ const BSRAutocompleteField = _ref => {
   const cancelButtonRef = (0, _react.useRef)(null);
   const isInvalid = false;
   const controllerPath = getControllerPath();
-  const placeholder = (0, _useGetPlaceHolderText.default)('bsrAddressSelector.labels.streetPlaceholder');
+  const placeHolderI18nKey = 'bsrAddressSelector.labels.streetPlaceholder';
+  const placeHolderI18n = (0, _useGetPlaceHolderText.default)(placeHolderI18nKey);
+  const placeHolderConfig = config.placeholder || placeHolderI18nKey;
+  const placeholder = placeHolderConfig && placeHolderI18nKey !== placeHolderConfig ? placeHolderConfig : placeHolderI18n;
 
   // need this to reset the combobox from outside
   (0, _react.useEffect)(() => {
@@ -268,7 +271,8 @@ BSRAutocompleteField.propTypes = {
     labelText: _propTypes.default.string,
     viewMode: _propTypes.default.bool,
     disabled: _propTypes.default.bool,
-    suggestionsAmount: _propTypes.default.number
+    suggestionsAmount: _propTypes.default.number,
+    placeholder: _propTypes.default.string
   }).isRequired
 };
 const HigherOrderAutocompleteField = (0, _withFieldGroup.default)(BSRAutocompleteField);

package/dist/items/BSRAddressSelector/HouseNumberSelectField.d.ts

@@ -5,6 +5,7 @@ declare namespace WrappedHouseNumberSelectField {
         let config: PropTypes.Requireable<PropTypes.InferProps<{
             inputProps: PropTypes.Requireable<object>;
             key: PropTypes.Requireable<string>;
+            placeholder: PropTypes.Requireable<string>;
         }>>;
     }
 }

package/dist/items/BSRAddressSelector/HouseNumberSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAaA,8EAiBC;;;;;;;;;kBA9BiC,OAAO;sBACnB,YAAY"}
+{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAaA,8EAqBC;;;;;;;;;;kBAlCiC,OAAO;sBACnB,YAAY"}

package/dist/items/BSRAddressSelector/HouseNumberSelectField.js

@@ -21,7 +21,10 @@ const WrappedHouseNumberSelectField = props => {
   const {
     dontShowSelector
   } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
-  const placeholder = (0, _useGetPlaceHolderText.default)('bsrAddressSelector.labels.houseNumberPlaceholder');
+  const placeHolderI18nKey = 'bsrAddressSelector.labels.houseNumberPlaceholder';
+  const placeHolderI18n = (0, _useGetPlaceHolderText.default)(placeHolderI18nKey);
+  const placeHolderConfig = props.config.placeholder || placeHolderI18nKey;
+  const placeholder = placeHolderConfig && placeHolderI18nKey !== placeHolderConfig ? placeHolderConfig : placeHolderI18n;
   if (dontShowSelector) {
     return null;
   }
@@ -36,7 +39,8 @@ const WrappedHouseNumberSelectField = props => {
 WrappedHouseNumberSelectField.propTypes = {
   config: _propTypes.default.shape({
     inputProps: _propTypes.default.object,
-    key: _propTypes.default.string
+    key: _propTypes.default.string,
+    placeholder: _propTypes.default.string
   })
 };
 (0, _formBuilder.registerComponent)('HouseNumberSelectField', WrappedHouseNumberSelectField);

package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.js

@@ -61,7 +61,7 @@ const CheckboxField = props => {
   const hasDescription = !!infobadge || !!subtitle;
   const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
   return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100"
+    className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 d-flex align-items-center justify-content-between"
   }, /*#__PURE__*/_react.default.createElement("input", _extends({
     className: "custom-control-input"
   }, field, inputProps, {
@@ -73,12 +73,12 @@ const CheckboxField = props => {
     className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
     htmlFor: inputProps.id
   }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
-    className: "h5",
+    className: "h5 mr-4",
     id: descriptionId
   }, subtitle && /*#__PURE__*/_react.default.createElement("div", {
     className: "small mt-1"
   }, subtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge badge-secondary rounded-pill ml-auto mt-2 mt-sm-0"
+    className: "badge badge-secondary rounded-pill ml-auto mt-2 mt-sm-0m"
   }, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
     className: "pi-required text-primary mr-1"
   }, "*"))));

package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js

@@ -41,7 +41,7 @@ const RadioField = _ref => {
   const hasDescription = !!infobadge || !!usedSubtitle;
   const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
   return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pi-radio custom-control custom-radio border mb-1 w-100"
+    className: "pi-radio custom-control custom-radio border mb-1 w-100 d-flex align-items-center justify-content-between"
   }, /*#__PURE__*/_react.default.createElement("input", _extends({
     className: "custom-control-input"
   }, field, inputProps, {
@@ -52,7 +52,7 @@ const RadioField = _ref => {
     className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
     htmlFor: inputProps.id
   }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
-    className: "h5",
+    className: "h5 mr-4",
     id: descriptionId
   }, infoLine1, usedSubtitle && /*#__PURE__*/_react.default.createElement("div", {
     className: "small mt-1"

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

@@ -64,7 +64,7 @@ const FormTitle = _ref => {
   }, /*#__PURE__*/_react.default.createElement("small", {
     className: "mr-1 mr-sm-0"
   }, "Schritt"), steps.current > 0 && /*#__PURE__*/_react.default.createElement("span", {
-    className: "h4 d-inline d-sm-block"
+    className: "h4 d-inline d-sm-block mt-0"
   }, `${steps.current} ${steps.total ? `von ${steps.total}` : ''}`))), steps && /*#__PURE__*/_react.default.createElement("div", {
     className: "pi-step-indicator d-flex mb-4"
   }, stepCreator(steps)), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {

package/dist/items/eventWizardItems/Intro/Intro.js

@@ -16,7 +16,9 @@ const Intro = props => {
   } = props.config;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "pi-intro my-5"
-  }, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "text-right"
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "mr-2 mr-sm-0"
   }, headline), infobadge && /*#__PURE__*/_react.default.createElement("span", {
     className: "badge badge-secondary rounded-pill ml-sm-3 mt-2 mt-sm-0"

package/dist/shared/LocationPicker/LocationPicker.js

@@ -9,8 +9,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 //FIXME sr-only oder aria-hidden="true"  setzen
 const LocationPicker = () => {
   return /*#__PURE__*/_react.default.createElement("a", {
-    className: "ml-auto",
-    href: "https://www.bsr.de/recyclinghoefe-20503.php",
+    className: "ml-auto location-picker-text",
+    href: "/recyclinghoefe-berlin",
     rel: "noopener noreferrer",
     target: "_blank"
   }, /*#__PURE__*/_react.default.createElement("span", {

package/dist/styles/_form.scss

@@ -559,7 +559,14 @@ form input[type="checkbox"] + label:before {
   }
 }
 
-.event-picker {
+.selectGroup-events, .event-picker {
+
+  .location-picker-text {
+    font-size: $inputField-font-size;
+    line-height: $inputField-line-height;
+    color: $bsr-black-90;
+    font-weight: $fontweight-normal;
+  }
   legend {
     display: flex;
     align-items: center;
@@ -573,7 +580,7 @@ form input[type="checkbox"] + label:before {
     gap: 0;
     padding-left: 0;
 
-    li:before {
+    li:before, li::marker {
       display: none;
     }
   }

package/dist/styles/main.scss

@@ -18,3 +18,65 @@
     background: $bsr-black-10;
   }
 }
+
+body {
+    font-family: $fontfamily-base;
+    font-size: $defaultBrowserFontSize;
+}
+
+p, span {
+    font-family: $fontfamily-base;
+}
+
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+    font-family: $fontfamily-heading;
+    font-weight: $fontweight-bold;
+    scroll-margin-top: $base-gap * 18;
+}
+
+h1, .h1 {
+    font-size: $h1-fontsize;
+    line-height: $h1-lineheight;
+    letter-spacing: $letter-spacing-lg;
+    margin-bottom: $base-gap * 10;
+
+    @media screen and (max-width: $screen-sm-max) {
+        font-size: $h1-fontsize-sm;
+        line-height: $h1-lineheight-sm;
+        letter-spacing: $letter-spacing-sm;
+        margin-bottom: $base-gap * 3;
+    }
+}
+
+h2, .h2 {
+    font-size: $h2-fontsize;
+    line-height: $h2-lineheight;
+    letter-spacing: $letter-spacing-md;
+    margin-bottom: $base-gap * 5;
+
+    @media screen and (max-width: $screen-sm-max) {
+        font-size: $h2-fontsize-sm;
+        line-height: $h2-lineheight-sm;
+        margin-bottom: $base-gap * 3;
+    }
+}
+
+h3, .h3, h4, .h4,  h5, .h5, h6, .h6 {
+    margin-bottom: $base-gap * 5;
+    margin-top: $base-gap * 10;
+
+    @media screen and (max-width: $screen-sm-max) {
+        font-size: $h3-fontsize-sm;
+        line-height: $h3-lineheight-sm;
+        margin-bottom: $base-gap * 3;
+        margin-top: $base-gap * 8;
+    }
+}
+
+q {
+    font-family: $fontfamily-heading;
+}
+
+footer {
+    font-family: $fontfamily-heading;
+}

package/dist/styles/variables/_buttons.scss

@@ -157,3 +157,49 @@ $btn-padding-y: calc($base-gap * 2 - 1px);
     cursor: not-allowed;
   }
 }
+
+button[type="button"].btn-primary, button[type="button"].btn-secondary {
+    padding: $base-gap * 1.5 $base-gap * 6;
+    border-radius: $btn-border-radius;
+    background: none;
+    font-size: $fontsize-base;
+    line-height: $lineheight-base;
+
+    &:hover,
+    &:focus-visible {
+        text-decoration-color: currentColor;
+    }
+    
+    &:focus,
+    &:focus-visible {
+        outline: none;
+    }
+}
+
+button[type="button"].btn-primary {
+    background-color: $bsr-brick-100;
+    color: $bsr-white-100;
+    border: $bsr-border-width-m solid $bsr-brick-100;
+
+    &:hover,
+    &:focus-visible {
+        background-color: $bsr-white-100;
+        color: $bsr-brick-100;
+    }
+}
+
+button[type="button"].btn-secondary {
+    background-color: $bsr-white-100;
+    color: $bsr-brick-100;
+    border: $bsr-border-width-m solid $bsr-brick-100;
+    
+    &:hover,
+    &:focus-visible {
+        background-color: $bsr-brick-100 !important;
+        color:  $bsr-white-100 !important;
+
+        & i {
+        color: $bsr-white-100 !important;
+        }
+    }
+}

package/dist/styles/variables/_fonts.scss

@@ -44,6 +44,7 @@
      src: local(""), url("../../assets/fonts/TradeGothicNextLT/TradeGothicNextCondensed_normal_condensed.woff2") format("woff2");
  }
 */
+$defaultBrowserFontSize: 16px;
 $fontsize-base: to-rem(18px);
 
 $fontfamily-base: "TradeGothicNext", sans-serif;

package/package.json

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