@popsure/dirty-swan 0.37.2 → 0.38.1

package/dist/cjs/lib/components/input/checkbox/index.d.ts

@@ -10,8 +10,11 @@ export interface CheckboxProps<ValueType extends string> {
     onChange: (value: ValueType[]) => void;
     wide?: boolean;
     inlineLayout?: boolean;
-    className?: string;
-    labelClassName?: string;
-    optionClassName?: string;
+    bordered?: Boolean;
+    classNames?: {
+        container?: string;
+        label?: string;
+        option?: string;
+    };
 }
-export declare const Checkbox: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, className, labelClassName, optionClassName, }: CheckboxProps<ValueType>) => JSX.Element;
+export declare const Checkbox: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, }: CheckboxProps<ValueType>) => JSX.Element;

package/dist/cjs/lib/components/input/checkbox/index.stories.d.ts

@@ -1,7 +1,7 @@
 import { CheckboxProps } from '.';
 declare const story: {
     title: string;
-    component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, className, labelClassName, optionClassName, }: CheckboxProps<ValueType>) => JSX.Element;
+    component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, }: CheckboxProps<ValueType>) => JSX.Element;
     argTypes: {
         options: {
             description: string;
@@ -34,31 +34,34 @@ declare const story: {
             description: string;
             defaultValue: boolean;
         };
-        inlineLayout: {
+        bordered: {
+            control: {
+                type: string;
+            };
             description: string;
             defaultValue: boolean;
         };
-        className: {
-            description: string;
-            defaultValue: string;
-        };
-        optionClassName: {
+        inlineLayout: {
             description: string;
-            defaultValue: string;
+            defaultValue: boolean;
         };
-        labelClassName: {
+        className: {
             description: string;
-            defaultValue: string;
+            defaultValue: {
+                container: string;
+                label: string;
+                option: string;
+            };
         };
     };
 };
 export declare const CheckboxStory: {
-    ({ onChange, options, wide, className, optionClassName, labelClassName, inlineLayout, }: CheckboxProps<string>): JSX.Element;
+    ({ onChange, options, wide, bordered, classNames, inlineLayout, }: CheckboxProps<string>): JSX.Element;
     storyName: string;
 };
 export declare const CheckboxWithCustomWrapperStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
 export declare const CheckboxWithCustomOptionStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
 export declare const CheckboxWithCustomLabelStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
 export declare const CheckboxWithInlineLayout: ({ onChange }: CheckboxProps<string>) => JSX.Element;
-export declare const CheckboxWithCustomLabel: ({ onChange, wide, className, optionClassName, inlineLayout }: CheckboxProps<string>) => JSX.Element;
+export declare const CheckboxWithCustomLabel: ({ onChange, wide, classNames, inlineLayout }: CheckboxProps<string>) => JSX.Element;
 export default story;

package/dist/cjs/lib/components/input/radio/index.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+export interface RadioWithDescription {
+    title: string;
+    description?: string;
+    icon?: (selected: boolean) => ReactNode;
+    hideBox?: boolean;
+}
+export interface RadioProps<ValueType extends string> {
+    options: Record<ValueType, string | RadioWithDescription>;
+    value?: ValueType;
+    onChange: (value: ValueType) => void;
+    wide?: boolean;
+    inlineLayout?: boolean;
+    classNames?: {
+        container?: string;
+        label?: string;
+        option?: string;
+    };
+    bordered?: boolean;
+}
+export declare const Radio: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, classNames: classNamesObj, bordered }: RadioProps<ValueType>) => JSX.Element;

package/dist/cjs/lib/components/input/radio/index.stories.d.ts

@@ -0,0 +1,65 @@
+import { RadioProps } from '.';
+declare const story: {
+    title: string;
+    component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, classNames: classNamesObj, bordered }: RadioProps<ValueType>) => JSX.Element;
+    argTypes: {
+        options: {
+            description: string;
+            defaultValue: {
+                CAT: {
+                    title: string;
+                    description: string;
+                };
+                DOG: {
+                    title: string;
+                    description: string;
+                };
+                NONE: {
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        value: {
+            description: string;
+        };
+        onChange: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+        wide: {
+            description: string;
+            defaultValue: boolean;
+        };
+        inlineLayout: {
+            description: string;
+            defaultValue: boolean;
+        };
+        classNames: {
+            description: string;
+            defaultValue: {
+                container: string;
+                label: string;
+                option: string;
+            };
+        };
+        bordered: {
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export declare const RadioStory: {
+    ({ onChange, options, wide, classNames, inlineLayout, bordered, }: RadioProps<string>): JSX.Element;
+    storyName: string;
+};
+export declare const RadioWithCustomWrapperStyles: ({ onChange }: RadioProps<string>) => JSX.Element;
+export declare const RadioWithCustomOptionStyles: ({ onChange }: RadioProps<string>) => JSX.Element;
+export declare const RadioWithCustomLabelStyles: ({ onChange }: RadioProps<string>) => JSX.Element;
+export declare const RadioWithInlineLayout: ({ onChange }: RadioProps<string>) => JSX.Element;
+export declare const RadioWithCustomLabel: ({ onChange, wide, classNames, inlineLayout }: RadioProps<string>) => JSX.Element;
+export declare const RadioIconOnly: ({ onChange, wide, classNames, inlineLayout }: RadioProps<string>) => JSX.Element;
+export default story;

package/dist/cjs/lib/components/input/radio/index.test.d.ts

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

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

@@ -0,0 +1,5 @@
+export interface SpinnerProps {
+    size?: 's' | 'm' | 'l';
+}
+declare const Spinner: ({ size }: SpinnerProps) => JSX.Element;
+export { Spinner };

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

@@ -0,0 +1,19 @@
+import { SpinnerProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ size }: SpinnerProps) => JSX.Element;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+    };
+};
+export declare const SpinnerStory: {
+    ({ size }: SpinnerProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/cjs/lib/components/spinner/index.test.d.ts

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

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

@@ -9,6 +9,7 @@ import IbanInput from './components/input/iban';
 import CurrencyInput from './components/input/currency';
 import { Badge } from './components/badge';
 import { Checkbox } from './components/input/checkbox';
+import { Radio } from './components/input/radio';
 import { BottomModal, RegularModal, BottomOrRegularModal } from './components/modal';
 import { CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton } from './components/cards';
 import Button from './components/button';
@@ -20,7 +21,8 @@ import { SegmentedControl } from './components/segmentedControl';
 import { Markdown } from './components/markdown';
 import { Link } from './components/link';
 import { images } from './util/images';
+import { Spinner } from './components/spinner';
 export * from './components/icon';
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Link, InformationBox, Badge, images, };
-export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus };
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Radio, Link, InformationBox, Badge, images, Spinner, };
+export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, };
 export type { DownloadStatus } from './models/download';

package/dist/esm/components/autocompleteAddress/index.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useCallback } from 'react';
-import { c as classnames } from '../../index-e9e37a34.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import { l as lodash_debounce } from '../../index-1463d5e9.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-e7f67fd8.js';
 import { Input } from '../input/index.js';
@@ -2024,7 +2024,7 @@ var AutocompleteAddress = function (_a) {
     var handleEnterAddressManually = function () {
         setManualAddressEntry(true);
     };
-    return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: classnames("wmx8 bg-grey-500 " + styles['map-container'], (_b = {},
+    return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles['map-container'], (_b = {},
                     _b[styles['map-container--hidden']] = place === null,
                     _b)) }, { children: [jsx("div", { className: styles.map, id: "map" }, void 0),
                     isLoading && (jsx("div", __assign({ className: styles['loading-spinner'] }, { children: jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
@@ -2055,7 +2055,7 @@ var AutocompleteAddress = function (_a) {
                                         debouncedSetPlace(newAddress);
                                     } }, "autocomplete-city")] }), void 0)] }, void 0)) }), void 0),
             manualAddressEntry === false && (jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
-                    jsx("span", __assign({ className: "p-a fw-bold c-pointer", onClick: handleEnterAddressManually }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'Enter address manually' }), void 0)] }), void 0))] }, void 0));
+                    jsx("button", __assign({ className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button" }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' }), void 0)] }), void 0))] }, void 0));
 };
 
 export { AutocompleteAddress };