@pinuts/bsr-uikit-relaunch 0.2.49 → 0.2.50

package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarToolbar.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarToolbar.jsx"],"names":[],"mappings":";AAKA;;;sBA0BC;;;;;;;kBA9BkC,OAAO;sBADpB,YAAY"}
+{"version":3,"file":"CalendarToolbar.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarToolbar.jsx"],"names":[],"mappings":";AAMA;;;sBAwCC;;;;;;;kBA7CkC,OAAO;sBADpB,YAAY"}

package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.js

@@ -8,6 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactBigCalendar = require("react-big-calendar");
 var _reactBootstrap = require("react-bootstrap");
+var _Icon = _interopRequireDefault(require("../../Icon/Icon.jsx"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -22,16 +23,26 @@ const CalendarToolbar = _ref => {
     className: "rbc-toolbar"
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "secondary",
-    onClick: navigatePrevious
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "pi-icon pi-arrow-left-primary mr-2"
-  }), /*#__PURE__*/_react.default.createElement("b", null, "zur\xFCck")), /*#__PURE__*/_react.default.createElement("h4", {
+    onClick: navigatePrevious,
+    className: "d-flex align-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: "ChevronLeft",
+    className: "mr-2",
+    width: 16,
+    height: 16,
+    stroke: "currentColor"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "zur\xFCck")), /*#__PURE__*/_react.default.createElement("h4", {
     className: "rbc-toolbar-label"
   }, label), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "secondary",
-    onClick: navigateNext
-  }, /*#__PURE__*/_react.default.createElement("b", null, "weiter"), /*#__PURE__*/_react.default.createElement("i", {
-    className: "pi-icon pi-arrow-right-primary ml-2"
+    onClick: navigateNext,
+    className: "ml-auto d-flex align-items-center"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "weiter"), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: "ChevronRight",
+    className: "ml-2",
+    width: 16,
+    height: 16,
+    stroke: "currentColor"
   })));
 };
 CalendarToolbar.propTypes = {

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

@@ -78,7 +78,7 @@ const CheckboxField = props => {
   }, 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-0m"
+    className: "badge badge-info 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

@@ -57,7 +57,7 @@ const RadioField = _ref => {
   }, infoLine1, usedSubtitle && /*#__PURE__*/_react.default.createElement("div", {
     className: "small mt-1"
   }, usedSubtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge badge-secondary rounded-pill ml-auto mt-2 mt-sm-0"
+    className: "badge badge-info rounded-pill ml-auto mt-2 mt-sm-0"
   }, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
     className: "pi-required text-primary mr-1"
   }, "*"))));

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

@@ -100,7 +100,7 @@ const EventPicker = _ref => {
     "aria-labelledby": `selectGroup-${groupName}`
   }, /*#__PURE__*/_react.default.createElement("ul", {
     className: "checkboxes picker-list"
-  }, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h2", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
+  }, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h4", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
 };
 EventPicker.propTypes = {
   config: PropTypes.object

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-primary rounded-pill flex-fill"
+        className: "step-line bg-brick 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-primary' : 'bg-secondary';
+      cssClasses += i < current ? 'bg-brick' : 'bg-secondary';
       cssClasses += i + 1 !== total ? ' mr-2' : '';
       stepper.push(/*#__PURE__*/_react.default.createElement("div", {
         key: `${i}_${current}`,

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

@@ -17,11 +17,11 @@ const Intro = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "pi-intro my-5"
   }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "text-right"
+    className: "d-flex align-items-center justify-content-between"
   }, /*#__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"
+    className: "badge badge-info rounded-pill ml-sm-3 mt-2 mt-sm-0"
   }, infobadge)), /*#__PURE__*/_react.default.createElement("p", null, description));
 };
 Intro.propTypes = {

package/dist/styles/_form.scss

@@ -562,6 +562,7 @@ form input[type="checkbox"] + label:before {
 .selectGroup-events, .event-picker {
 
   .location-picker-text {
+    font-family: $fontfamily-base;
     font-size: $inputField-font-size;
     line-height: $inputField-line-height;
     color: $bsr-black-90;

package/dist/styles/main.scss

@@ -79,4 +79,12 @@ q {
 
 footer {
     font-family: $fontfamily-heading;
+}
+
+.rbc-wrapper {
+    min-height: 590px;
+}
+
+.rbc-wrapper .rbc-calendar {
+    font-family: $fontfamily-base;
 }

package/dist/styles/variables/_buttons.scss

@@ -158,12 +158,13 @@ $btn-padding-y: calc($base-gap * 2 - 1px);
   }
 }
 
-button[type="button"].btn-primary, button[type="button"].btn-secondary {
+button[type="button"].btn.btn-primary, button[type="button"].btn.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;
+    background-image: none !important;
 
     &:hover,
     &:focus-visible {
@@ -176,7 +177,7 @@ button[type="button"].btn-primary, button[type="button"].btn-secondary {
     }
 }
 
-button[type="button"].btn-primary {
+button[type="button"].btn.btn-primary {
     background-color: $bsr-brick-100;
     color: $bsr-white-100;
     border: $bsr-border-width-m solid $bsr-brick-100;
@@ -188,7 +189,7 @@ button[type="button"].btn-primary {
     }
 }
 
-button[type="button"].btn-secondary {
+button[type="button"].btn.btn-secondary {
     background-color: $bsr-white-100;
     color: $bsr-brick-100;
     border: $bsr-border-width-m solid $bsr-brick-100;
@@ -199,7 +200,7 @@ button[type="button"].btn-secondary {
         color:  $bsr-white-100 !important;
 
         & i {
-        color: $bsr-white-100 !important;
+            color: $bsr-white-100 !important;
         }
     }
 }

package/package.json

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