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

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

@@ -0,0 +1,187 @@
+import * as React from 'react';
+import type { BannerProps } from './Banner';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        actionText: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onAction: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        semantic: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "neutral";
+                };
+            };
+        };
+        alignment: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        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;
+                };
+            };
+        };
+        leftIconName: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        leftIconType: {
+            options: string[];
+            description: 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: BannerProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+    };
+};
+export declare const _Dismissable: {
+    (args: BannerProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        dismissable: boolean;
+        selfDismiss: boolean;
+    };
+};
+export declare const _Actionable: {
+    (args: BannerProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        actionText: string;
+    };
+};
+export declare const _ActionableAndDismissable: {
+    (args: BannerProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        actionText: string;
+        dismissable: boolean;
+        selfDismiss: boolean;
+    };
+};
+//# sourceMappingURL=Banner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ1C,wBAoIE;AAEF,eAAO,MAAM,QAAQ;WAAU,WAAW;;;;;CAIzC,CAAC;AAOF,eAAO,MAAM,YAAY;WAAU,WAAW;;;;;;;CAI7C,CAAC;AASF,eAAO,MAAM,WAAW;WAAU,WAAW;;;;;;CAI5C,CAAC;AAQF,eAAO,MAAM,yBAAyB;WAAU,WAAW;;;;;;;;CAI1D,CAAC"}

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
 import type { LinkProps } from '../../Link';
-export type BreadcrumbLinkProps = ((LinkProps) & {
+export type BreadcrumbLinkProps = LinkProps & {
     isActive?: boolean;
     id: string;
     onClick?: (arg1: React.SyntheticEvent<HTMLElement>, id: string) => unknown;
-});
+};
 export declare const BreadcrumbLink: Flow.AbstractComponent<BreadcrumbLinkProps, HTMLAnchorElement | null | undefined>;
 //# sourceMappingURL=BreadcrumbLink.d.ts.map

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAM1C,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5E,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAgC3G,CAAC"}
+{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAM1C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAmCrC,CAAC"}

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.stories.d.ts

@@ -0,0 +1,98 @@
+import * as React from 'react';
+import type { BreadcrumbLinkProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<BreadcrumbLinkProps, HTMLAnchorElement | null | undefined>;
+    argTypes: {
+        className: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isActive: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            description: string;
+            control: null;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        to: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _BreadcrumbLink: {
+    (args: BreadcrumbLinkProps): React.JSX.Element;
+    args: {
+        children: string;
+    };
+};
+//# sourceMappingURL=BreadcrumbLink.stories.d.ts.map

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbLink.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI5C,wBAqGE;AAEF,eAAO,MAAM,eAAe;WAAU,mBAAmB;;;;CAExD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7F,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,cAAc,CA8B/E,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAK3C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH,CAAC;AAWF,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CA6Bf,CAAC"}

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -34,9 +34,10 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, r
     key: `crumb-${idx}`
   }, /*#__PURE__*/React.isValidElement(child) &&
   // @ts-ignore - TS2339 - Property 'displayName' does not exist on type 'string | JSXElementConstructor<any>'.
-  child?.type?.displayName === 'BreadcrumbLink'
+  child?.type?.displayName === 'BreadcrumbLink' ?
+  /*#__PURE__*/
   // @ts-ignore - TS2769 - No overload matches this call.
-  ? /*#__PURE__*/React.cloneElement(child, {
+  React.cloneElement(child, {
     linkComponent
   }) : child, idx < total - 1 && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {
     "aria-hidden": true

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

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { BreadcrumbsProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<BreadcrumbsProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Breadcrumbs: {
+    (args: BreadcrumbsProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _BreadcrumbsWithBorder: {
+    (args: BreadcrumbsProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+//# sourceMappingURL=Breadcrumbs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOzC,wBAyEE;AASF,eAAO,MAAM,YAAY;WAAU,gBAAgB;;;;;;CA2ClD,CAAC;AAMF,eAAO,MAAM,sBAAsB;WAAU,gBAAgB;;;;;;CAgD5D,CAAC"}

package/lib/components/Button/Button.d.ts

@@ -32,8 +32,8 @@ export declare const BUTTON_SIZE: Readonly<{
     small: "small";
     medium: "medium";
 }>;
-export type ButtonType = typeof BUTTON_TYPES[keyof typeof BUTTON_TYPES];
-export type ButtonActionType = typeof BUTTON_ACTION_TYPE[keyof typeof BUTTON_ACTION_TYPE];
+export type ButtonType = (typeof BUTTON_TYPES)[keyof typeof BUTTON_TYPES];
+export type ButtonActionType = (typeof BUTTON_ACTION_TYPE)[keyof typeof BUTTON_ACTION_TYPE];
 export type ButtonSize = keyof typeof BUTTON_SIZE;
 export type BaseButtonProps = {
     children?: React.ReactNode;
@@ -45,10 +45,10 @@ export type BaseButtonProps = {
     isLoading?: boolean;
     role?: string;
 };
-export type UnstyledButtonProps = ((BaseButtonProps) & {
+export type UnstyledButtonProps = BaseButtonProps & {
     className?: string;
-});
-export type ButtonProps = ((BaseButtonProps) & {
+};
+export type ButtonProps = BaseButtonProps & {
     classNames?: ClassNames;
     iconLeftName?: string;
     iconLeftType?: IconType;
@@ -57,7 +57,7 @@ export type ButtonProps = ((BaseButtonProps) & {
     type?: ButtonType;
     isFluid?: boolean;
     size?: ButtonSize;
-});
+};
 export declare const UnstyledButton: Flow.AbstractComponent<UnstyledButtonProps, HTMLButtonElement>;
 export declare const Button: Flow.AbstractComponent<ButtonProps, HTMLButtonElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.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,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,OAAO,kBAAkB,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC1F,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC,CAAC;AAoBH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,iBAAiB,CAiCxF,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAsJtE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.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,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAoBF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAoClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CA0JvE,CAAC"}

package/lib/components/Button/Button.js

@@ -134,9 +134,9 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled'
+    colorToken: disabled ? 'colorTextDisabled' :
     // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    : ButtonTypeToLoaderColorMap[type]
+    ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading
@@ -147,9 +147,9 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled'
+    colorToken: disabled ? 'colorTextDisabled' :
     // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    : ButtonTypeToLoaderColorMap[type]
+    ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconLeftName || iconRightName
     // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "inversePrimary"; readonly secondary: "clickable"; readonly tertiary: "primary"; readonly ghost: "primary"; readonly danger: "inversePrimary"; readonly gradient: "inversePrimary"; }'.
@@ -178,9 +178,9 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: _ButtonModule.default.loader
   }, /*#__PURE__*/React.createElement(_CircularLoader.CircularLoader, {
     size: size,
-    colorToken: disabled ? 'colorTextDisabled'
+    colorToken: disabled ? 'colorTextDisabled' :
     // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly primary: "colorTextInversePrimary"; readonly secondary: "colorTextClickable"; readonly tertiary: "colorTextPrimary"; readonly ghost: "colorTextPrimary"; readonly danger: "colorTextInversePrimary"; readonly gradient: "colorTextInversePrimary"; }'.
-    : ButtonTypeToLoaderColorMap[type]
+    ButtonTypeToLoaderColorMap[type]
   })), /*#__PURE__*/React.createElement(_Truncate.Truncate, {
     className: (0, _classify.classify)({
       [_ButtonModule.default.hidden]: isLoading