@prijsvrijtechsupport/ui 0.0.46 → 0.0.48

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/{index.d.ts → src/index.d.ts}

@@ -5,7 +5,7 @@ export { Button } from "./components/button";
 export { CounterIcon } from "./components/counterIcon";
 export { Divider } from "./components/divider";
 export { Dropdown } from "./components/dropdown";
-export { FilterButton } from "./components/filterButtons";
+export { FilterButton } from "./components/filterButton";
 export { Header } from "./components/header";
 export { Logo } from "./components/logo";
 export { Nominations } from "./components/nominations";
@@ -35,35 +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 { HR } from "./components/hr";
-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";
@@ -71,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

@@ -11,7 +11,7 @@
 @import '../components/priceCheck/styles.css';
 @import '../components/toggle/styles.css';
 @import '../components/topHeaderMenu/styles.css';
-@import '../components/filterButtons/styles.css';
+@import '../components/filterButton/styles.css';
 @import '../components/searchBox/styles.css';
 @import '../components/dropdown/styles.css';
 @import '../components/counterIcon/styles.css';

package/dist/styles/variables.css

@@ -406,6 +406,7 @@
   --toggle-active-color: white;
   --toggle-inactive-color: var(--prijsvrij-dark-600);
   --toggle-font-family: var(--font-open-sans), sans-serif;
+  --toggle-inactive-shadow-color: #003593;
 
   --filter-button-background-color: var(--prijsvrij-primary);
   --filter-button-background-hover-color: #005cbb;
@@ -633,6 +634,9 @@
   --toggle-active-color: white;
   --toggle-inactive-color: var(--dreizen-dark-600);
   --toggle-font-family: var(--font-lato), sans-serif;
+  --toggle-inactive-shadow-color: var(--color-dark-600);
+
+
 
   --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.46",
+  "version": "0.0.48",
   "description": "A UI component library",
   "type": "module",
   "main": "dist/index.cjs",
@@ -114,13 +114,13 @@
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.29.0",
     "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-a11y": "^10.3.1",
-    "@storybook/addon-docs": "^10.3.1",
-    "@storybook/addon-links": "10.3.1",
-    "@storybook/addon-vitest": "^10.3.1",
-    "@storybook/builder-vite": "^10.3.1",
-    "@storybook/cli": "^10.3.1",
-    "@storybook/react-vite": "^10.3.1",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/builder-vite": "^10.3.5",
+    "@storybook/cli": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@storybook/testing-library": "^0.2.2",
     "@stylistic/eslint-plugin": "^4.4.1",
     "@tailwindcss/postcss": "^4.1.10",
@@ -149,7 +149,7 @@
     "eslint-plugin-next": "^0.0.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^10.3.1",
+    "eslint-plugin-storybook": "^10.3.5",
     "eslint-plugin-testing-library": "^7.5.3",
     "eslint-plugin-unused-imports": "^4.1.4",
     "globals": "^16.2.0",
@@ -165,7 +165,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rolldown": "1.0.0-beta.16",
-    "storybook": "^10.3.1",
+    "storybook": "^10.3.5",
     "tailwindcss": "4.0.0",
     "ts-jest": "^29.4.0",
     "ts-node": "^10.9.2",

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/hr/hr.test.d.ts

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

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

@@ -1,8 +0,0 @@
-interface HRProps {
-    className?: string;
-}
-export declare const HR: {
-    ({ className }: HRProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-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";