@popsure/dirty-swan 0.62.3 → 0.63.0

package/dist/cjs/lib/components/accordion/index.d.ts

@@ -19,7 +19,6 @@ export interface AccordionProps {
     multiple?: boolean;
     onClick?: (item: AccordionItem) => void;
     variant?: 'default' | 'bordered';
-    renderAnswer?: (answer: ReactNode) => ReactNode;
 }
-declare const Accordion: ({ items, classNames, variant, multiple, onClick, renderAnswer, }: AccordionProps) => JSX.Element;
+declare const Accordion: ({ items, classNames, variant, multiple, onClick, }: AccordionProps) => JSX.Element;
 export { Accordion };

package/dist/cjs/lib/components/accordion/index.stories.d.ts

@@ -1,7 +1,7 @@
 import { AccordionProps } from '.';
 declare const story: {
     title: string;
-    component: ({ items, classNames, variant, multiple, onClick, renderAnswer, }: AccordionProps) => JSX.Element;
+    component: ({ items, classNames, variant, multiple, onClick, }: AccordionProps) => JSX.Element;
     argTypes: {
         classNames: {
             description: string;
@@ -15,10 +15,6 @@ declare const story: {
         items: {
             description: string;
         };
-        renderAnswer: {
-            description: string;
-            action: boolean;
-        };
         onClick: {
             description: string;
             action: boolean;
@@ -48,7 +44,7 @@ declare const story: {
     };
 };
 export declare const AccordionStory: {
-    render: ({ items, multiple, onClick, variant }: AccordionProps) => JSX.Element;
-    name: string;
+    ({ items, multiple, onClick, variant }: AccordionProps): JSX.Element;
+    storyName: string;
 };
 export default story;

package/dist/cjs/lib/components/autocompleteAddress/index.d.ts

@@ -1,4 +1,4 @@
-import { Address } from '@popsure/public-models';
+import { Address } from '@getpopsure/public-models';
 export interface AutocompleteAddressProps {
     apiKey: string;
     address?: Partial<Address>;
@@ -32,7 +32,6 @@ export interface AutocompleteAddressProps {
         preText?: string;
         cta?: string;
     };
-    countryCode?: string;
 }
-declare const AutocompleteAddress: ({ apiKey, address: initialAddress, onAddressChange, placeholders, manualAddressEntryTexts, inputProps, countryCode }: AutocompleteAddressProps) => JSX.Element;
+declare const AutocompleteAddress: ({ apiKey, address: initialAddress, onAddressChange, placeholders, manualAddressEntryTexts, inputProps, }: AutocompleteAddressProps) => JSX.Element;
 export { AutocompleteAddress };

package/dist/cjs/lib/components/autocompleteAddress/index.stories.d.ts

@@ -1,7 +1,7 @@
 import { AutocompleteAddressProps } from '.';
 declare const story: {
     title: string;
-    component: ({ apiKey, address: initialAddress, onAddressChange, placeholders, manualAddressEntryTexts, inputProps, countryCode }: AutocompleteAddressProps) => JSX.Element;
+    component: ({ apiKey, address: initialAddress, onAddressChange, placeholders, manualAddressEntryTexts, inputProps, }: AutocompleteAddressProps) => JSX.Element;
     argTypes: {
         address: {
             description: string;
@@ -56,17 +56,11 @@ declare const story: {
     };
 };
 export declare const AutocompleteAddressStory: {
-    render: ({ address: defaultAddress, apiKey, manualAddressEntryTexts, onAddressChange, placeholders, countryCode, }: AutocompleteAddressProps) => JSX.Element;
-    name: string;
-};
-export declare const WithAddress: {
-    render: ({ apiKey, onAddressChange, placeholders, }: AutocompleteAddressProps) => JSX.Element;
-};
-export declare const WithLocalisationEntryText: {
-    render: ({ apiKey, onAddressChange }: AutocompleteAddressProps) => JSX.Element;
-};
-export declare const WithLocalisationPlaceholders: {
-    render: ({ apiKey, onAddressChange }: AutocompleteAddressProps) => JSX.Element;
+    ({ address: defaultAddress, apiKey, manualAddressEntryTexts, onAddressChange, placeholders, }: AutocompleteAddressProps): JSX.Element;
+    storyName: string;
 };
+export declare const WithAddress: ({ apiKey, onAddressChange, placeholders, }: AutocompleteAddressProps) => JSX.Element;
+export declare const WithLocalisationEntryText: ({ apiKey, onAddressChange, }: AutocompleteAddressProps) => JSX.Element;
+export declare const WithLocalisationPlaceholders: ({ apiKey, onAddressChange, }: AutocompleteAddressProps) => JSX.Element;
 export declare const AddressType: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/autocompleteAddress/util/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="google.maps" />
-import { Address } from '@popsure/public-models';
+import { Address } from '@getpopsure/public-models';
 export declare const geocoderAddressComponentToPartialAddress: (input: google.maps.GeocoderAddressComponent[]) => Partial<Address>;
 export declare const inlineAddress: (address: Address) => string;

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

@@ -1,11 +1,10 @@
 import { ReactNode } from 'react';
-type Variant = 'white' | 'neutral' | 'neutralStrong' | 'information' | 'warning' | 'primary' | 'error' | 'success' | 'black' | 'secondary' | 'secondaryStrong';
+type Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral' | 'neutral200' | 'neutral300' | 'primary' | 'primary900';
 export interface BadgeProps {
     className?: string;
     variant?: Variant;
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     children: ReactNode;
-    showDot?: boolean;
 }
-declare const Badge: ({ className, size, variant, children, showDot }: BadgeProps) => JSX.Element;
+declare const Badge: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
 export { Badge };

package/dist/cjs/lib/components/badge/index.stories.d.ts

@@ -1,7 +1,7 @@
 import { BadgeProps } from '.';
 declare const story: {
     title: string;
-    component: ({ className, size, variant, children, showDot }: BadgeProps) => JSX.Element;
+    component: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
     argTypes: {
         children: {
             control: string;
@@ -17,22 +17,16 @@ declare const story: {
         variant: {
             description: string;
         };
-        showDot: {
-            description: string;
-        };
     };
     args: {
         children: string;
         className: string;
         size: string;
         variant: string;
-        showDot: boolean;
     };
 };
 export declare const BadgeStory: {
-    render: ({ children, className, size, variant, showDot }: BadgeProps) => JSX.Element;
-    name: string;
+    ({ children, className, size, variant, }: BadgeProps): JSX.Element;
+    storyName: string;
 };
-export declare const Variants: () => JSX.Element;
-export declare const Sizes: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/button/index.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactElement, ReactNode } from 'react';
-type ButtonVariant = 'filledBlack' | 'filledGray' | 'filledWhite' | 'textBlack' | 'textWhite' | 'outlineGray' | 'outlineWhite' | 'filledError';
+type ButtonVariant = 'filledColor' | 'filledGray' | 'filledWhite' | 'textColor' | 'textWhite' | 'outlineWhite' | 'filledSuccess' | 'filledError';
 type ButtonProps = {
-    as?: React.ElementType;
     children: ReactNode;
     variant?: ButtonVariant;
     leftIcon?: ReactElement;
@@ -9,16 +8,13 @@ type ButtonProps = {
     loading?: boolean;
     hideLabel?: boolean;
 } & Omit<JSX.IntrinsicElements['button'], 'children'>;
-declare const buttonDefaultAsType: "button";
-type ButtonDefaultAsType = typeof buttonDefaultAsType;
-type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-interface PolymorphicButton {
-    <As = ButtonDefaultAsType>(props: As extends React.ComponentType<infer P> ? Merge<P, ButtonProps & {
-        as?: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], ButtonProps & {
-        as?: As;
-    }> : never): React.ReactElement | null;
-}
-declare const Button: PolymorphicButton;
+declare const Button: React.ForwardRefExoticComponent<Pick<{
+    children: ReactNode;
+    variant?: ButtonVariant | undefined;
+    leftIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    rightIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    loading?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "color" | "name" | "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "loading" | "variant" | "leftIcon" | "rightIcon" | "hideLabel"> & React.RefAttributes<HTMLButtonElement>>;
 export { Button };
 export type { ButtonProps, ButtonVariant };

package/dist/cjs/lib/components/button/index.stories.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { ButtonProps, ButtonVariant } from '.';
+declare const story: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<{
+        children: import("react").ReactNode;
+        variant?: ButtonVariant | undefined;
+        leftIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        rightIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        loading?: boolean | undefined;
+        hideLabel?: boolean | undefined;
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "color" | "name" | "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "loading" | "variant" | "leftIcon" | "rightIcon" | "hideLabel"> & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        children: {
+            control: string;
+            description: string;
+        };
+        variant: {
+            description: string;
+        };
+        leftIcon: {
+            description: string;
+        };
+        rightIcon: {
+            description: string;
+        };
+        loading: {
+            description: string;
+        };
+        hideLabel: {
+            description: string;
+        };
+        className: {
+            type: string;
+            description: string;
+        };
+    };
+    args: {
+        children: string;
+        disabled: boolean;
+        variant: string;
+        loading: boolean;
+        hideLabel: boolean;
+        className: string;
+    };
+    parameters: {
+        design: {
+            url: string;
+            type: string;
+        };
+    };
+};
+export declare const ButtonStory: {
+    ({ className, loading, children, variant, hideLabel, leftIcon, rightIcon, disabled, }: ButtonProps): JSX.Element;
+    storyName: string;
+};
+export declare const ButtonVariants: ({ children, onClick }: ButtonProps) => JSX.Element;
+export declare const ButtonOnBackgrounds: ({ onClick }: ButtonProps) => JSX.Element;
+export declare const ButtonWithIcons: ({ children, onClick }: ButtonProps) => JSX.Element;
+export declare const ButtonWithIconOnly: ({ children, onClick }: ButtonProps) => JSX.Element;
+export declare const ButtonLoading: ({ children, onClick }: ButtonProps) => JSX.Element;
+export declare const ButtonDisabled: ({ children, onClick }: ButtonProps) => JSX.Element;
+export default story;

package/dist/cjs/lib/components/cards/card/index.d.ts

@@ -1,17 +1,15 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
 declare const cardDefaultAs: "section";
 type CardDefaultAsType = typeof cardDefaultAs;
-type DensityType = 'xsmall' | 'small' | 'medium' | 'large';
+type DensityType = 'balanced' | 'compact' | 'spacious';
 type TitleVariantType = 'small' | 'medium' | 'large';
 type VerticalAlignmentType = 'top' | 'center' | 'bottom';
-type CardVariant = 'default' | 'transparent' | 'outline' | 'secondary' | 'primary';
 type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     as?: E;
     children?: ReactNode;
     classNames?: {
         buttonWrapper?: string;
         wrapper?: string;
-        contentWrapper?: string;
         label?: string;
         title?: string;
         description?: string;
@@ -31,9 +29,7 @@ type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     actionIcon?: ReactNode;
     showActionIcon?: boolean;
     verticalAlignment?: VerticalAlignmentType;
-    variant?: CardVariant;
-    disabled?: boolean;
 };
 export type CardProps<E extends ElementType = CardDefaultAsType> = CardOwnProps<E> & Omit<ComponentProps<E>, keyof CardOwnProps<E>>;
-declare const Card: <E extends ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, variant, disabled, ...rest }: CardProps<E>) => JSX.Element;
+declare const Card: <E extends ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
 export { Card };

package/dist/cjs/lib/components/cards/card/index.stories.d.ts

@@ -2,7 +2,7 @@
 import { CardProps } from '.';
 declare const story: {
     title: string;
-    component: <E extends import("react").ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, variant, disabled, ...rest }: CardProps<E>) => JSX.Element;
+    component: <E extends import("react").ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
     argTypes: {
         as: {
             control: string;
@@ -79,23 +79,13 @@ declare const story: {
     };
 };
 export declare const CardStory: {
-    render: ({ as, actionIcon, showActionIcon, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, title, titleVariant, verticalAlignment, }: CardProps) => JSX.Element;
-    name: string;
-};
-export declare const CardVariants: {
-    render: ({ description, onClick, title }: CardProps) => JSX.Element;
+    ({ as, actionIcon, showActionIcon, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, title, titleVariant, verticalAlignment, }: CardProps): JSX.Element;
+    storyName: string;
 };
 export declare const CardAsOtherComponents: () => JSX.Element;
-export declare const CardDisabledStates: () => JSX.Element;
 export declare const CardDensities: () => JSX.Element;
-export declare const CardsWithIcons: {
-    render: ({ title }: CardProps) => JSX.Element;
-};
-export declare const CardWithOnClickAction: {
-    render: ({ children, title }: CardProps) => JSX.Element;
-};
-export declare const CardOverridesStyles: {
-    render: ({ children, label, title }: CardProps) => JSX.Element;
-};
+export declare const CardsWithIcons: ({ title }: CardProps) => JSX.Element;
+export declare const CardWithOnClickAction: ({ children, title, }: CardProps) => JSX.Element;
+export declare const CardOverridesStyles: ({ children, label, title, }: CardProps) => JSX.Element;
 export declare const CardsWithinCardsAndComplexLayout: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/cards/cardButton/index.stories.d.ts

@@ -35,7 +35,7 @@ declare const story: {
     };
 };
 export declare const CardButtonStory: {
-    render: ({ title, description, disabled, className, href, onClick, }: CardButtonProps) => JSX.Element;
-    name: string;
+    ({ title, description, disabled, className, href, onClick, }: CardButtonProps): JSX.Element;
+    storyName: string;
 };
 export default story;

package/dist/cjs/lib/components/cards/infoCard/index.d.ts

@@ -1,9 +1,7 @@
-import { ReactNode } from 'react';
-import { CardProps } from '../card';
-export interface InfoCardProps extends CardProps {
-    topIcon: ReactNode;
-    showIcon?: boolean;
-    topIconType?: 'image' | 'icon' | 'iconWithBackground' | 'banner';
-    disabled?: boolean;
-}
-export declare const InfoCard: ({ className, showIcon, title, children, topIcon, topIconType, disabled, onClick, ...cardProps }: InfoCardProps) => JSX.Element;
+import { CardProps } from '..';
+import { Icon } from '../icons';
+export type InfoCardProps = CardProps & {
+    topIcon: Icon;
+    rightIcon?: 'info' | Icon;
+};
+export declare const InfoCard: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;

package/dist/cjs/lib/components/cards/infoCard/index.stories.d.ts

@@ -1,55 +1,49 @@
 import { InfoCardProps } from '.';
 declare const story: {
     title: string;
-    component: ({ className, showIcon, title, children, topIcon, topIconType, disabled, onClick, ...cardProps }: InfoCardProps) => JSX.Element;
+    component: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;
     argTypes: {
         title: {
             description: string;
-            control: string;
         };
         children: {
+            type: string;
             description: string;
-            control: string;
         };
-        topIcon: {
-            description: string;
-        };
-        topIconType: {
+        state: {
             description: string;
-            control: string;
-            options: string[];
         };
-        showIcon: {
+        topIcon: {
             description: string;
-            control: string;
         };
-        disabled: {
+        rightIcon: {
             description: string;
-            control: string;
         };
-        onClick: {
+        dropshadow: {
             description: string;
         };
         className: {
             description: string;
-            control: string;
         };
     };
     args: {
         title: string;
         children: string;
-        topIcon: JSX.Element;
-        topIconType: string;
-        showIcon: boolean;
-        disabled: boolean;
+        state: string;
+        topIcon: {
+            src: string;
+            alt: string;
+        };
+        rightIcon: {
+            src: string;
+            alt: string;
+        };
+        dropshadow: boolean;
         className: string;
     };
 };
 export declare const InfoCardStory: {
-    render: (args: InfoCardProps) => JSX.Element;
-    name: string;
+    ({ title, dropshadow, children, className, rightIcon, state, topIcon }: InfoCardProps): JSX.Element;
+    storyName: string;
 };
-export declare const IconTypes: () => JSX.Element;
-export declare const TopIconTypes: () => JSX.Element;
-export declare const States: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/chip/index.stories.d.ts

@@ -28,8 +28,8 @@ declare const story: {
     };
 };
 export declare const ChipStory: {
-    render: ({ onRemove, value, className }: ChipProps) => JSX.Element;
-    name: string;
+    ({ onRemove, value, className, }: ChipProps): JSX.Element;
+    storyName: string;
 };
 export declare const MultipleChips: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/comparisonTable/components/AccordionItem/AccordionItem.d.ts

@@ -1,6 +1,9 @@
-export declare const AccordionItem: ({ children, className, headerClassName, label, }: {
+export declare const AccordionItem: ({ children, className, headerClassName, isOpen, onOpen, onClose, label, }: {
     children: React.ReactNode | string;
     className?: string;
     headerClassName?: string;
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
     label: React.ReactNode;
 }) => JSX.Element;

package/dist/cjs/lib/components/comparisonTable/index.stories.d.ts

@@ -165,8 +165,8 @@ interface Data {
     boxOffice: number;
 }
 export declare const ComparisonTableStory: {
-    render: ({ data, headers, collapsibleSections, hideDetails, classNameOverrides, hideDetailsCaption, showDetailsCaption, hideScrollBars, hideScrollBarsMobile, cellWidth, firstColumnWidth, stickyHeaderTopOffset, growContent, }: ComparisonTableProps<Data>) => JSX.Element;
-    name: string;
+    ({ data, headers, collapsibleSections, hideDetails, classNameOverrides, hideDetailsCaption, showDetailsCaption, hideScrollBars, hideScrollBarsMobile, cellWidth, firstColumnWidth, stickyHeaderTopOffset, growContent, }: ComparisonTableProps<Data>): JSX.Element;
+    storyName: string;
 };
 export declare const HeaderType: () => JSX.Element;
 export default story;

package/dist/cjs/lib/components/dateSelector/index.d.ts

@@ -1,4 +1,4 @@
-import { CalendarDate } from '@popsure/public-models';
+import { CalendarDate } from '@getpopsure/public-models';
 import { InputProps } from '../input';
 interface DateSelectorInputProps extends InputProps {
     'data-cy': string;

package/dist/cjs/lib/components/dateSelector/index.stories.d.ts

@@ -60,10 +60,8 @@ declare const story: {
     };
 };
 export declare const DateSelectorStory: {
-    render: ({ displayCalendar, onChange, yearBoundaries, value, }: DateSelectorProps) => JSX.Element;
-    name: string;
-};
-export declare const DateSelectorLocalisation: {
-    render: ({ onChange, value, yearBoundaries }: DateSelectorProps) => JSX.Element;
+    ({ displayCalendar, onChange, yearBoundaries, value }: DateSelectorProps): JSX.Element;
+    storyName: string;
 };
+export declare const DateSelectorLocalisation: ({ onChange, value, yearBoundaries }: DateSelectorProps) => JSX.Element;
 export default story;

package/dist/cjs/lib/components/downloadButton/index.stories.d.ts

@@ -29,10 +29,8 @@ declare const story: {
     };
 };
 export declare const DownloadButtonStory: {
-    render: ({ downloadStatus, onDownload, className, customFail, }: DownloadButtonProps) => JSX.Element;
-    name: string;
-};
-export declare const CustomErrorMessage: {
-    render: ({ onDownload }: DownloadButtonProps) => JSX.Element;
+    ({ downloadStatus, onDownload, className, customFail }: DownloadButtonProps): JSX.Element;
+    storyName: string;
 };
+export declare const CustomErrorMessage: ({ onDownload, }: DownloadButtonProps) => JSX.Element;
 export default story;