@prijsvrijtechsupport/ui 0.0.38 → 0.0.40

package/dist/src/components/resultPageFilterBox/index.d.ts

@@ -34,6 +34,7 @@ interface ResultPageFilterBoxProps {
     "data-testid"?: string;
     className?: string;
     filters: Filter[];
+    clickFunction: (val: string) => void;
 }
-export declare const ResultPageFilterBox: ({ className, filters, ...props }: ResultPageFilterBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResultPageFilterBox: ({ className, filters, clickFunction, ...props }: ResultPageFilterBoxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/searchBlock/SearchBlock.stories.d.ts

@@ -7,10 +7,12 @@ export declare const Default: import("@storybook/react").ReactStory<import("@sto
 } & {
     args: {
         className: unknown;
+        loading: unknown;
     };
 }, {
     args: {
         className: string;
         searchBlockTitle: string;
+        loading: boolean;
     };
 }>;

package/dist/src/components/searchBlock/index.d.ts

@@ -3,6 +3,7 @@ interface SearchBlockProps {
     className?: string;
     searchBlockTitle?: string;
     searchBlockForm?: React.ReactNode;
+    loading: boolean;
     onClickFn?: () => void;
 }
 interface SearchBlockButtonProps {
@@ -16,5 +17,5 @@ interface SearchBlockButtonProps {
     secondarySelectedValue?: string;
 }
 export declare const SearchBlockButton: ({ className, label, labelOutside, icon, downIcon, onClick, selectedValue, secondarySelectedValue, ...props }: SearchBlockButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SearchBlock: ({ className, searchBlockTitle, searchBlockForm, onClickFn, "data-testid": dataTestId, ...props }: SearchBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchBlock: ({ className, searchBlockTitle, searchBlockForm, loading, onClickFn, "data-testid": dataTestId, ...props }: SearchBlockProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/toggle/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface TransportOption {
     id: string;
     label: string;
@@ -15,6 +16,7 @@ interface TransportToggleProps {
     loading?: boolean;
     orientation?: "vertical" | "horizontal";
 }
-export declare const TransportToggle: ({ options, selectedValue, onSelect, disabled, disabledSingle, disabledSingleText, className, loading, orientation, }: TransportToggleProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Toggle: ({ options, selectedValue, onSelect, disabled, disabledSingle, disabledSingleText, className, loading, orientation, }: TransportToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const TransportToggle: React.FC<TransportToggleProps>;
+export declare const Toggle: React.FC<TransportToggleProps>;
+export type { TransportOption, TransportToggleProps };
+export type ToggleProps = TransportToggleProps;

package/dist/src/components/withPvUi.d.ts

@@ -3,4 +3,4 @@ import React from "react";
  * Higher-Order Component that adds data-pv-ui attribute to any component
  * This prevents global style conflicts when the UI package is imported.
  */
-export declare function withPvUi<P extends React.HTMLAttributes<HTMLElement>>(Component: React.ComponentType<P>): any;
+export declare function withPvUi<T extends React.ComponentType<any>>(Component: T): React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<T> & React.RefAttributes<React.ElementRef<T>>>;

package/dist/src/index.d.ts

@@ -14,7 +14,8 @@ export { PriceCheck } from "./components/priceCheck";
 export { Rating } from "./components/rating";
 export { SearchBox } from "./components/searchBox";
 export { SearchBoxResults } from "./components/searchBoxResults";
-export { Toggle } from "./components/toggle";
+export { TransportToggle, Toggle } from "./components/toggle";
+export type { TransportOption, TransportToggleProps, ToggleProps } from "./components/toggle";
 export { TopHeaderMenu } from "./components/topHeaderMenu";
 export { TopMenu, BrandTopMenu } from "./components/topMenu";
 export { Usp } from "./components/usp";

package/dist/styles/variables.css

@@ -397,7 +397,7 @@
   --price-price-margin-top: 0;
 
   --toggle-active-background-color: var(--prijsvrij-primary);
-  --toggle-inactive-background-color: var(--prijsvrij-primary);
+  --toggle-inactive-background-color: #EFF8FE;
   --toggle-active-color: white;
   --toggle-inactive-color: var(--prijsvrij-dark-600);
   --toggle-font-family: var(--font-open-sans), sans-serif;
@@ -619,7 +619,7 @@
   --price-price-margin-top: -8px;
 
   --toggle-active-background-color: var(--dreizen-secondary);
-  --toggle-inactive-background-color: var(--dreizen-secondary);
+  --toggle-inactive-background-color: #ff780133;
   --toggle-active-color: white;
   --toggle-inactive-color: var(--dreizen-dark-600);
   --toggle-font-family: var(--font-lato), sans-serif;
@@ -731,9 +731,9 @@
   --matrix-table-cell-active-text-color: var(--color-white);
 
   --popup-title-font-family: var(--font-lato), sans-serif;
-}
-
+}
+
 
 /* Change this path to be relative to where this CSS file ends up after packaging this library. */
 @source "../../dist";
-
+

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@prijsvrijtechsupport/ui",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "description": "A UI component library",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/src/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "default": "./dist/index.js",
+      "types": "./dist/src/index.d.ts"
     },
     "./styles": {
       "import": "./dist/styles/index.js",