@searchspring/snap-preact-components 0.45.1 → 0.47.0

package/dist/esm/components/Atoms/FormattedNumber/FormattedNumber.stories.js

@@ -1,121 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { FormattedNumber } from './FormattedNumber';
-import { componentArgs } from '../../../utilities';
-import Readme from '../FormattedNumber/readme.md';
-export default {
-    title: `Atoms/FormattedNumber`,
-    component: FormattedNumber,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        value: {
-            description: 'Numeric value to be formatted',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'number',
-                },
-            },
-            control: { type: 'number' },
-        },
-        symbol: {
-            defaultValue: '',
-            description: 'Unit symbol',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        symbolAfter: {
-            defaultValue: true,
-            description: 'Place unit symbol after the value',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        },
-        decimalPlaces: {
-            defaultValue: 3,
-            description: 'Number of decimal places',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-                defaultValue: { summary: 3 },
-            },
-            control: { type: 'number' },
-        },
-        padDecimalPlaces: {
-            defaultValue: true,
-            description: 'Pad decimal places with zeros',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        },
-        thousandsSeparator: {
-            defaultValue: '',
-            description: 'Character used to separate thousands',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '' },
-            },
-            control: { type: 'text' },
-        },
-        decimalSeparator: {
-            defaultValue: '.',
-            description: 'Character used to separate decimal values',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '.' },
-            },
-            control: { type: 'text' },
-        },
-        raw: {
-            description: 'Returns raw value without wrapping DOM node',
-            defaultValue: false,
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (args) => h(FormattedNumber, { ...args });
-Default.args = {
-    value: 1099.99,
-};
-export const Temperature = (args) => h(FormattedNumber, { ...args });
-Temperature.args = {
-    value: 100,
-    symbol: ' °C',
-    decimalPlaces: 2,
-};
-export const Length = (args) => h(FormattedNumber, { ...args });
-Length.args = {
-    value: 100,
-    symbol: ' mm',
-    decimalPlaces: 2,
-};

package/dist/esm/components/Atoms/Icon/Icon.stories.d.ts

@@ -1,192 +0,0 @@
-import { h } from 'preact';
-import { Icon, IconProps } from './Icon';
-declare const _default: {
-    title: string;
-    component: typeof Icon;
-    parameters: {
-        docs: {
-            page: () => h.JSX.Element;
-        };
-        actions: {
-            disabled: boolean;
-        };
-    };
-    argTypes: {
-        className: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableStyles: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        style: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        theme: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        icon: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        path: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        viewBox: {
-            description: string;
-            defaultValue: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (props: IconProps): JSX.Element;
-    args: {
-        icon: string;
-    };
-};
-export declare const Custom: {
-    (props: IconProps): JSX.Element;
-    args: {
-        color: string;
-        icon: string;
-        size: string;
-    };
-};
-export declare const CustomPath: {
-    (props: IconProps): JSX.Element;
-    args: {
-        path: string;
-        size: string;
-        viewBox: string;
-    };
-};
-export declare const Gallery: {
-    (): JSX.Element;
-    parameters: {
-        controls: {
-            expanded: boolean;
-            disabled: boolean;
-        };
-        options: {
-            showPanel: boolean;
-        };
-    };
-};
-//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/esm/components/Atoms/Icon/Icon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKzC,wBA0FE;AAEF,eAAO,MAAM,OAAO;YAAW,SAAS,GAAG,WAAW;;;;CAAuB,CAAC;AAK9E,eAAO,MAAM,MAAM;YAAW,SAAS,GAAG,WAAW;;;;;;CAAuB,CAAC;AAO7E,eAAO,MAAM,UAAU;YAAW,SAAS,GAAG,WAAW;;;;;;CAAuB,CAAC;AAOjF,eAAO,MAAM,OAAO;QAAO,WAAW;;;;;;;;;;CAarC,CAAC"}

package/dist/esm/components/Atoms/Icon/Icon.stories.js

@@ -1,126 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Icon } from './Icon';
-import { iconPaths } from './paths';
-import { componentArgs, shiftColor } from '../../../utilities';
-import Readme from '../Icon/readme.md';
-export default {
-    title: `Atoms/Icon`,
-    component: Icon,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-        actions: {
-            disabled: true,
-        },
-    },
-    argTypes: {
-        icon: {
-            description: 'Icon name',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        path: {
-            description: 'SVG path',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        color: {
-            description: 'Icon color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.primary' },
-            },
-            control: { type: 'color' },
-        },
-        size: {
-            defaultValue: '16px',
-            description: 'Icon size',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '16px' },
-            },
-            control: { type: 'text' },
-        },
-        height: {
-            description: 'Icon height. Overwrites size.',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        width: {
-            description: 'Icon width. Overwrites size.',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        viewBox: {
-            description: 'SVG view box',
-            defaultValue: '0 0 56 56',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '0 0 56 56' },
-            },
-            control: { type: 'text' },
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (props) => h(Icon, { ...props });
-Default.args = {
-    icon: 'cogs',
-};
-export const Custom = (props) => h(Icon, { ...props });
-Custom.args = {
-    color: '#00cee1',
-    icon: 'cog',
-    size: '60px',
-};
-export const CustomPath = (props) => h(Icon, { ...props });
-CustomPath.args = {
-    path: 'M12.9,13.8C12.9,13.8,12.9,13.8,12.9,13.8c-0.1,0.1-0.3,0.2-0.5,0.2C4.5,17.9,1.9,28.8,6.6,38.5l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2C43.5,20.6,46.2,9.7,41.5,0L12.9,13.8zM8.6,42.1C8.6,42.1,8.6,42.1,8.6,42.1c-0.1,0.1-0.3,0.1-0.5,0.2C0.3,46.1-2.4,57,2.3,66.7l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2c7.9-3.8,10.5-14.8,5.8-24.4L8.6,42.1z',
-    size: '70px',
-    viewBox: '0 0 70 70',
-};
-export const Gallery = () => {
-    return (h("div", { style: 'display: flex; flex-wrap: wrap; font-family: "Nunito Sans",-apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 10px;' }, Object.keys(iconPaths).map((icon, index) => {
-        return (h("div", { style: "margin-bottom: 40px;" },
-            h(Icon, { icon: icon, color: shiftColor('#3a23ad', (index + '111').padStart(6, '1')), size: "40px", style: { padding: '20px' } }),
-            h("div", { style: "text-align: center" }, icon)));
-    })));
-};
-Gallery.parameters = {
-    controls: {
-        expanded: false,
-        disabled: true,
-    },
-    options: {
-        showPanel: false,
-    },
-};

package/dist/esm/components/Atoms/Image/Image.stories.d.ts

@@ -1,211 +0,0 @@
-import { h } from 'preact';
-import { Image, ImageProps } from './Image';
-declare const _default: {
-    title: string;
-    component: typeof Image;
-    parameters: {
-        docs: {
-            page: () => h.JSX.Element;
-        };
-    };
-    decorators: ((Story: any) => h.JSX.Element)[];
-    argTypes: {
-        className: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableStyles: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        style: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        theme: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        src: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        alt: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        fallback: {
-            description: string;
-            defaultValue: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        lazy: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hoverSrc: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onError: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onLoad: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onMouseOver: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onMouseOut: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-    };
-};
-export declare const BrokenImg: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-    };
-};
-export declare const ManualFallBack: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-        fallback: string;
-    };
-};
-export declare const onhover: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-        hoverSrc: string;
-    };
-};
-//# sourceMappingURL=Image.stories.d.ts.map

package/dist/esm/components/Atoms/Image/Image.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,KAAK,EAAsB,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;;;;yBA+BtD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA2HE;AAEF,eAAO,MAAM,OAAO;WAAU,UAAU;;;;;CAAkD,CAAC;AAM3F,eAAO,MAAM,SAAS;WAAU,UAAU;;;;;CAAkD,CAAC;AAM7F,eAAO,MAAM,cAAc;WAAU,UAAU;;;;;;CAAkD,CAAC;AAOlG,eAAO,MAAM,OAAO;WAAU,UAAU;;;;;;CAAkD,CAAC"}