@workday/canvas-kit-react 8.0.0-alpha.125-next.4 → 8.0.0

package/action-bar/lib/ActionBarList.tsx

@@ -2,25 +2,20 @@ import * as React from 'react';
 
 import {commonColors, colors, space} from '@workday/canvas-kit-react/tokens';
 import {
-  composeHooks,
   createSubcomponent,
   ExtractProps,
   styled,
   StyledType,
 } from '@workday/canvas-kit-react/common';
 import {HStack} from '@workday/canvas-kit-react/layout';
-import {
-  useOverflowListMeasure,
-  useListRenderItems,
-  useListResetCursorOnBlur,
-} from '@workday/canvas-kit-react/collection';
+import {useOverflowListMeasure, useListRenderItems} from '@workday/canvas-kit-react/collection';
 
 import {useActionBarModel} from './useActionBarModel';
 import {ActionBar} from './ActionBar';
 
 // Use `Partial` here to make `spacing` optional
-export interface ActionBarListProps<T = any>
-  extends Omit<Partial<ExtractProps<typeof HStack, never>>, 'children'> {
+export interface ActionBarListProps<T = unknown>
+  extends Partial<ExtractProps<typeof HStack, never>> {
   /**
    * If items are passed to a `ActionBarModel`, the child of `ActionBar.List` should be a render prop. The
    * List will determine how and when the item will be rendered.
@@ -30,7 +25,7 @@ export interface ActionBarListProps<T = any>
    *   {(item) => <ActionBar.Item key={item.id} name={item.name}>{item.text}</ActionBar.Item>}
    * </ActionBar.List>
    */
-  children: ((item: T, index: number) => React.ReactNode) | React.ReactNode;
+  children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
 
 const ResponsiveHStack = styled(HStack)<ActionBarListProps & StyledType>(({theme}) => ({
@@ -42,12 +37,10 @@ const ResponsiveHStack = styled(HStack)<ActionBarListProps & StyledType>(({theme
   },
 }));
 
-export const useActionBarList = composeHooks(useOverflowListMeasure, useListResetCursorOnBlur);
-
 export const ActionBarList = createSubcomponent('div')({
   displayName: 'ActionBar.List',
   modelHook: useActionBarModel,
-  elemPropsHook: useActionBarList,
+  elemPropsHook: useOverflowListMeasure,
 })<ActionBarListProps>(({children, ...elemProps}, Element, model) => {
   return (
     <ResponsiveHStack

package/action-bar/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/action-bar",
   "module": "../dist/es6/action-bar",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/action-bar"
 }

package/avatar/index.ts

@@ -1 +1,5 @@
+import Avatar from './lib/Avatar';
+
+export default Avatar;
+export {Avatar};
 export * from './lib/Avatar';

package/avatar/lib/Avatar.tsx

@@ -119,7 +119,7 @@ const StyledImage = styled('img')<{isLoaded: boolean}>(
   })
 );
 
-export const Avatar: AvatarOverload = React.forwardRef(
+const Avatar: AvatarOverload = React.forwardRef(
   (
     {
       variant = AvatarVariant.Light,
@@ -174,3 +174,5 @@ export const Avatar: AvatarOverload = React.forwardRef(
 
 Avatar.Variant = AvatarVariant;
 Avatar.Size = SystemIconCircleSize;
+
+export default Avatar;

package/avatar/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/avatar",
   "module": "../dist/es6/avatar",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/avatar"
 }

package/badge/index.ts

@@ -1 +1 @@
-export {CountBadge, CountBadgeProps} from './lib/CountBadge';
+export {default as CountBadge, CountBadgeProps} from './lib/CountBadge';

package/badge/lib/CountBadge.tsx

@@ -53,7 +53,7 @@ const Container = styled('span')<CountBadgeProps>(
   })
 );
 
-export const CountBadge = (props: CountBadgeProps) => {
+const CountBadge = (props: CountBadgeProps) => {
   const {variant = 'default', count = 0, limit = 1000, ...elemProps} = props;
 
   const formattedCount = count < limit ? `${count}` : `${limit - 1}+`;
@@ -64,3 +64,5 @@ export const CountBadge = (props: CountBadgeProps) => {
     </Container>
   );
 };
+
+export default CountBadge;

package/badge/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/badge",
   "module": "../dist/es6/badge",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/badge"
 }

package/banner/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/banner",
   "module": "../dist/es6/banner",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/banner"
 }

package/button/lib/deprecated_Button.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {canvas, borderRadius, type} from '@workday/canvas-kit-react/tokens';
+import canvas, {borderRadius, type} from '@workday/canvas-kit-react/tokens';
 import {
   focusRing,
   mouseFocusBehavior,

package/button/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/button",
   "module": "../dist/es6/button",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/button"
 }

package/card/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/card",
   "module": "../dist/es6/card",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/card"
 }

package/checkbox/index.ts

@@ -1,2 +1,5 @@
+import Checkbox from './lib/Checkbox';
 
+export default Checkbox;
+export {Checkbox};
 export * from './lib/Checkbox';

package/checkbox/lib/Checkbox.tsx

@@ -11,8 +11,7 @@ import {
   useTheme,
   Themeable,
 } from '@workday/canvas-kit-react/common';
-import {
-  canvas,
+import canvas, {
   borderRadius,
   colors,
   inputColors,
@@ -392,3 +391,5 @@ export const Checkbox = createComponent('input')({
     ErrorType,
   },
 });
+
+export default Checkbox;

package/checkbox/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/checkbox",
   "module": "../dist/es6/checkbox",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/checkbox"
 }

package/collection/lib/ListBox.tsx

@@ -10,7 +10,7 @@ import {useListModel} from './useListModel';
 import {useListRenderItems} from './useListRenderItem';
 import {useListItemRegister} from './useListItemRegister';
 
-export interface ListBoxProps extends Omit<BoxProps, 'children'> {
+export interface ListBoxProps extends BoxProps {
   children?: React.ReactNode | ((item: any) => React.ReactNode);
 }
 

package/collection/lib/useListRenderItem.tsx

@@ -7,36 +7,26 @@ import {useBaseListModel} from './useBaseListModel';
 export function useListRenderItems<T>(
   model: ReturnType<typeof useBaseListModel>,
   children: ((item: Generic, index: number) => React.ReactNode) | React.ReactNode
-): React.ReactNode {
+) {
   const items =
     typeof children === 'function'
       ? model.state.isVirtualized
         ? model.state.UNSTABLE_virtual.virtualItems.map(virtual => {
             const item = model.state.items[virtual.index];
             const child = children(item.value, virtual.index);
-            if (React.isValidElement(child)) {
-              return React.cloneElement(child, {
-                // We call this `virtual` instead of `virtualItem` to avoid a React render warning
-                // about capital letters in attributes. React thinks this will be applied to the DOM
-                // element even though we remove it later...
-                virtual,
-                key: item.id,
-                item,
-              });
-            }
-            return child;
+            return React.cloneElement(child, {
+              // We call this `virtual` instead of `virtualItem` to avoid a React render warning
+              // about capital letters in attributes. React thinks this will be applied to the DOM
+              // element even though we remove it later...
+              virtual,
+              key: item.id,
+              item,
+            });
           })
-        : model.state.items.map(item => {
-            const child = children(item.value, item.index);
-            if (React.isValidElement(child)) {
-              return React.cloneElement(child, {
-                key: item.id,
-                item: item.value,
-              });
-            }
-            return child;
-          })
-      : children;
+        : model.state.items.map(item =>
+            React.cloneElement(children(item.value, item.index), {key: item.id, item: item.value})
+          )
+      : null;
 
-  return items;
+  return items || children;
 }

package/collection/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/collection",
   "module": "../dist/es6/collection",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/collection"
 }

package/color-picker/index.ts

@@ -1,4 +1,7 @@
+import ColorInput from './lib/ColorInput';
+import ColorPreview from './lib/ColorPreview';
 
+export {ColorInput, ColorPreview};
 export * from './lib/ColorInput';
 export * from './lib/ColorPreview';
 export * from './lib/parts/ColorSwatch';

package/color-picker/lib/ColorInput.tsx

@@ -184,3 +184,5 @@ export const ColorInput = createComponent('input')({
     );
   },
 });
+
+export default ColorInput;

package/color-picker/lib/ColorPreview.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {ColorInput} from './ColorInput';
+import ColorInput from './ColorInput';
 import {createComponent, StyledType} from '@workday/canvas-kit-react/common';
 import {TextInputProps} from '@workday/canvas-kit-react/text-input';
 import styled from '@emotion/styled';
@@ -36,3 +36,5 @@ export const ColorPreview = createComponent('input')({
     />
   ),
 });
+
+export default ColorPreview;

package/color-picker/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/color-picker",
   "module": "../dist/es6/color-picker",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/color-picker"
 }

package/common/lib/InputProvider.tsx

@@ -117,7 +117,7 @@ const supportsPassive = () => {
 /**
  * This component takes heavy inspiration from what-input (https://github.com/ten1seven/what-input)
  */
-export class InputProvider extends React.Component<React.PropsWithChildren<InputProviderProps>> {
+export class InputProvider extends React.Component<InputProviderProps> {
   private eventTimer: number | undefined;
 
   private currentInput: InputType;

package/common/lib/styles/focusRing.ts

@@ -1,5 +1,5 @@
 import {keyframes, Theme, CSSObject} from '@emotion/react';
-import {canvas} from '@workday/canvas-kit-react/tokens';
+import canvas from '@workday/canvas-kit-react/tokens';
 import {defaultCanvasTheme} from '../theming/index';
 import memoize from 'lodash/memoize';
 

package/common/lib/utils/StaticStates.tsx

@@ -29,8 +29,8 @@ export const convertToStaticStates = (obj?: CSSProperties): CSSProperties | unde
   }, {});
 };
 
-export const StaticStates: React.FC<React.PropsWithChildren<
-  {theme?: PartialEmotionCanvasTheme} & React.HTMLAttributes<HTMLElement>
+export const StaticStates: React.FC<{theme?: PartialEmotionCanvasTheme} & React.HTMLAttributes<
+  HTMLElement
 >> = ({children, theme, ...elemProps}) => {
   const localTheme: EmotionCanvasTheme & {_staticStates?: boolean} = useTheme(theme);
   localTheme._staticStates = true;

package/common/lib/utils/components.ts

@@ -212,7 +212,7 @@ interface RefForwardingComponent<T, P = {}> {
      * `never`
      */
     Element: T extends undefined ? never : T
-  ): JSX.Element | null;
+  ): React.ReactElement | null;
 }
 
 function defaultGetElemProps(input: any) {
@@ -256,7 +256,7 @@ export const createContainer = <
       props: Props & RemoveNull<ReturnType<TElemPropsHook>> & {ref: ExtractRef<E>},
       Element: E extends undefined ? never : E,
       model: TModelHook extends (config: infer TConfig) => infer TModel ? TModel : never
-    ) => JSX.Element | null
+    ) => React.ReactElement | null
   ): (TModelHook extends (config: infer TConfig) => infer TModel
     ? E extends undefined
       ? ComponentM<Props & TConfig, TModel>
@@ -356,7 +356,7 @@ export const createSubcomponent = <
             }),
       Element: E extends undefined ? never : E,
       model: TModelHook extends (...args: any[]) => infer TModel ? TModel : never
-    ) => JSX.Element | null
+    ) => React.ReactElement | null
   ): (TModelHook extends (...args: any[]) => infer TModel
     ? ElementComponentM<
         // E is not `undefined` here, but Typescript thinks it could be, so we add another `undefined`

package/common/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/common",
   "module": "../dist/es6/common",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/common"
 }

package/dialog/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/dialog",
   "module": "../dist/es6/dialog",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/dialog"
 }

package/disclosure/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/disclosure",
   "module": "../dist/es6/disclosure",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/disclosure"
 }

package/dist/commonjs/action-bar/lib/ActionBar.d.ts

@@ -1390,7 +1390,7 @@ export declare const ActionBar: import("../../common").ComponentM<ActionBarProps
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
-    List: import("../../common").ElementComponentM<"div", import("./ActionBarList").ActionBarListProps<any>, {
+    List: import("../../common").ElementComponentM<"div", import("./ActionBarList").ActionBarListProps<unknown>, {
         state: {
             hiddenIds: string[];
             nonInteractiveIds: string[];
@@ -3146,7 +3146,7 @@ export declare const ActionBar: import("../../common").ComponentM<ActionBarProps
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>;
-        List: import("../../common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps<any>, {
+        List: import("../../common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;

package/dist/commonjs/action-bar/lib/ActionBarList.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { HStack } from '@workday/canvas-kit-react/layout';
-export interface ActionBarListProps<T = any> extends Omit<Partial<ExtractProps<typeof HStack, never>>, 'children'> {
+export interface ActionBarListProps<T = unknown> extends Partial<ExtractProps<typeof HStack, never>> {
     /**
      * If items are passed to a `ActionBarModel`, the child of `ActionBar.List` should be a render prop. The
      * List will determine how and when the item will be rendered.
@@ -11,67 +11,9 @@ export interface ActionBarListProps<T = any> extends Omit<Partial<ExtractProps<t
      *   {(item) => <ActionBar.Item key={item.id} name={item.name}>{item.text}</ActionBar.Item>}
      * </ActionBar.List>
      */
-    children: ((item: T, index: number) => React.ReactNode) | React.ReactNode;
+    children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
-export declare const useActionBarList: <P extends {}, R>(model: {
-    state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
-        unselectedIds: string[];
-        cursorId: string;
-        columnCount: number;
-        UNSTABLE_virtual: {
-            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
-        };
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
-    };
-    events: {
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-export declare const ActionBarList: import("../../common").ElementComponentM<"div", ActionBarListProps<any>, {
+export declare const ActionBarList: import("../../common").ElementComponentM<"div", ActionBarListProps<unknown>, {
     state: {
         hiddenIds: string[];
         nonInteractiveIds: string[];

package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAWxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACrE;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAWD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAiE,CAAC;AAE/F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}
+{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAC7C,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}

package/dist/commonjs/action-bar/lib/ActionBarList.js

@@ -41,7 +41,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionBarList = exports.useActionBarList = void 0;
+exports.ActionBarList = void 0;
 var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
@@ -61,11 +61,10 @@ var ResponsiveHStack = common_1.styled(layout_1.HStack)(function (_a) {
         },
         _b);
 });
-exports.useActionBarList = common_1.composeHooks(collection_1.useOverflowListMeasure, collection_1.useListResetCursorOnBlur);
 exports.ActionBarList = common_1.createSubcomponent('div')({
     displayName: 'ActionBar.List',
     modelHook: useActionBarModel_1.useActionBarModel,
-    elemPropsHook: exports.useActionBarList,
+    elemPropsHook: collection_1.useOverflowListMeasure,
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
     return (React.createElement(ResponsiveHStack, __assign({ as: Element, spacing: "s", depth: 1, background: tokens_1.commonColors.background, borderTop: "solid 1px " + tokens_1.colors.soap400, padding: tokens_1.space.s + " " + tokens_1.space.xl + " ", position: "fixed", bottom: 0, left: 0, right: 0 }, elemProps),

package/dist/commonjs/avatar/index.d.ts

@@ -1,2 +1,5 @@
+import Avatar from './lib/Avatar';
+export default Avatar;
+export { Avatar };
 export * from './lib/Avatar';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,CAAC;AAChB,cAAc,cAAc,CAAC"}

package/dist/commonjs/avatar/index.js

@@ -9,5 +9,12 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var Avatar_1 = __importDefault(require("./lib/Avatar"));
+exports.Avatar = Avatar_1.default;
+exports.default = Avatar_1.default;
 __exportStar(require("./lib/Avatar"), exports);

package/dist/commonjs/avatar/lib/Avatar.d.ts

@@ -49,6 +49,6 @@ declare type AvatarOverload = {
     Variant: typeof AvatarVariant;
     Size: typeof SystemIconCircleSize;
 };
-export declare const Avatar: AvatarOverload;
-export {};
+declare const Avatar: AvatarOverload;
+export default Avatar;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/commonjs/avatar/lib/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAmB,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGtF,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED;;GAEG;AACH,aAAK,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC1F,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC;;GAEG;AACH,aAAK,cAAc,GAAG;IACpB,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,KAAK,CAAA;KAAC,GAAG,cAAc,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3F,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5F,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAoEF,eAAO,MAAM,MAAM,EAAE,cAmDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAmB,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGtF,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED;;GAEG;AACH,aAAK,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC1F,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC;;GAEG;AACH,aAAK,cAAc,GAAG;IACpB,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,KAAK,CAAA;KAAC,GAAG,cAAc,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3F,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5F,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAoEF,QAAA,MAAM,MAAM,EAAE,cAmDN,CAAC;AAKT,eAAe,MAAM,CAAC"}

package/dist/commonjs/avatar/lib/Avatar.js

@@ -44,7 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.AvatarVariant = void 0;
+exports.AvatarVariant = void 0;
 var react_1 = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
@@ -103,7 +103,7 @@ var StyledImage = common_1.styled('img')({
         opacity: isLoaded ? 1 : 0,
     });
 });
-exports.Avatar = react_1.default.forwardRef(function (_a, ref) {
+var Avatar = react_1.default.forwardRef(function (_a, ref) {
     var _b = _a.variant, variant = _b === void 0 ? AvatarVariant.Light : _b, _c = _a.size, size = _c === void 0 ? icon_1.SystemIconCircleSize.m : _c, _d = _a.altText, altText = _d === void 0 ? 'Avatar' : _d, url = _a.url, onClick = _a.onClick, elemProps = __rest(_a, ["variant", "size", "altText", "url", "onClick"]);
     var _e = react_1.useState(false), imageLoaded = _e[0], setImageLoaded = _e[1];
     var loadImage = function () {
@@ -121,5 +121,6 @@ exports.Avatar = react_1.default.forwardRef(function (_a, ref) {
         url && (react_1.default.createElement(StyledStack, { size: size },
             react_1.default.createElement(StyledImage, { src: url, alt: altText, onLoad: loadImage, isLoaded: imageLoaded })))));
 }); // AvatarProps and forwardRef signatures are incompatible, so we must force cast
-exports.Avatar.Variant = AvatarVariant;
-exports.Avatar.Size = icon_1.SystemIconCircleSize;
+Avatar.Variant = AvatarVariant;
+Avatar.Size = icon_1.SystemIconCircleSize;
+exports.default = Avatar;

package/dist/commonjs/badge/index.d.ts

@@ -1,2 +1,2 @@
-export { CountBadge, CountBadgeProps } from './lib/CountBadge';
+export { default as CountBadge, CountBadgeProps } from './lib/CountBadge';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,UAAU,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/commonjs/badge/index.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CountBadge = void 0;
 var CountBadge_1 = require("./lib/CountBadge");
-Object.defineProperty(exports, "CountBadge", { enumerable: true, get: function () { return CountBadge_1.CountBadge; } });
+Object.defineProperty(exports, "CountBadge", { enumerable: true, get: function () { return __importDefault(CountBadge_1).default; } });

package/dist/commonjs/badge/lib/CountBadge.d.ts

@@ -4,5 +4,6 @@ export interface CountBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     limit?: number;
     variant?: 'default' | 'inverse';
 }
-export declare const CountBadge: (props: CountBadgeProps) => JSX.Element;
+declare const CountBadge: (props: CountBadgeProps) => JSX.Element;
+export default CountBadge;
 //# sourceMappingURL=CountBadge.d.ts.map

package/dist/commonjs/badge/lib/CountBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountBadge.d.ts","sourceRoot":"","sources":["../../../../badge/lib/CountBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AA8CD,eAAO,MAAM,UAAU,UAAW,eAAe,gBAUhD,CAAC"}
+{"version":3,"file":"CountBadge.d.ts","sourceRoot":"","sources":["../../../../badge/lib/CountBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AA8CD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAUzC,CAAC;AAEF,eAAe,UAAU,CAAC"}