willba-component-library 0.2.8 → 0.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/index.esm.js +3 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +3 -3
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +2 -2
- package/src/components/FilterBar/components/buttons/tab-button/TabButton.tsx +1 -1
package/lib/index.js
CHANGED
|
@@ -6622,7 +6622,7 @@ styleInject(css_248z$7);
|
|
|
6622
6622
|
|
|
6623
6623
|
var TabButton = function (_a) {
|
|
6624
6624
|
var onClick = _a.onClick, label = _a.label, active = _a.active, mode = _a.mode;
|
|
6625
|
-
return (React__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || '
|
|
6625
|
+
return (React__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || 'light', " ").concat(active && 'active', " "), onClick: onClick }, label));
|
|
6626
6626
|
};
|
|
6627
6627
|
|
|
6628
6628
|
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}";
|
|
@@ -11131,7 +11131,7 @@ function FilterBar(_a) {
|
|
|
11131
11131
|
: t("tabs.".concat(tab.path.substring(1))), onClick: function () {
|
|
11132
11132
|
setSelectedPath(tab.path), handleResetFilters();
|
|
11133
11133
|
}, active: selectedPath === tab.path, mode: mode })); }))),
|
|
11134
|
-
React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || '
|
|
11134
|
+
React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'light'), ref: (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? targetFilterBarRef : null },
|
|
11135
11135
|
React__default.createElement(SelectButton, { label: t('calendar.label'), description: parsedDates
|
|
11136
11136
|
? parsedDates
|
|
11137
11137
|
: selectedPath === Pages.ROOMS
|
|
@@ -11141,7 +11141,7 @@ function FilterBar(_a) {
|
|
|
11141
11141
|
React__default.createElement(Divider, null),
|
|
11142
11142
|
React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
|
|
11143
11143
|
React__default.createElement(SubmitButton, { onClick: handleSubmit })),
|
|
11144
|
-
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || '
|
|
11144
|
+
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'light'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
|
|
11145
11145
|
React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
|
|
11146
11146
|
selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
|
|
11147
11147
|
selectedFilter === FilterSections.GUESTS && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),
|