@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/components/toggle/styles.css +2 -2
- package/dist/dist/index.css +6 -2
- package/dist/dist/index.css.map +1 -1
- package/dist/index.cjs +11 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +12 -20
- package/dist/index.js.map +1 -1
- package/dist/styles/utilities.css +1 -1
- package/dist/styles/variables.css +4 -0
- package/package.json +10 -10
- package/dist/components/hr/hr.test.d.ts +0 -1
- package/dist/components/hr/index.d.ts +0 -8
- /package/dist/components/{filterButtons → filterButton}/filterButton.test.d.ts +0 -0
- /package/dist/components/{filterButtons → filterButton}/index.d.ts +0 -0
- /package/dist/components/{filterButtons → filterButton}/styles.css +0 -0
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/
|
|
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/
|
|
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-
|
|
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/
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|
|
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
|