@spaced-out/ui-design-system 0.5.7-beta.2 → 0.5.7-beta.4

package/lib/components/Menu/Menu.stories.d.ts

@@ -1,526 +0,0 @@
-import * as React from 'react';
-import type { MenuGroupTitleOption, MenuOption, MenuProps } from 'src/components/Menu/Menu';
-declare const _default: {
-    tags: string[];
-    title: string;
-    argTypes: {
-        resolveLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        resolveSecondaryLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onSelect: {
-            description: string;
-            action: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onTabOut: {
-            description: string;
-            action: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        options: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        composeOptions: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        groupTitleOptions: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        selectedOption: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        optionsVariant: {
-            description: string;
-            control: {
-                type: string;
-            };
-            options: string[];
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        selectedKeys: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        classNames: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        size: {
-            description: string;
-            control: {
-                type: string;
-            };
-            options: string[];
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        width: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        menuDisabled: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        isFluid: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        allowSearch: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        virtualization: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        header: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        footer: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        showResultText: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-        staticLabels: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        showLabelTooltip: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        allowWrap: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            subtitle: string;
-            description: {
-                component: string;
-            };
-        };
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _TextOnly: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _TextWithTooltip: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-        showLabelTooltip: {
-            maxLines: number;
-        };
-    };
-};
-export declare const _MenuWithWrap: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-        allowWrap: boolean;
-    };
-};
-export declare const _WithSearch: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        allowSearch: boolean;
-    };
-};
-export declare const _TextAndIconLeft: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-/**
- * To make one of the options colored, you can set the classNames wrapper property in the option object.
- * Eg:
- * You would need to set the color of the option and manage the hover, focus and active state yourself.
- * ### JS
- * ```
- * const coloredOptions: MenuOption[] = [
- *   {
- *     key: '1',
- *     label: 'Edit',
- *     iconLeft: 'coffee',
- *   },
- *   {
- *     key: '2',
- *     label: 'Delete',
- *     iconLeft: 'trash',
- *     classNames: { wrapper: css.dangerText },
- *   },
- * ];
- * ```
- * ### CSS
- * ```
- * .dangerText:hover,
- * .dangerText:active,
- * .dangerText:focus {
- *   color: colorTextDanger;
- * }
- * ```
- */
-export declare const _ColoredOption: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-    };
-};
-export declare const _TextAndIconRight: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _TextAndDualIcon: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _DualText: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _WithResolvers: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-    };
-};
-export declare const _ComposeMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        composeOptions: MenuOption[][];
-        selectedKeys: string[];
-    };
-};
-export declare const _CustomComponentMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _GroupTitleMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        size: string;
-        groupTitleOptions: MenuGroupTitleOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _GroupTitleActionMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        size: string;
-        selectedKeys: string[];
-    };
-};
-export declare const _CheckboxMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        size: string;
-        options: MenuOption[];
-        optionsVariant: string;
-        selectedKeys: string[];
-    };
-};
-export declare const _RadioMenu: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        size: string;
-        options: MenuOption[];
-        optionsVariant: string;
-        selectedKeys: string[];
-    };
-};
-export declare const MenuHeader: () => React.JSX.Element;
-export declare const MenuFooter: ({ onSave, onCancel, }: {
-    onSave?: () => void;
-    onCancel?: () => void;
-}) => React.JSX.Element;
-export declare const _WithHeader: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _WithFooter: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        size: string;
-        options: MenuOption[];
-        selectedKeys: string[];
-    };
-};
-export declare const _WithHeaderAndFooter: {
-    (args: MenuProps): React.JSX.Element;
-    args: {
-        isFluid: boolean;
-        menuDisabled: boolean;
-        classNames: {
-            option: string;
-        };
-        options: MenuOption[];
-        optionsVariant: string;
-        selectedKeys: string[];
-    };
-};
-//# sourceMappingURL=Menu.stories.d.ts.map

package/lib/components/Menu/Menu.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,oBAAoB,EACpB,UAAU,EACV,SAAS,EACV,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8KlC,wBA4SE;AAEF,eAAO,MAAM,SAAS;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AASjE,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;;;;;CAAuB,CAAC;AAWxE,eAAO,MAAM,aAAa;WAAU,SAAS;;;;;;;;;CAS5C,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAUnE,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAUxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc;WAAU,SAAS;;;;;;;CAAuB,CAAC;AAStE,eAAO,MAAM,iBAAiB;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAUzE,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAUxE,eAAO,MAAM,SAAS;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAUjE,eAAO,MAAM,cAAc;WAAU,SAAS;;;;;;;CAkB7C,CAAC;AAgDF,eAAO,MAAM,YAAY;WAAU,SAAS;;;;;;;;CAAuB,CAAC;AAyDpE,eAAO,MAAM,oBAAoB;WAAU,SAAS;;;;;;;;;;;CAAuB,CAAC;AAyE5E,eAAO,MAAM,eAAe;WAAU,SAAS;;;;;;;;;;;CAE9C,CAAC;AA6FF,eAAO,MAAM,qBAAqB;WAAU,SAAS;;;;;;;;;;CAEpD,CAAC;AAUF,eAAO,MAAM,aAAa;WAAU,SAAS;;;;;;;;;;;;CAkB5C,CAAC;AAYF,eAAO,MAAM,UAAU;WAAU,SAAS;;;;;;;;;;;;CAczC,CAAC;AAYF,eAAO,MAAM,UAAU,yBAItB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,uBAGxB;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,sBASA,CAAC;AAEF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;CAE1C,CAAC;AAUF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;CAE1C,CAAC;AAUF,eAAO,MAAM,oBAAoB;WAAU,SAAS;;;;;;;;;;;CA0BnD,CAAC"}

package/lib/components/Modal/Modal.stories.d.ts

@@ -1,149 +0,0 @@
-import * as React from 'react';
-import type { ModalProps } from 'src/components/Modal/Modal';
-declare const _default: {
-    tags: string[];
-    title: string;
-    argTypes: {
-        isOpen: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        size: {
-            description: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        hideBackdrop: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        tapOutsideToClose: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        classNames: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        customAnimation: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        children: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onClose: {
-            description: string;
-            action: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        initialFocus: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            subtitle: string;
-            description: {
-                component: string;
-            };
-        };
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Modal: {
-    (args: ModalProps): React.JSX.Element;
-    args: {
-        hideBackdrop: boolean;
-        tapOutsideToClose: boolean;
-        initialFocus: number;
-        size: string;
-    };
-};
-export declare const _ModalWithOverflowBody: {
-    (args: ModalProps): React.JSX.Element;
-    args: {
-        hideBackdrop: boolean;
-        tapOutsideToClose: boolean;
-        initialFocus: number;
-        size: string;
-    };
-};
-//# sourceMappingURL=Modal.stories.d.ts.map

package/lib/components/Modal/Modal.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiC3D,wBAsME;AAEF,eAAO,MAAM,MAAM;WAAU,UAAU;;;;;;;CAkEtC,CAAC;AASF,eAAO,MAAM,sBAAsB;WAAU,UAAU;;;;;;;CAiCtD,CAAC"}