willba-component-library 0.0.8 → 0.0.9

package/dist/cjs/types/components/FilterBar/FilterBar.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-import "./FilterBar.css";
+import React from 'react';
 export default function FilterBar(): React.JSX.Element;

package/dist/esm/index.js

@@ -2512,16 +2512,13 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$1 = "button {\n  font-size: 70px;\n}";
-styleInject(css_248z$1);
+var css_248z = "button {\n  font-size: 70px;\n}";
+styleInject(css_248z);
 
 const Button = (props) => {
     return React.createElement("button", null, props.label);
 };
 
-var css_248z = "/* Structure ---------------------------- */\r\n\r\n.root {\r\n  width: 100%;\r\n}\r\n\r\n.search-widget {\r\n  box-sizing: border-box;\r\n  max-width: 1100px;\r\n  position: relative;\r\n}\r\n\r\n.search-widget-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px 20px;\r\n  position: relative;\r\n  z-index: 222;\r\n  \r\n  border-radius: 40px;\r\n  background-color: #ecf1f4;\r\n  box-shadow: 0px 6px 11px 0px #a7a4a480;\r\n}\r\n\r\n.search-widget-container {\r\n  background-color: #ecf1f4;\r\n  min-height: 100px;\r\n \r\n  padding: 90px 40px 30px 40px;\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 111;\r\n  border-radius: 40px;\r\n  width: -webkit-fill-available;\r\n  box-shadow: 0px 6px 11px 0px #a7a4a480;\r\n}\r\n\r\n.search-widget-divider {\r\n  width: 1px;\r\n  margin: 0 10px;\r\n  height: 35px;\r\n  background-color: #384265;\r\n}\r\n\r\n.search-widget-submit-button {\r\n  width: auto;\r\n  height: auto;\r\n  background-color: #384265;\r\n  color: #fff;\r\n  padding: 10px 20px;\r\n  border-radius: 20px;\r\n  cursor: pointer;\r\n  border: none;\r\n}\r\n\r\n.search-widget-select-button {\r\n  width: auto;\r\n  height: auto;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 20px;\r\n  cursor: pointer;\r\n}\r\n\r\n/* Filters - Guests ---------------------------- */\r\n\r\n.search-widget-guests {\r\n  text-align: initial;\r\n}\r\n\r\n.guests-filter-container {\r\n  display: flex;\r\n  margin-top: 30px;\r\n}\r\n\r\n.guests-filter-inner {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.guests-filter-inner:not(:last-child) {\r\n  margin-right: 50px;\r\n}\r\n\r\n.guests-filter-inner > span {\r\n  display: block;\r\n  margin-right: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.guests-filter-inner > div {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.guests-filter-inner > div > span {\r\n  margin: 0 10px;\r\n}\r\n\r\n.guests-filter-inner > div button {\r\n  border-radius: 50%;\r\n  border: none;\r\n  background-color: #CDEEFF;\r\n  width: 25px;\r\n  height: 25px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 20px;\r\n}\r\n\r\n/* Filters - Categories ---------------------------- */\r\n\r\n.search-widget-categories {\r\n  text-align: center;\r\n}\r\n\r\n.categories-filter-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.categories-filter-inner input {\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n}\r\n\r\n";
-styleInject(css_248z);
-
 function FilterBar() {
     const [selectedFilter, setSelectedFilter] = reactExports.useState(false);
     // const [startDate, setStartDate] = useState(0);
@@ -2600,13 +2597,8 @@ const Guests = ({ guestsAdults, guestsKids, decrementAdults, incrementAdults, de
                     React.createElement("button", { onClick: incrementKids }, "+"))))));
 };
 const Categories = ({ categories, setCategories }) => {
-    const categoriesPlaceholder = [
-        "Weekend",
-        "Week",
-        "Summer camp",
-        "Winter camp",
-    ];
-    const [selectedCategory, setSelectedCategory] = reactExports.useState("");
+    const categoriesPlaceholder = ['Weekend', 'Week', 'Summer camp', 'Winter camp'];
+    const [selectedCategory, setSelectedCategory] = reactExports.useState('');
     const handleCategoryChange = (selectedCategory) => {
         setSelectedCategory(selectedCategory);
         setCategories(selectedCategory); // Update the parent component's state with the selected category