@spaced-out/ui-design-system 0.4.15-beta.4 → 0.5.0

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

@@ -0,0 +1,149 @@
+import * as React from 'react';
+import type { ModalProps } from './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

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

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

@@ -1,3 +1,3 @@
-export type { BaseModalProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps } from './Modal';
+export type { BaseModalProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, } from './Modal';
 export { FullScreenModal, Modal, ModalBody, ModalFooter, ModalHeader, } from './Modal';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAC5G,OAAO,EACL,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/lib/components/Notification/Notification.d.ts

@@ -10,7 +10,7 @@ type ClassNames = Readonly<{
     wrapper?: string;
     text?: string;
 }>;
-export type NotificationSemanticType = typeof NOTIFICATION_SEMANTIC[keyof typeof NOTIFICATION_SEMANTIC];
+export type NotificationSemanticType = (typeof NOTIFICATION_SEMANTIC)[keyof typeof NOTIFICATION_SEMANTIC];
 type BaseNotificationProps = {
     classNames?: ClassNames;
     semantic: NotificationSemanticType;
@@ -20,7 +20,7 @@ type BaseNotificationProps = {
     children?: string;
     onCloseClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
 };
-type NotificationBaseProps = ((BaseNotificationProps) & {
+type NotificationBaseProps = BaseNotificationProps & {
     classNames?: ClassNames;
 } & ({
     dismissable: true;
@@ -28,10 +28,10 @@ type NotificationBaseProps = ((BaseNotificationProps) & {
     selfDismiss?: boolean;
 } | {
     dismissable?: false;
-}));
-export type NotificationProps = ((NotificationBaseProps) & {
-    semantic: NotificationSemanticType;
 });
+export type NotificationProps = NotificationBaseProps & {
+    semantic: NotificationSemanticType;
+};
 export declare const Notification: Flow.AbstractComponent<NotificationProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=Notification.d.ts.map

package/lib/components/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,qBAAqB;;;;EAIhC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,OAAO,qBAAqB,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAExG,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1F,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,CAAC,qBAAqB,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CAAC;IACH,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,qBAAqB,CAAC,GAAG;IACzD,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC,CAAC;AAwDH,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAmCjF,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,qBAAqB;;;;EAIhC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;CACf,CAAC;AAEF,KAAK,qBAAqB,GAAG,qBAAqB,GAAG;IACnD,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACE;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC;AA6DF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAsCf,CAAC"}

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

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import type { NotificationProps } from './Notification';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        semantic: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "success";
+                };
+            };
+        };
+        onCloseClick: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        dismissable: {
+            description: string;
+            name: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        selfDismiss: {
+            description: string;
+            name: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        iconLeftName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconLeftType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: {
+    (args: NotificationProps): React.JSX.Element;
+    args: {
+        semantic: "success";
+        iconLeftName: string;
+        children: string;
+        dismissable: boolean;
+    };
+};
+export declare const _Dismissable: {
+    (args: NotificationProps): React.JSX.Element;
+    args: {
+        semantic: "success";
+        children: string;
+        iconLeftName: string;
+        dismissable: boolean;
+        selfDismiss: boolean;
+    };
+};
+//# sourceMappingURL=Notification.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUtD,wBAkGE;AAEF,eAAO,MAAM,QAAQ;WAAU,iBAAiB;;;;;;;CAI/C,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,iBAAiB;;;;;;;;CAInD,CAAC"}

package/lib/components/OptionButton/OptionButton.d.ts

@@ -17,7 +17,7 @@ export type OptionButtonTooltipProps = {
     baseButton?: BaseTooltipProps;
     optionsButton?: BaseTooltipProps;
 };
-export type OptionButtonProps = ((ButtonProps) & {
+export type OptionButtonProps = ButtonProps & {
     menu?: MenuProps;
     anchorPosition?: AnchorType;
     onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
@@ -27,7 +27,7 @@ export type OptionButtonProps = ((ButtonProps) & {
     tooltip?: OptionButtonTooltipProps;
     classNames?: ClassNames;
     clickAwayRef?: ClickAwayRefType;
-});
+};
 export declare const OptionButton: Flow.AbstractComponent<OptionButtonProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=OptionButton.d.ts.map

package/lib/components/OptionButton/OptionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/OptionButton/OptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAE3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAGlD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAMjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAqGjF,CAAC"}
+{"version":3,"file":"OptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/OptionButton/OptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAE3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAGlD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAMjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,aAAa,CAAC,EACV,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAwGf,CAAC"}