@searchspring/snap-preact-components 0.46.0 → 0.48.0

package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.d.ts

@@ -1,156 +0,0 @@
-/// <reference types="react" />
-/** @jsx h */
-import { h } from 'preact';
-import { SkeletonProps } from './Skeleton';
-declare const _default: {
-    title: string;
-    component: ((properties: SkeletonProps) => JSX.Element) & {
-        displayName: string;
-    };
-    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;
-            };
-        };
-        height: {
-            description: string;
-            defaultValue: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            description: string;
-            defaultValue: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        round: {
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        backgroundColor: {
-            description: string;
-            defaultValue: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        animatedColor: {
-            description: string;
-            defaultValue: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: SkeletonProps): h.JSX.Element;
-    args: {
-        width: string;
-        height: string;
-    };
-};
-export declare const Circle: {
-    (args: SkeletonProps): h.JSX.Element;
-    args: {
-        width: string;
-        height: string;
-        round: boolean;
-    };
-};
-//# sourceMappingURL=Skeleton.stories.d.ts.map

package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":";AAAA,aAAa;AACb,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;yBAiB3C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAiFE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;;CAA2B,CAAC;AAMvE,eAAO,MAAM,MAAM;WAAU,aAAa;;;;;;CAA2B,CAAC"}

package/dist/cjs/components/Atoms/Skeleton/Skeleton.stories.js

@@ -1,103 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Circle = exports.Default = void 0;
-/** @jsx h */
-var preact_1 = require("preact");
-var blocks_1 = require("@storybook/addon-docs/blocks");
-var utilities_1 = require("../../../utilities");
-var Skeleton_1 = require("./Skeleton");
-var readme_md_1 = __importDefault(require("../Skeleton/readme.md"));
-exports.default = {
-    title: "Atoms/Skeleton",
-    component: Skeleton_1.Skeleton,
-    parameters: {
-        docs: {
-            page: function () { return ((0, preact_1.h)("div", null,
-                (0, preact_1.h)(readme_md_1.default, null),
-                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
-        },
-    },
-    decorators: [
-        function (Story) { return ((0, preact_1.h)("div", { style: {
-                width: '200px',
-                height: '200px',
-                position: 'relative',
-            } },
-            (0, preact_1.h)(Story, { height: "200px" }))); },
-    ],
-    argTypes: __assign({ height: {
-            description: 'CSS sizing to set the height of the Skeleton',
-            defaultValue: '100px',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, width: {
-            description: 'CSS sizing to set the width of the Skeleton',
-            defaultValue: '100px',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, round: {
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-            },
-            control: { type: 'boolean' },
-        }, backgroundColor: {
-            description: 'Background color',
-            defaultValue: '#ebebeb',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'string' },
-            },
-            control: { type: 'text' },
-        }, animatedColor: {
-            description: 'Color setting for the vertical animated bar',
-            defaultValue: '#f5f5f5',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'string' },
-            },
-            control: { type: 'text' },
-        } }, utilities_1.componentArgs),
-};
-var Default = function (args) { return (0, preact_1.h)(Skeleton_1.Skeleton, __assign({}, args)); };
-exports.Default = Default;
-exports.Default.args = {
-    width: '100px',
-    height: '100px',
-};
-var Circle = function (args) { return (0, preact_1.h)(Skeleton_1.Skeleton, __assign({}, args)); };
-exports.Circle = Circle;
-exports.Circle.args = {
-    width: '100px',
-    height: '100px',
-    round: true,
-};

package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts

@@ -1,238 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { CarouselProps } from './Carousel';
-declare const _default: {
-    title: string;
-    component: ((properties: CarouselProps) => JSX.Element) & {
-        displayName: string;
-    };
-    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;
-            };
-        };
-        loop: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        pagination: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        vertical: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        modules: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        hideButtons: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        prevButton: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        nextButton: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        breakpoints: {
-            defaultValue: undefined;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        autoAdjustSlides: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onNextButtonClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onPrevButtonClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onInit: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Colors: {
-    (props: CarouselProps): h.JSX.Element;
-    args: {
-        pagination: boolean;
-        hideButtons: boolean;
-        loop: boolean;
-    };
-};
-export declare const Icons: (props: CarouselProps) => h.JSX.Element;
-//# sourceMappingURL=Carousel.stories.d.ts.map

package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;yBAmB3C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA8JE;AAIF,eAAO,MAAM,MAAM;YAAW,aAAa;;;;;;CAQ1C,CAAC;AAOF,eAAO,MAAM,KAAK,UAAW,aAAa,kBAazC,CAAC"}

package/dist/cjs/components/Molecules/Carousel/Carousel.stories.js

@@ -1,176 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icons = exports.Colors = void 0;
-var preact_1 = require("preact");
-var blocks_1 = require("@storybook/addon-docs/blocks");
-var Carousel_1 = require("./Carousel");
-var Icon_1 = require("../../Atoms/Icon");
-var utilities_1 = require("../../../utilities");
-var readme_md_1 = __importDefault(require("./readme.md"));
-exports.default = {
-    title: "Molecules/Carousel",
-    component: Carousel_1.Carousel,
-    parameters: {
-        docs: {
-            page: function () { return ((0, preact_1.h)("div", null,
-                (0, preact_1.h)(readme_md_1.default, null),
-                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
-        },
-    },
-    decorators: [
-        function (Story) { return ((0, preact_1.h)("div", { style: {
-                maxWidth: '900px',
-                height: '300px',
-            } },
-            (0, preact_1.h)(Story, null))); },
-    ],
-    argTypes: __assign({ loop: {
-            defaultValue: true,
-            description: 'Carousel slides loop',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        }, pagination: {
-            defaultValue: false,
-            description: 'Configuration for pagination dots',
-            table: {
-                type: {
-                    summary: 'boolean | SwiperOptions.pagination',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean | SwiperOptions.pagination' },
-        }, vertical: {
-            defaultValue: false,
-            description: 'Carousel vertical slide direction',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        }, modules: {
-            description: 'Additional Swiper modules',
-            table: {
-                type: {
-                    summary: 'SwiperModule[]',
-                },
-                defaultValue: { summary: '[Navigation, Pagination]' },
-            },
-        }, hideButtons: {
-            defaultValue: false,
-            description: 'Hide prev/next buttons',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        }, prevButton: {
-            description: 'Previous button',
-            table: {
-                type: {
-                    summary: 'string | JSX Element',
-                },
-            },
-            control: { type: 'text' },
-        }, nextButton: {
-            description: 'Next button',
-            table: {
-                type: {
-                    summary: 'string | JSX Element',
-                },
-            },
-            control: { type: 'text' },
-        }, breakpoints: {
-            defaultValue: undefined,
-            description: 'Carousel breakpoints',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-                defaultValue: { summary: 'Breakpoint object' },
-            },
-            control: { type: 'object' },
-        }, autoAdjustSlides: {
-            defaultValue: true,
-            description: 'If true and children length is less than the current breakpoint slidesPerView value, slidesPerView and slidesPerGroup will be set to the children length and loop to false',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        }, onNextButtonClick: {
-            description: 'Carousel next button click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onNextButtonClick',
-        }, onPrevButtonClick: {
-            description: 'Carousel prev button click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onPrevButtonClick',
-        }, onClick: {
-            description: 'Carousel onClick event handler (Swiper)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        }, onInit: {
-            description: 'Carousel onInit event handler (Swiper)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onInit',
-        } }, utilities_1.componentArgs),
-};
-var colors = Array.from(Array(9).keys());
-var Colors = function (props) {
-    return ((0, preact_1.h)(Carousel_1.Carousel, __assign({}, props), colors.map(function (number, index) { return ((0, preact_1.h)("div", { style: { height: '100px', width: '100px', background: (0, utilities_1.shiftColor)('#3a23ad', (index + "111").padStart(6, '0')), margin: '0 auto' } })); })));
-};
-exports.Colors = Colors;
-exports.Colors.args = {
-    pagination: true,
-    hideButtons: true,
-    loop: false,
-};
-var Icons = function (props) {
-    return ((0, preact_1.h)(Carousel_1.Carousel, __assign({}, props), Object.keys(Icon_1.iconPaths).map(function (icon, index) {
-        return ((0, preact_1.h)("div", { style: { margin: '0 auto', textAlign: 'center' } },
-            (0, preact_1.h)(Icon_1.Icon, { icon: icon, color: (0, utilities_1.shiftColor)('#3a23ad', (index + '111').padStart(6, '1')), size: "80px", style: { padding: '20px' } }),
-            (0, preact_1.h)("div", { style: "text-align: center" }, icon)));
-    })));
-};
-exports.Icons = Icons;