@spaced-out/ui-design-system 0.4.15 → 0.5.1

package/gulpfile.js

@@ -2,70 +2,41 @@ const gulp = require('gulp');
 const babel = require('gulp-babel');
 const rename = require('gulp-rename');
 const replace = require('gulp-replace');
-const {spawnSync} = require('child_process');
-const path = require('path');
 
 const babelRc = require('./babel.config');
 
 
 const doNotBuildThese = [
   'src/__tests__/**',
-  'src/**/*.test.js',
-  'src/**/*.stories.jsx',
+  'src/**/*.test.ts',
+  'src/**/*.stories.tsx',
   'src/**/*.stories.module.css',
   'src/stories/**',
 ];
 
-function getJsStream() {
-  return gulp.src('src/**/*.{js,jsx}', {
+function getTsStream() {
+  return gulp.src('src/**/*.{ts,tsx}', {
     ignore: doNotBuildThese,
   });
 }
 
 function buildCjs() {
-  return getJsStream()
+  return getTsStream()
     .pipe(babel(babelRc))
-    .pipe(replace('.jsx', '.js'))
-    .pipe(gulp.dest('lib'));
-}
-
-function copyFlow() {
-  return getJsStream()
-    .pipe(replace('.jsx', '.js'))
-    .pipe(
-      rename((path) => {
-        path.extname = path.extname.replace('jsx', 'js') + '.flow';
-      }),
-    )
+    .pipe(replace('.tsx', '.js'))
+    .pipe(replace('.ts', '.js'))
     .pipe(gulp.dest('lib'));
 }
 
 function copyOther() {
   return gulp
     .src('src/**/*', {
-      ignore: ['src/**/*.{js,jsx}', ...doNotBuildThese],
+      ignore: ['src/**/*.{ts,tsx}', ...doNotBuildThese],
     })
     .pipe(gulp.dest('lib'));
 }
 
-function generateDts(done) {
-  const result = spawnSync('yarn', ['generate'], {
-    stdio: 'inherit',
-    cwd: path.resolve(__dirname, 'dts-generator'),
-    shell: true,
-  });
-
-  if (result.status !== 0) {
-    return done(new Error('Failed to generate .d.ts files'));
-  }
-
-  done();
-}
-
-const coreBuild = gulp.parallel(buildCjs, copyFlow, copyOther);
 
-// Note(Nishant): To unblock flow to ts migration
-// const fullBuild = gulp.series(coreBuild, generateDts);
+const coreBuild = gulp.parallel(buildCjs, copyOther);
 
 module.exports.build = coreBuild;
-// module.exports.build = fullBuild;

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const _default: {
+    tags: string[];
+    title: string;
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _AIPromptFlow: () => React.JSX.Element;
+//# sourceMappingURL=AIPromptFlow.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIPromptFlow.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AIPromptFlow/AIPromptFlow.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;AAe/B,wBAgBE;AA4JF,eAAO,MAAM,aAAa,yBA8OzB,CAAC"}

package/lib/components/Accordion/Accordion.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+export type AccordionClassNames = Readonly<{
+    wrapper?: string;
+    headerWrapper?: string;
+    header?: string;
+    content?: string;
+}>;
+export type AccordionPropsType = {
+    id: string;
+    header: React.ReactNode;
+    children: React.ReactNode;
+    classNames?: AccordionClassNames;
+    isOpen?: boolean;
+    disabled?: boolean;
+    showToggle?: boolean;
+    onChange?: ((id: string, isOpen: boolean) => unknown) | null | undefined;
+    checked?: boolean;
+    onToggle?: (checked: boolean) => unknown;
+};
+export declare const Accordion: Flow.AbstractComponent<AccordionPropsType, HTMLDivElement>;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,kBAAkB,EAClB,cAAc,CAiFf,CAAC"}

package/lib/components/Accordion/Accordion.js

@@ -59,7 +59,9 @@ const Accordion = exports.Accordion = /*#__PURE__*/React.forwardRef((_ref, ref)
     iconLeftName: accordionIsOpen ? 'chevron-up' : 'chevron-down',
     disabled: disabled,
     size: "small",
-    type: "ghost",
+    type: "ghost"
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     className: _AccordionModule.default.icon,
     ariaLabel: 'Collapse button'
     // we are not defining onClick here as we are using onClick of the parent here.

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

@@ -0,0 +1,144 @@
+import * as React from 'react';
+import type { AccordionPropsType } from './Accordion';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<AccordionPropsType, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        header: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isOpen: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        showToggle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onToggle: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: {
+    (args: AccordionPropsType): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        id: string;
+        header: string;
+    };
+};
+export declare const _WithToggle: {
+    (args: AccordionPropsType): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        id: string;
+        showToggle: boolean;
+        checked: boolean;
+    };
+};
+//# sourceMappingURL=Accordion.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpD,wBAwGE;AAEF,eAAO,MAAM,QAAQ;WAAU,kBAAkB,GAAG,KAAK,CAAC,SAAS;;;;;;;;CAuBlE,CAAC;AAQF,eAAO,MAAM,WAAW;WAAU,kBAAkB,GAAG,KAAK,CAAC,SAAS;;;;;;;;;CA6BrE,CAAC"}

package/lib/components/Accordion/AccordionGroup.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export type AccordionGroupClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type AccordionGroupPropsType = {
+    children: React.ReactNode;
+    onAccordionClick?: (id: string, isOpen: boolean) => unknown;
+    onToggle?: (id: string, checked?: boolean) => unknown;
+    enabledToggleIds?: Array<string>;
+    initialOpenId?: string;
+    classNames?: AccordionGroupClassNames;
+};
+export declare const AccordionGroup: {
+    ({ children, onAccordionClick, onToggle, initialOpenId, classNames, }: AccordionGroupPropsType): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=AccordionGroup.d.ts.map

package/lib/components/Accordion/AccordionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,cAAc;2EAMxB,uBAAuB;;CAkDzB,CAAC"}

package/lib/components/Accordion/AccordionGroup.js

@@ -30,16 +30,23 @@ const AccordionGroup = _ref => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
+
+    // @ts-ignore - TS2571 - Object is of type 'unknown'.
     const childId = child.props.id;
     const isOpen = openId === childId;
     const accordionOnToggle = checked => {
       handleToggle(childId, checked); // parents onToggle, pass id as well.
+      // @ts-ignore - TS2339 - Property 'onToggle' does not exist on type 'unknown'.
       child.props.onToggle?.(checked);
     };
     return /*#__PURE__*/React.cloneElement(child, {
+      // @ts-ignore - TS2769 - No overload matches this call.
       classNames: {
+        // @ts-ignore - TS2339 - Property 'classNames' does not exist on type 'unknown'.
         ...child.props.classNames,
-        wrapper: (0, _classify.default)(_AccordionGroupModule.default.accordionWrapper, child.props.classNames?.wrapper)
+        wrapper: (0, _classify.default)(_AccordionGroupModule.default.accordionWrapper,
+        // @ts-ignore - TS2339 - Property 'classNames' does not exist on type 'unknown'.
+        child.props.classNames?.wrapper)
       },
       onChange: handleAccordionChange,
       onToggle: accordionOnToggle,

package/lib/components/Accordion/AccordionGroup.stories.d.ts

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import type { AccordionGroupPropsType } from './AccordionGroup';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: {
+        ({ children, onAccordionClick, onToggle, initialOpenId, classNames, }: AccordionGroupPropsType): React.JSX.Element;
+        displayName: string;
+    };
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onAccordionClick: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onToggle: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        initialOpenId: {
+            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: AccordionGroupPropsType): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _InsideCard: {
+    (args: AccordionGroupPropsType): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+//# sourceMappingURL=AccordionGroup.stories.d.ts.map

package/lib/components/Accordion/AccordionGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM9D,wBAqFE;AAmCF,eAAO,MAAM,QAAQ;WAAU,uBAAuB,GAAG,KAAK,CAAC,SAAS;;;;;;CAkBvE,CAAC;AAMF,eAAO,MAAM,WAAW;WAAU,uBAAuB,GAAG,KAAK,CAAC,SAAS;;;;;;CAwD1E,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Accordion';
+export * from './AccordionGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type * as COLORS from '../../styles/variables/_color';
+import type { IconType } from '../Icon';
+import type { StatusSemanticType } from '../StatusIndicator';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    ring?: string;
+    content?: string;
+    image?: string;
+    icon?: string;
+    text?: string;
+}>;
+export declare const AVATAR_SIZE: Readonly<{
+    small: "small";
+    medium: "medium";
+    large: "large";
+    extraLarge: "extraLarge";
+}>;
+export declare const avatarSizeOptions: Array<unknown>;
+export type AvatarSize = (typeof AVATAR_SIZE)[keyof typeof AVATAR_SIZE];
+export declare const AVATAR_COLOR: Readonly<{
+    red: "#fce8ed";
+    orange: "#fcf2e7";
+    green: "#e6f5ed";
+    blue: "#e6f0fe";
+    gray: "#EBEBEB";
+    indigo: "#f1f1f5";
+}>;
+export type AvatarColorType = keyof typeof AVATAR_COLOR;
+export type AvatarProps = {
+    classNames?: ClassNames;
+    size?: AvatarSize;
+    imageSrc?: string;
+    ring?: boolean;
+    icon?: boolean;
+    text?: string;
+    color?: AvatarColorType;
+    style?: unknown;
+    iconName?: string;
+    iconType?: IconType;
+    status?: StatusSemanticType;
+    statusBorderColorToken?: keyof typeof COLORS;
+};
+export type AvatarContentProps = {
+    imageSrc?: string;
+    text?: string;
+    iconName?: string;
+    iconType?: IconType;
+    size: AvatarSize;
+    color?: AvatarColorType;
+    ring?: boolean;
+    status?: StatusSemanticType;
+    statusBorderColorToken?: keyof typeof COLORS;
+    classNames?: ClassNames;
+};
+export declare const Avatar: Flow.AbstractComponent<AvatarProps, HTMLDivElement>;
+export declare const BaseAvatar: ({ classNames, size, text, style, color, }: AvatarProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,KAAK,MAAM,MAAM,+BAA+B,CAAC;AAU7D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAM3D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAiC,CAAC;AAE/E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACxE,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC9C,CAAC;AAwCF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sBAAsB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AA0DF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAgEpE,CAAC;AAEJ,eAAO,MAAM,UAAU,GAAI,2CAMxB,WAAW,sBAsBb,CAAC"}

package/lib/components/Avatar/Avatar.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.avatarSizeOptions = exports.BaseAvatar = exports.Avatar = exports.AVATAR_SIZE = exports.AVATAR_COLOR = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Text = require("../../components/Text");
-var _color = _interopRequireWildcard(require("../../styles/variables/_color"));
-var COLORS = _color;
+var _color = require("../../styles/variables/_color");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Icon = require("../Icon");
 var _StatusIndicator = require("../StatusIndicator");
@@ -100,10 +99,15 @@ const AvatarConditionalContent = _ref2 => {
     className: (0, _classify.default)(_AvatarModule.default.avatar, classNames?.image)
   }) : iconName ? /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconName,
-    type: iconType,
+    type: iconType
+    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ small: string; medium: string; large: string; extraLarge: string; }>'.
+    ,
     size: iconSize[size],
     className: classNames?.icon
-  }) : text ? /*#__PURE__*/React.createElement(AvatarTextDecorator, {
+  }) : text ?
+  /*#__PURE__*/
+  // @ts-ignore - TS2786 - 'AvatarTextDecorator' cannot be used as a JSX component.
+  React.createElement(AvatarTextDecorator, {
     avatarText: getAvatarText(text),
     size: size,
     className: classNames?.text
@@ -129,7 +133,9 @@ const Avatar = exports.Avatar = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
       [_AvatarModule.default.largeSize]: size === 'large',
       [_AvatarModule.default.mediumSize]: size === 'medium',
       [_AvatarModule.default.smallSize]: size === 'small'
-    }, classNames?.wrapper),
+    }, classNames?.wrapper)
+    // @ts-ignore - TS2322 - Type 'unknown' is not assignable to type 'CSSProperties | undefined'.
+    ,
     style: style,
     ref: ref
   }, ring ? /*#__PURE__*/React.createElement("div", {
@@ -172,7 +178,9 @@ const BaseAvatar = _ref4 => {
       [_AvatarModule.default.baseLargeSize]: size === 'large',
       [_AvatarModule.default.baseMediumSize]: size === 'medium',
       [_AvatarModule.default.baseSmallSize]: size === 'small'
-    }, classNames?.wrapper),
+    }, classNames?.wrapper)
+    // @ts-ignore - TS2698 - Spread types may only be created from object types.
+    ,
     style: {
       ...style,
       background: AVATAR_COLOR[color]