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

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.stories.d.ts

@@ -0,0 +1,142 @@
+import * as React from 'react';
+import type { ButtonTabProps } from './ButtonTab';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<ButtonTabProps, HTMLButtonElement>;
+    argTypes: {
+        id: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedButtonTabId: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaLabel: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isLoading: {
+            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 _Anatomy: {
+    (args: ButtonTabProps): React.JSX.Element;
+    args: {
+        id: string;
+        iconName: string;
+        children: string;
+    };
+};
+//# sourceMappingURL=ButtonTab.stories.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTab.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/ButtonTab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIhD,wBA8GE;AAEF,eAAO,MAAM,QAAQ;WAAU,cAAc;;;;;;CAA4B,CAAC"}

package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import type { AnchorType } from '../ButtonDropdown';
 import type { ElevationType } from '../Tooltip';
 import type { ButtonTabProps } from './ButtonTab';
-export type ButtonTabDropdownProps = ((ButtonTabProps) & {
+export type ButtonTabDropdownProps = ButtonTabProps & {
     title: string;
     elevation?: ElevationType;
     dropdownClass?: string;
     anchorPosition?: AnchorType;
-});
+};
 export declare const ButtonTabDropdown: ({ title, elevation, anchorPosition, ...buttonTabProps }: ButtonTabDropdownProps) => React.JSX.Element;
 //# sourceMappingURL=ButtonTabDropdown.d.ts.map

package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAMhD,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,cAAc,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC5B,yDAKG,sBAAsB,sBA0G1B,CAAC"}
+{"version":3,"file":"ButtonTabDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAMhD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,yDAK/B,sBAAsB,sBAyGxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE,cAAc,CAsF7E,CAAC"}
+{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAyFf,CAAC"}

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

@@ -0,0 +1,201 @@
+import * as React from 'react';
+import type { ButtonTabsProps } from './ButtonTabs';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<ButtonTabsProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedButtonTabId: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onButtonTabSelect: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        elevation: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: unknown[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        isFluid: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        wrapAfter: {
+            description: string;
+            control: {
+                type: string;
+                min: number;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        wrapTabTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        anchorPosition: {
+            options: unknown[];
+            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 _TextOnly: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+    };
+};
+export declare const _TextAndIcon: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+    };
+};
+export declare const _IconOnly: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+    };
+};
+export declare const _IconOnlyWrapped: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+        wrapAfter: number;
+    };
+};
+export declare const _Wrapped: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+        wrapAfter: number;
+    };
+};
+export declare const _DisabledButtons: {
+    (args: ButtonTabsProps): React.JSX.Element;
+    args: {
+        selectedButtonTabId: string;
+    };
+};
+//# sourceMappingURL=ButtonTabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWlD,wBA2IE;AAEF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAmB9C,CAAC;AAMF,eAAO,MAAM,YAAY;WAAU,eAAe;;;;CA6BjD,CAAC;AAMF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAqC9C,CAAC;AAMF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;;CAyDrD,CAAC;AAOF,eAAO,MAAM,QAAQ;WAAU,eAAe;;;;;CAoC7C,CAAC;AAOF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;CAuBrD,CAAC"}

package/lib/components/Card/Card.d.ts

@@ -9,7 +9,7 @@ export declare const PADDING_SIZES: Readonly<{
     large: "large";
     none: "none";
 }>;
-export type PaddingSizeType = typeof PADDING_SIZES[keyof typeof PADDING_SIZES];
+export type PaddingSizeType = (typeof PADDING_SIZES)[keyof typeof PADDING_SIZES];
 export type CardProps = {
     classNames?: ClassNames;
     children: React.ReactNode;
@@ -22,10 +22,10 @@ export type CardChildProps = {
     className?: string;
     children: React.ReactNode;
 };
-export type ClickableCardProps = ((CardProps) & {
+export type ClickableCardProps = CardProps & {
     onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
     disabled?: boolean;
-});
+};
 export declare const CardHeader: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
 export declare const CardTitle: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
 export declare const CardActions: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAQH,eAAO,MAAM,UAAU,GACrB,mCAIG,cAAc,sBAGZ,CAAC;AAER,eAAO,MAAM,SAAS,GACpB,mCAIG,cAAc,sBAGZ,CAAC;AAER,eAAO,MAAM,WAAW,GACtB,mCAIG,cAAc,sBAGZ,CAAC;AAER,eAAO,MAAM,UAAU,GACrB,mCAIG,cAAc,sBAGZ,CAAC;AAER,eAAO,MAAM,WAAW,GACtB,mCAIG,cAAc,sBAGZ,CAAC;AAER,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAyBzD,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,cAAc,CA6CnF,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mCAAiC,cAAc,sBAIxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA6BhE,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA2Cf,CAAC"}

package/lib/components/Card/Card.js

@@ -132,7 +132,7 @@ const ClickableCard = exports.ClickableCard = /*#__PURE__*/React.forwardRef((_re
         [_CardModule.default.disabled]: disabled
       }, classNames?.wrapper)
     }
-    // @ts-ignore - TS2322 - Type '{ classNames: { wrapper: string; }; tabIndex: number; onClick: (e: any) => void; onKeyDown: (e: any) => void; ref: ForwardedRef<HTMLDivElement>; children: ReactNode; paddingTop?: string | undefined; paddingRight?: string | undefined; paddingBottom?: string | undefined; paddingLeft?: string | undefined; }' is not assignable to type 'IntrinsicAttributes & CardProps & RefAttributes<HTMLDivElement>'.
+    // @ts-ignore - TS2322 - Type '{ classNames: { wrapper: string; }; tabIndex: number; onClick: (e: any) => void; onKeyDown: (e: any) => void; ref: ForwardedRef<HTMLDivElement>; children:React.ReactNode; paddingTop?: string | undefined; paddingRight?: string | undefined; paddingBottom?: string | undefined; paddingLeft?: string | undefined; }' is not assignable to type 'IntrinsicAttributes & CardProps & RefAttributes<HTMLDivElement>'.
     ,
     tabIndex: disabled ? -1 : 0,
     onClick: onClickHandler,

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

@@ -0,0 +1,150 @@
+import * as React from 'react';
+import type { CardProps } from './Card';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<CardProps, HTMLDivElement>;
+    argTypes: {
+        onClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            description: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        paddingTop: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        paddingRight: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        paddingBottom: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        paddingLeft: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: (args: CardProps) => React.JSX.Element;
+export declare const _WithHeader: {
+    (args: CardProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _WithFooter: {
+    (args: CardProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    } | {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _WithHeaderAndFooter: (args: CardProps) => React.JSX.Element;
+export declare const _Clickable: (args: CardProps) => React.JSX.Element;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBtC,wBAgHE;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,sBAQvC,CAAC;AAEF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;CAmB1C,CAAC;AAMF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;;;CAuB1C,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,sBAgCnD,CAAC;AAMF,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,sBAYzC,CAAC"}

package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAsBrD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;EAqBzB,CAAC;AA4DH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CA+C1E,CAAC"}
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAsBrD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;EAqBzB,CAAC;AA6DH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAoDf,CAAC"}

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
-export type ClassNames = Readonly<((ChartWrapperClassNames) & {
+export type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
-})>;
+}>;
 export type ColumnSeries = {
     name: string;
     data: DataOptionsType[];
 };
-export type ColumnChartProps = ((ChartOptions) & {
+export type ColumnChartProps = ChartOptions & {
     isLoading?: boolean;
     classNames?: ClassNames;
     cardTitle?: React.ReactNode;
@@ -18,6 +18,6 @@ export type ColumnChartProps = ((ChartOptions) & {
     headerActions?: React.ReactNode;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-});
+};
 export declare const ColumnChart: ({ isLoading, classNames, cardTitle, customExportOptions, series, drilldown, headerActions, hasEmptyData, emptyText, ...userOptions }: ColumnChartProps) => React.JSX.Element;
 //# sourceMappingURL=ColumnChart.d.ts.map

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,GACtB,sIAWG,gBAAgB,sBAiEpB,CAAC"}
+{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAM9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC/B,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sIAWzB,gBAAgB,sBAkElB,CAAC"}