@prijsvrijtechsupport/ui 0.0.47 → 0.0.49

package/dist/src/components/weather/Weather.stories.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentProps } from "react";
+import { Weather } from "./index";
+export declare const Default: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: ComponentProps<typeof Weather>;
+} & {
+    args: {
+        className: unknown;
+    };
+}, {
+    args: {
+        className: string;
+        title: string;
+        weatherItems: {
+            icon: import("react/jsx-runtime").JSX.Element | null;
+            temperature: string;
+            temperature_percent: number;
+            month: number;
+        }[];
+    };
+}>;
+export declare const Vertical: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: ComponentProps<typeof Weather>;
+} & {
+    args: {
+        className: unknown;
+    };
+}, {
+    args: {
+        className: string;
+        direction: string;
+        title: string;
+        weatherItems: {
+            icon: import("react/jsx-runtime").JSX.Element | null;
+            temperature: string;
+            temperature_percent: number;
+            month: number;
+        }[];
+    };
+}>;

package/dist/src/icons/IconImage.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from "react";
+export declare const IconImage: ({ className, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/icons/Icons.stories.d.ts

@@ -0,0 +1,36 @@
+export declare const AllIcons: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: {
+        [x: string]: any;
+    };
+}, {
+    render: () => import("react/jsx-runtime").JSX.Element;
+}>;
+export declare const GeneralIcons: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: {
+        [x: string]: any;
+    };
+}, {
+    render: () => import("react/jsx-runtime").JSX.Element;
+}>;
+export declare const TravelIcons: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: {
+        [x: string]: any;
+    };
+}, {
+    render: () => import("react/jsx-runtime").JSX.Element;
+}>;
+export declare const SocialIcons: import("@storybook/react").ReactStory<import("@storybook/react").ReactTypes & import("@storybook/addon-docs").DocsTypes & import("@storybook/addon-a11y").A11yTypes & {
+    csf4: true;
+} & {
+    args: {
+        [x: string]: any;
+    };
+}, {
+    render: () => import("react/jsx-runtime").JSX.Element;
+}>;

package/dist/{icons → src/icons}/index.d.ts

@@ -67,3 +67,4 @@ export * from "./IconWatched";
 export * from "./IconPresent";
 export * from "./IconIce";
 export * from "./IconCocktail";
+export * from "./IconImage";

package/dist/{index.d.ts → src/index.d.ts}

@@ -35,34 +35,18 @@ export { PhoneNumberInput } from './components/phoneNumberInput';
 export { PhotoCardsRotated } from './components/photoCardsRotated';
 export { Chatbot } from './components/chatbot';
 export { PriceBox } from './components/priceBox';
-export { ActionIcon } from "./components/actionIcon";
-export { Alert } from "./components/alert";
-export { AutoCompleteInput } from "./components/autoCompleteInput";
-export { Avatar } from "./components/avatar";
-export { AvatarIndicator } from "./components/avatarIndicator";
-export { Badge } from "./components/badge";
-export { BigBadge } from "./components/bigBadge";
-export { BreadCrumb } from "./components/breadCrumb";
 export { buttonVariants } from "./components/button/buttonVariants";
-export { DatePickerInput } from "./components/datePickerInput";
-export { FavouriteButton } from "./components/favouriteButton";
 export { Filters } from "./components/filters";
 export { HamburgerMenuButton } from "./components/hamburgerMenuButton";
-export { Island } from "./components/island";
 export { Label } from "./components/label";
-export { Modal } from "./components/modal";
 export { NumberField } from "./components/numberField";
-export { PasswordInput } from "./components/passwordInput";
-export { Popover } from "./components/popover";
 export { ProgressBar } from "./components/progressBar";
 export { RadioButton } from "./components/radioButton";
 export { RegionSelector } from "./components/regionSelector";
 export { Reviews } from "./components/reviews";
 export { ScrollToTop } from "./components/scrollToTop";
 export { SearchInput } from "./components/searchInput";
-export { Select } from "./components/select";
 export { Skeleton } from "./components/skeleton";
-export { SkillPill } from "./components/skillPill";
 export { StickyMobileButtonWrapper } from "./components/stickyMobileButton";
 export { Table } from "./components/table";
 export { TableCell } from "./components/table/tableCell";
@@ -70,15 +54,12 @@ export { TableHeader } from "./components/table/tableHeader";
 export { TableHeaderItem } from "./components/table/tableHeaderItem";
 export { TableHeaderRow } from "./components/table/tableHeaderRow";
 export { TableRow } from "./components/table/tableRow";
-export { TabsWrapper } from "./components/tabs";
-export { TabsBadge } from "./components/tabs/TabsBadge";
 export { Textarea } from "./components/textArea";
 export { TextInput } from "./components/textInput";
 export { TimeInput } from "./components/timeInput";
 export { TruncatedText } from "./components/truncatedText";
 export { UnorderedList } from "./components/unorderedList";
 export { UnorderedListItem } from "./components/unorderedListItem";
-export { UnstyledButton } from "./components/unstyledButton";
 export { ProfileMenu } from "./components/profileMenu";
 export * from "./theme";
 export * from "./icons/index";

package/dist/styles/utilities.css

@@ -35,6 +35,8 @@
 @import '../components/matrixTable/styles.css';
 @import '../components/pageNavigation/styles.css';
 @import '../components/calendar/styles.css';
+@import '../components/slider/styles.css';
+@import '../components/priceBox/styles.css';
 
 @utility transition-max-height {
   transition: max-height 0.3s ease-in-out;

package/dist/styles/variables.css

@@ -333,6 +333,10 @@
   --fontWeight-price-text: 400;
   --price-background: var(--prijsvrij-alternative);
   --price-background-back: #ffbf2b;
+  --fontSize-price-check: 24px;
+  --letterSpacing-price-check: -.02em;
+
+  --priceBox-warnText-text-align: start;
 
 
   /* Buttons */
@@ -399,6 +403,8 @@
   --price-minus-bottom: 10px;
   --price-price-margin-top: 0;
 
+  --slider-selected-index-bg: #ff7801;
+
   --color-calendar-selected: #029a02;
 
   --toggle-active-background-color: var(--prijsvrij-primary);
@@ -626,6 +632,10 @@
   --price-minus-right: 5px;
   --price-minus-bottom: 10px;
   --price-price-margin-top: -8px;
+  --fontSize-price-check: 32px;
+  --letterSpacing-price-check: -.02em;
+
+  --priceBox-warnText-text-align: end;
 
   --color-calendar-selected: #029a02;
 
@@ -636,7 +646,7 @@
   --toggle-font-family: var(--font-lato), sans-serif;
   --toggle-inactive-shadow-color: var(--color-dark-600);
 
-
+  --slider-selected-index-bg: var(--dreizen-secondary);
 
   --filter-button-background-color: var(--dreizen-primary);
   --filter-button-background-hover-color: var(--dreizen-dark-600);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prijsvrijtechsupport/ui",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "A UI component library",
   "type": "module",
   "main": "dist/index.cjs",
@@ -98,7 +98,9 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel": "^8.5.2",
+    "embla-carousel-auto-height": "^8.6.0",
     "embla-carousel-react": "^8.5.2",
+    "embla-carousel-ssr": "^9.0.0-rc02",
     "moment": "^2.30.1",
     "react-day-picker": "^9.9.0",
     "react-intersection-observer": "^10.0.3",

package/dist/components/actionIcon/ActionIcon.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/actionIcon/index.d.ts

@@ -1,24 +0,0 @@
-import type { MouseEvent } from "react";
-export interface ActionIconProps {
-    "data-testid"?: string;
-    title: string;
-    disabled?: boolean;
-    type?: "button" | "submit" | "reset";
-    styleVariant?: "default" | "transparent" | "small" | "round";
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    icon?: React.ReactNode;
-    iconSize?: number;
-    strokeWidth?: number;
-    className?: string;
-    children?: React.ReactNode;
-    /**
-     * @deprecated Can be removed and replaced by iconSize
-     */
-    width?: string;
-    /**
-     * @deprecated Can be removed and replaced by iconSize
-     */
-    height?: string;
-}
-declare const ActionIcon: React.ForwardRefExoticComponent<ActionIconProps & React.RefAttributes<HTMLButtonElement>>;
-export { ActionIcon };

package/dist/components/alert/Alert.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/alert/index.d.ts

@@ -1,17 +0,0 @@
-interface IAlert {
-    show: boolean;
-    message: React.ReactNode;
-    type: "warning" | "error" | "success";
-    "data-testid"?: string;
-    plain?: boolean;
-    /**
-     * @deprecated Can be removed entirely.
-     */
-    closable?: boolean;
-    className?: string;
-}
-export declare const Alert: {
-    ({ show, message, type, plain, className, }: IAlert): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export {};

package/dist/components/autoCompleteInput/autoCompleteInput.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/autoCompleteInput/index.d.ts

@@ -1,17 +0,0 @@
-import { type ChangeEvent, type KeyboardEvent, type Ref } from "react";
-import { type TextInputProps } from "../textInput";
-interface ISearchLocationFormProps extends TextInputProps {
-    label: string;
-    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: () => void;
-    inputValue?: string;
-    showSuggestions: boolean;
-    handleOnKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    children: React.ReactNode;
-    error?: string;
-    loading?: boolean;
-    rightSection?: React.ReactNode;
-    inputRef?: Ref<HTMLInputElement>;
-}
-export declare const AutoCompleteInput: ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef, }: ISearchLocationFormProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/avatar/avatar.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/avatar/index.d.ts

@@ -1,22 +0,0 @@
-interface IAvatarProps {
-    "data-testid"?: string;
-    src: string;
-    alt?: string;
-    size?: number;
-    radius?: keyof typeof radiusFormatter;
-}
-declare const radiusFormatter: {
-    0: string;
-    2: string;
-    4: string;
-    6: string;
-    8: string;
-    10: string;
-    12: string;
-    100: string;
-};
-export declare const Avatar: {
-    ({ src, alt, size, radius, "data-testid": dataTestId, }: IAvatarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/avatarIndicator/avatarIndicator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/avatarIndicator/index.d.ts

@@ -1,6 +0,0 @@
-interface IAvatarIndicator {
-    indicatorCount?: number;
-    className?: string;
-}
-export declare const AvatarIndicator: ({ indicatorCount, className, }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/badge/badge.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/badge/index.d.ts

@@ -1,27 +0,0 @@
-interface IBadgeProps {
-    styleVariant?: "green-light" | "red" | "accent-blue" | "warning" | "gray" | "black" | "purple" | "pink" | "pink-light" | "gray" | "white";
-    color?: "dark" | "gray" | "red" | "pink" | "grape" | "violet" | "indigo" | "blue" | "cyan" | "green" | "lime" | "yellow" | "orange" | "teal";
-    /** Controls appearance */
-    variant?: "light" | "filled" | "outline" | "dot" | "gradient";
-    /** Badge height and font size */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
-    radius?: "xs" | "sm" | "md" | "lg" | "xl";
-    /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
-    fullWidth?: boolean;
-    /** Section rendered on the left side of label */
-    leftSection?: React.ReactNode;
-    /** Section rendered on the right side of label */
-    rightSection?: React.ReactNode;
-    favorite?: boolean;
-    /** Badge label */
-    children?: React.ReactNode;
-    mobile?: boolean;
-    className?: string;
-    badgeBorder?: boolean;
-}
-export declare const Badge: {
-    ({ styleVariant, className, favorite, mobile, badgeBorder, fullWidth, leftSection, rightSection, children, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/bigBadge/bigBadge.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/bigBadge/index.d.ts

@@ -1,9 +0,0 @@
-import { type HTMLAttributes } from "react";
-interface IBigBadgeProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    styleVariant?: "green" | "red" | "white" | "accent-blue" | "orange";
-    "data-testid"?: string;
-    children: React.ReactNode;
-}
-export declare const BigBadge: ({ styleVariant, className, children, ...props }: IBigBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/breadCrumb/breadCrumb.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/breadCrumb/index.d.ts

@@ -1,13 +0,0 @@
-import { type FC } from "react";
-interface IBreadCrumb {
-    children: React.ReactNode;
-    LinkText: FC<{
-        classNames: string;
-        children: React.ReactNode;
-    }>;
-}
-export declare const BreadCrumb: {
-    ({ children, LinkText }: IBreadCrumb): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/datePickerInput/DatePickerInput.dropdown.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/datePickerInput/DatePickerInput.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/datePickerInput/index.d.ts

@@ -1,20 +0,0 @@
-import { type ReactNode } from "react";
-interface IDatePickerInputProps {
-    value?: Date;
-    label?: ReactNode | string;
-    className?: string;
-    classNames?: string;
-    disabledFrom?: Date;
-    disabledUntil?: Date;
-    placeholder?: string;
-    icon?: React.ReactNode;
-    locale?: string;
-    error?: string;
-    onChange?: (date: Date | undefined) => void;
-    lang?: string;
-    todayText?: string;
-    disabled?: boolean;
-    minimalDropdownYears?: number;
-}
-export declare const DatePickerInput: ({ lang, todayText, value, disabledFrom, disabledUntil, className, error, onChange, placeholder, label, disabled, minimalDropdownYears, }: IDatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/favouriteButton/FavouriteButton.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/favouriteButton/index.d.ts

@@ -1,19 +0,0 @@
-import { type ButtonHTMLAttributes, type JSX, type Ref } from "react";
-interface IFavouriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
-    onClick: () => void;
-    favourite: boolean;
-    iconOutline?: React.ReactNode;
-    iconFilled?: React.ReactNode;
-    iconSize?: number;
-    className?: string;
-    favouriteTitle?: string;
-    "data-testid"?: string;
-    iconColor?: string;
-    iconColorSelected?: string;
-    styleVariant?: "transparent" | "small" | "default" | "round" | undefined;
-    children?: React.ReactNode;
-}
-export declare const FavouriteButton: (props: IFavouriteButtonProps & {
-    ref?: Ref<HTMLButtonElement>;
-}) => JSX.Element;
-export {};

package/dist/components/island/index.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-interface IIsland extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    noShadow?: boolean;
-    className?: string;
-    noPadding?: boolean;
-}
-export declare const Island: {
-    ({ children, className, noShadow, noPadding, ...props }: IIsland): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/island/island.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/modal/index.d.ts

@@ -1,19 +0,0 @@
-interface IModal {
-    children: React.ReactNode;
-    title?: string;
-    withCloseButton?: boolean;
-    opened: boolean;
-    onClose: () => void;
-    additionalClassNames?: string;
-    gradient?: boolean;
-    dataTestId?: string;
-    size?: string | number;
-    uncloseAble?: boolean;
-    closeModalWithConfirmation?: boolean;
-    confirmText?: string;
-}
-export declare const Modal: {
-    ({ title, children, withCloseButton, opened, additionalClassNames, closeModalWithConfirmation, gradient, uncloseAble, confirmText, dataTestId, onClose, size, }: IModal): any;
-    displayName: string;
-};
-export {};

package/dist/components/modal/modal.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/passwordInput/index.d.ts

@@ -1 +0,0 @@
-export declare const PasswordInput: any;

package/dist/components/passwordInput/passwordInput.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/popover/index.d.ts

@@ -1,6 +0,0 @@
-export type PopoverRefType = {
-    closePopover: () => void;
-    openPopover: () => void;
-    togglePopover: () => void;
-};
-export declare const Popover: any;

package/dist/components/popover/popover.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/rangeSlider/index.d.ts

@@ -1,16 +0,0 @@
-export interface RangeSliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "className" | "onChange" | "size"> {
-    "data-testid"?: string;
-    className?: string;
-    min?: number;
-    max?: number;
-    value?: number;
-    defaultValue?: number;
-    step?: number;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
-    variant?: "default" | "primary" | "secondary";
-    size?: "sm" | "md" | "lg";
-    showValue?: boolean;
-    valueFormatter?: (value: number) => string;
-}
-export declare const RangeSlider: any;

package/dist/components/select/index.d.ts

@@ -1 +0,0 @@
-export declare const Select: any;

package/dist/components/select/select.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/skillPill/index.d.ts

@@ -1,6 +0,0 @@
-interface ISkillPillProps {
-    name: string;
-    number: number;
-}
-export declare const SkillPill: ({ name, number }: ISkillPillProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/skillPill/skillPill.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/tabs/Tab.d.ts

@@ -1,11 +0,0 @@
-import React, { type RefObject } from "react";
-export interface TabProps {
-    setActiveTab: (tab: string) => void;
-    tabId: string;
-    ref: RefObject<HTMLButtonElement | null>;
-    activeTab: boolean;
-    tabContent: React.ReactNode | React.ReactNode[] | string;
-    rightSection?: React.ReactNode | undefined;
-    clickFnc: (tabId: string) => void;
-}
-export declare const Tab: any;

package/dist/components/tabs/Tab.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/tabs/TabsBadge.d.ts

@@ -1,7 +0,0 @@
-export interface TabsBadgeProps {
-    children: React.ReactNode;
-}
-export declare const TabsBadge: {
-    ({ children }: TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/tabs/TabsBadge.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/tabs/TabsWrapper.d.ts

@@ -1,17 +0,0 @@
-import { type ReactElement } from "react";
-interface ITab {
-    name: string;
-    value: string;
-    rightSection?: ReactElement | undefined;
-    clickFnc: (val: string) => void;
-    requiredPermissions?: string[];
-}
-interface TabsWrapperProps {
-    children?: React.ReactNode | React.ReactNode[];
-    defaultActive?: string;
-    setActiveTab: (value: string) => void;
-    activeTab?: string;
-    tabs: ITab[];
-}
-export declare const TabsWrapper: ({ setActiveTab, activeTab, tabs, }: TabsWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/tabs/TabsWrapper.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/tabs/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Tab";
-export * from "./TabsBadge";
-export * from "./TabsWrapper";

package/dist/components/tabs/tabs.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/unstyledButton/index.d.ts

@@ -1 +0,0 @@
-export declare const UnstyledButton: any;

package/dist/components/unstyledButton/unstyledButton.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";