@prijsvrijtechsupport/ui 0.0.46 → 0.0.47

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/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export { Button } from "./components/button";
5
5
  export { CounterIcon } from "./components/counterIcon";
6
6
  export { Divider } from "./components/divider";
7
7
  export { Dropdown } from "./components/dropdown";
8
- export { FilterButton } from "./components/filterButtons";
8
+ export { FilterButton } from "./components/filterButton";
9
9
  export { Header } from "./components/header";
10
10
  export { Logo } from "./components/logo";
11
11
  export { Nominations } from "./components/nominations";
@@ -48,7 +48,6 @@ export { DatePickerInput } from "./components/datePickerInput";
48
48
  export { FavouriteButton } from "./components/favouriteButton";
49
49
  export { Filters } from "./components/filters";
50
50
  export { HamburgerMenuButton } from "./components/hamburgerMenuButton";
51
- export { HR } from "./components/hr";
52
51
  export { Island } from "./components/island";
53
52
  export { Label } from "./components/label";
54
53
  export { Modal } from "./components/modal";
package/dist/index.js CHANGED
@@ -50,7 +50,7 @@ var styles_default$25 = {};
50
50
  var styles_default$24 = {};
51
51
 
52
52
  //#endregion
53
- //#region src/components/filterButtons/styles.css
53
+ //#region src/components/filterButton/styles.css
54
54
  var styles_default$23 = {};
55
55
 
56
56
  //#endregion
@@ -321,7 +321,7 @@ const CounterIcon = ({ className, icon, id, count, allowZero = false, onClick, i
321
321
  //#region src/components/divider/index.tsx
322
322
  const Divider = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
323
323
  "data-component": "divider",
324
- className: clsx("block h-px w-full bg-gray-100", className),
324
+ className: clsx("block h-px w-full bg-[#e0e0e0]", className),
325
325
  ...props
326
326
  });
327
327
 
@@ -1904,7 +1904,7 @@ const Dropdown = ({ className, loading, dropdownItems, selectedItem, onClick, dr
1904
1904
  onClick: toggleDropdown,
1905
1905
  onKeyDown: handleKeyDown,
1906
1906
  tabIndex: 0,
1907
- className: "dropdown-button bg-white px-3 py-2 h-12 border rounded-md w-full flex items-center flex-row justify-between",
1907
+ className: "dropdown-button bg-white cursor-pointer px-3 py-2 h-12 border rounded-md w-full flex items-center flex-row justify-between",
1908
1908
  "aria-haspopup": "true",
1909
1909
  "aria-expanded": isOpen,
1910
1910
  children: [/* @__PURE__ */ jsxs("span", {
@@ -1932,7 +1932,7 @@ const Dropdown = ({ className, loading, dropdownItems, selectedItem, onClick, dr
1932
1932
  };
1933
1933
 
1934
1934
  //#endregion
1935
- //#region src/components/filterButtons/index.tsx
1935
+ //#region src/components/filterButton/index.tsx
1936
1936
  const FilterButton = ({ className, icon, leftContent, text, disabled, onClick }) => {
1937
1937
  const formattedIcon = icon ? formatIcon(icon, { className: "min-w-4 min-h-4" }) : null;
1938
1938
  return /* @__PURE__ */ jsxs("span", {
@@ -5116,7 +5116,7 @@ const QuantityButtons = ({ className, value, setValue, minValue = 0, maxValue =
5116
5116
  ariaLabel: "Decrease value",
5117
5117
  variant: "icon",
5118
5118
  disabled: isMin,
5119
- className: "group rounded-full quantity-buttons-border-color border-2 p-1 w-8 h-8 items-center justify-center focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
5119
+ className: "group cursor-pointer rounded-full quantity-buttons-border-color border-2 p-1 w-8 h-8 items-center justify-center focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
5120
5120
  onClick: () => setValue(Math.max(value - 1, minValue)),
5121
5121
  children: /* @__PURE__ */ jsx(IconMinus, { className: "quantity-buttons-color" })
5122
5122
  }),
@@ -5128,7 +5128,7 @@ const QuantityButtons = ({ className, value, setValue, minValue = 0, maxValue =
5128
5128
  ariaLabel: "Increase value",
5129
5129
  variant: "icon",
5130
5130
  disabled: isMax,
5131
- className: "group rounded-full quantity-buttons-border-color border-2 p-1 w-8 h-8 items-center justify-center focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
5131
+ className: "group cursor-pointer rounded-full quantity-buttons-border-color border-2 p-1 w-8 h-8 items-center justify-center focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
5132
5132
  onClick: () => setValue(Math.min(value + 1, maxValue)),
5133
5133
  children: /* @__PURE__ */ jsx(IconPlus, { className: "quantity-buttons-color" })
5134
5134
  })
@@ -5243,22 +5243,22 @@ function Slider({ slides, options, plugins, lazyLoad = false, showArrows = true,
5243
5243
  children: [/* @__PURE__ */ jsx("button", {
5244
5244
  type: "button",
5245
5245
  "aria-label": "Previous slide",
5246
- className: cn("pointer-events-auto cursor-pointer ml-2 inline-flex size-9 items-center justify-center rounded-full bg-white text-gray-900 shadow", !canScrollPrev && "opacity-50"),
5246
+ className: cn("pointer-events-auto cursor-pointer ml-2 inline-flex size-9 items-center justify-center rounded-full bg-black/40 text-white shadow", !canScrollPrev && "opacity-50"),
5247
5247
  onClick: scrollPrev,
5248
5248
  disabled: !canScrollPrev,
5249
5249
  children: /* @__PURE__ */ jsx("span", {
5250
5250
  "aria-hidden": "true",
5251
- children: ""
5251
+ children: /* @__PURE__ */ jsx(IconArrowLeft, { className: "size-4 text-white" })
5252
5252
  })
5253
5253
  }), /* @__PURE__ */ jsx("button", {
5254
5254
  type: "button",
5255
5255
  "aria-label": "Next slide",
5256
- className: cn("pointer-events-auto cursor-pointer mr-2 inline-flex size-9 items-center justify-center rounded-full bg-white text-gray-900 shadow", !canScrollNext && "opacity-50"),
5256
+ className: cn("pointer-events-auto cursor-pointer mr-2 inline-flex size-9 items-center justify-center rounded-full bg-black/40 text-white shadow", !canScrollNext && "opacity-50"),
5257
5257
  onClick: scrollNext,
5258
5258
  disabled: !canScrollNext,
5259
5259
  children: /* @__PURE__ */ jsx("span", {
5260
5260
  "aria-hidden": "true",
5261
- children: ""
5261
+ children: /* @__PURE__ */ jsx(IconArrowRight, { className: "size-4 text-white" })
5262
5262
  })
5263
5263
  })]
5264
5264
  }),
@@ -7829,14 +7829,6 @@ const HamburgerMenuButton = forwardRef(({ menuState, setMenuState }, ref) => {
7829
7829
  });
7830
7830
  HamburgerMenuButton.displayName = "HamburgerMenuButton";
7831
7831
 
7832
- //#endregion
7833
- //#region src/components/hr/index.tsx
7834
- const HR = ({ className }) => /* @__PURE__ */ jsx("hr", {
7835
- "data-component": "hr",
7836
- className: `h-px w-full border-none bg-gray-200 ${className}`
7837
- });
7838
- HR.displayName = "HR";
7839
-
7840
7832
  //#endregion
7841
7833
  //#region src/components/island/index.tsx
7842
7834
  const Island = ({ children, className, noShadow = false, noPadding = false,...props }) => /* @__PURE__ */ jsx("div", {
@@ -9196,7 +9188,7 @@ const Calendar = ({ className, month, year = 2026,...props }) => {
9196
9188
  /* @__PURE__ */ jsx("div", {
9197
9189
  className: "flex items-center justify-center gap-4 mb-3",
9198
9190
  children: /* @__PURE__ */ jsx("div", {
9199
- className: "text-sm text-secondary font-bold whitespace-nowrap",
9191
+ className: "text-base text-secondary font-bold whitespace-nowrap capitalize",
9200
9192
  children: firstOfMonth.toLocaleDateString("nl-NL", {
9201
9193
  month: "long",
9202
9194
  year: "numeric"
@@ -11547,5 +11539,5 @@ const RangeSlider = forwardRef(function RangeSlider$1({ className, min = 0, max
11547
11539
  RangeSlider.displayName = "RangeSlider";
11548
11540
 
11549
11541
  //#endregion
11550
- export { Accordion, ActionIcon, Alert, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BlogWidget, BrandProvider, BrandTopMenu, BreadCrumb, Button, CSS_VARIABLE_KEYS, Calendar, CategoryFilter, Chatbot, Checkbox, Collection, CounterIcon, Coupon, DatePickerInput, Divider, Dropdown, FavouriteButton, FilterButton, Filters, FlightSwitch, Footer, GiftCard, HR, HamburgerMenuButton, Header, Hero, HotelAccomodationResults, HotelWidget, IconAlert, IconArrival, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconBeach, IconBed, IconBlog, IconBus, IconCalendar, IconCancel, IconCar, IconCarSun, IconCheck, IconChevronRight, IconCity, IconClock, IconCocktail, IconDelete, IconDeparture, IconDollar, IconEdit, IconExpand, IconFacebook, IconFavorite, IconFilter, IconFood, IconHeart, IconHeartFilled, IconHot, IconHotel, IconHouse, IconIce, IconInfo, IconInstagram, IconLuggage, IconMail, IconMap, IconMinus, IconParty, IconPhone, IconPhoto, IconPinterest, IconPlane, IconPlus, IconPresent, IconQuestion, IconRating, IconSearch, IconSeat, IconShare, IconSplash, IconStar, IconSuccess, IconSun, IconSupport, IconTemperature, IconTiktok, IconTransfer, IconTree, IconTwitter, IconUser, IconView, IconWarning, IconWatched, IconWhatsapp, IconWinterSport, IconWinterSun, Island, Label, LinkBox, Loading, Logo, Map, MatrixTable, Menu, MiddleNavigation, Modal, Nominations, NumberField, PageNavigation, PageRating, PasswordInput, PhoneNumberInput, PhotoCardsRotated, Popover, PriceBox, PriceCheck, ProfileMenu, ProgressBar, PvPopup, QuantityButtons, RadioButton, RangeSlider, Rating, RegionSelector, ResultPageFilterBox, Review, ReviewSmall, Reviews, ScrollToTop, SearchBlock, SearchBox, SearchBoxResults, SearchInput, Select, Skeleton, SkillPill, Slider, Spotlights, Stepper, StickyFooter, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, TimeInput, Toggle, TopHeaderMenu, TopMenu, TransportToggle, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, Usp, ViewedAccomodations, WarningText, Weather, buttonVariants, getCSSVariable, setCSSVariable, useBrand, withPvUi };
11542
+ export { Accordion, ActionIcon, Alert, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BlogWidget, BrandProvider, BrandTopMenu, BreadCrumb, Button, CSS_VARIABLE_KEYS, Calendar, CategoryFilter, Chatbot, Checkbox, Collection, CounterIcon, Coupon, DatePickerInput, Divider, Dropdown, FavouriteButton, FilterButton, Filters, FlightSwitch, Footer, GiftCard, HamburgerMenuButton, Header, Hero, HotelAccomodationResults, HotelWidget, IconAlert, IconArrival, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconBeach, IconBed, IconBlog, IconBus, IconCalendar, IconCancel, IconCar, IconCarSun, IconCheck, IconChevronRight, IconCity, IconClock, IconCocktail, IconDelete, IconDeparture, IconDollar, IconEdit, IconExpand, IconFacebook, IconFavorite, IconFilter, IconFood, IconHeart, IconHeartFilled, IconHot, IconHotel, IconHouse, IconIce, IconInfo, IconInstagram, IconLuggage, IconMail, IconMap, IconMinus, IconParty, IconPhone, IconPhoto, IconPinterest, IconPlane, IconPlus, IconPresent, IconQuestion, IconRating, IconSearch, IconSeat, IconShare, IconSplash, IconStar, IconSuccess, IconSun, IconSupport, IconTemperature, IconTiktok, IconTransfer, IconTree, IconTwitter, IconUser, IconView, IconWarning, IconWatched, IconWhatsapp, IconWinterSport, IconWinterSun, Island, Label, LinkBox, Loading, Logo, Map, MatrixTable, Menu, MiddleNavigation, Modal, Nominations, NumberField, PageNavigation, PageRating, PasswordInput, PhoneNumberInput, PhotoCardsRotated, Popover, PriceBox, PriceCheck, ProfileMenu, ProgressBar, PvPopup, QuantityButtons, RadioButton, RangeSlider, Rating, RegionSelector, ResultPageFilterBox, Review, ReviewSmall, Reviews, ScrollToTop, SearchBlock, SearchBox, SearchBoxResults, SearchInput, Select, Skeleton, SkillPill, Slider, Spotlights, Stepper, StickyFooter, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, TimeInput, Toggle, TopHeaderMenu, TopMenu, TransportToggle, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, Usp, ViewedAccomodations, WarningText, Weather, buttonVariants, getCSSVariable, setCSSVariable, useBrand, withPvUi };
11551
11543
  //# sourceMappingURL=index.js.map