willba-component-library 0.2.7 → 0.2.9

package/README.md

@@ -85,7 +85,7 @@ ReactDOM.render(<App />, document.querySelector('#app'))
 
 <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
 <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.2.7/lib/index.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0.2.9/lib/index.umd.js"></script>
 
 <script>
   const filterBarElement = React.createElement

package/lib/index.esm.js

@@ -6369,7 +6369,7 @@ instance.loadNamespaces;
 instance.loadLanguages;
 
 var calendar$1 = {
-	label: "When",
+	label: "Date",
 	roomsLabelPlaceholder: "Add check-in and check-out",
 	eventsLabelPlaceholder: "Add search dates",
 	startDate: "Start date",
@@ -6377,7 +6377,7 @@ var calendar$1 = {
 	title: "Calendar"
 };
 var guests$1 = {
-	label: "Who",
+	label: "Number of guests",
 	labelPlaceholder: "Add guests",
 	title: "Who's coming?",
 	adultsLabel: "Adults",
@@ -6405,7 +6405,7 @@ var enFilterBar = {
 };
 
 var calendar = {
-	label: "Milloin",
+	label: "Ajankohta",
 	roomsLabelPlaceholder: "Lisää check-in ja check-out",
 	eventsLabelPlaceholder: "Lisää aikaväli",
 	startDate: "Alku",
@@ -6413,7 +6413,7 @@ var calendar = {
 	title: "Kalenteri"
 };
 var guests = {
-	label: "Kuka",
+	label: "Vierasmäärä",
 	labelPlaceholder: "Lisää vieraat",
 	title: "Ketkä ovat tulossa?",
 	adultsLabel: "Aikuiset",
@@ -6602,7 +6602,7 @@ styleInject(css_248z$7);
 
 var TabButton = function (_a) {
     var onClick = _a.onClick, label = _a.label, active = _a.active, mode = _a.mode;
-    return (React__default__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || 'dark', " ").concat(active && 'active', " "), onClick: onClick }, label));
+    return (React__default__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || 'light', " ").concat(active && 'active', " "), onClick: onClick }, label));
 };
 
 var css_248z$6 = ".will-guests-filter-label, .will-guests-filter-count {\n  font-size: 18px;\n  color: var(--will-text)\n}\n\n.will-guests-filter-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 30px;\n}\n\n.will-guests-filter-label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 10px;\n \n}\n\n.will-guests-filter-inner .will-guests-filter-counter {\n  display: flex;\n  align-items: center;\n}\n\n.will-guests-filter-count {\n  margin: 0 10px;\n  min-width: 30px;\n  text-align: center;\n}\n\n.will-guests-filter-counter-button {\n  border-radius: 50%;\n  border: none;\n  background-color: transparent;\n  border: 1px solid var(--will-grey);\n  width: 30px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 20px;\n  cursor: pointer;\n}\n\n.will-guests-filter-counter-button:hover {\n  background-color: var(--will-onahau);\n}\n\n@media (max-width: 960px) {\n\n  .will-guests-filter-inner {\n    width: 100%;\n    margin: 15px 0;\n    justify-content: space-between;\n  }\n}";
@@ -11111,7 +11111,7 @@ function FilterBar(_a) {
                 : t("tabs.".concat(tab.path.substring(1))), onClick: function () {
                 setSelectedPath(tab.path), handleResetFilters();
             }, active: selectedPath === tab.path, mode: mode })); }))),
-        React__default__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'dark'), ref: (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? targetFilterBarRef : null },
+        React__default__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'light'), ref: (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? targetFilterBarRef : null },
             React__default__default.createElement(SelectButton, { label: t('calendar.label'), description: parsedDates
                     ? parsedDates
                     : selectedPath === Pages.ROOMS
@@ -11121,7 +11121,7 @@ function FilterBar(_a) {
                 React__default__default.createElement(Divider, null),
                 React__default__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
             React__default__default.createElement(SubmitButton, { onClick: handleSubmit })),
-        selectedFilter && (React__default__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'dark'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
+        selectedFilter && (React__default__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'light'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
             React__default__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
             selectedFilter === FilterSections.CALENDAR && (React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
             selectedFilter === FilterSections.GUESTS && (React__default__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),