@workday/canvas-kit-preview-react 15.0.0-alpha.0076-next.0 → 15.0.0-alpha.0077-next.0

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

@@ -1,281 +0,0 @@
-import { Property } from 'csstype';
-import { BaseAvatarProps } from './BaseAvatar';
-import { AvatarNameProps } from './AvatarName';
-export interface AvatarProps extends BaseAvatarProps, AvatarNameProps {
-    /**
-     * The URL of the user's photo. For best fit, use square images.
-     */
-    url?: string;
-    /**
-     * An objectFit property that can customize how to resize your image to fit its container.
-     * @default "contain"
-     */
-    objectFit?: Property.ObjectFit;
-    /**
-     * If true, the Avatar won't forward the `name` prop to the `alt` attribute of the image. This is useful when the Avatar is purely decorative and is rendered next to a name or text.
-     */
-    isDecorative?: boolean;
-}
-export declare const avatarStencil: import("@workday/canvas-kit-styling").Stencil<{
-    imageLoaded: {
-        false: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                display: string;
-            };
-        };
-        true: {
-            backgroundColor: "--cnvs-sys-color-bg-default";
-        };
-    };
-    objectFit: {
-        contain: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        cover: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        fill: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        none: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        "scale-down": ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        initial: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        inherit: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        unset: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        "-moz-initial": ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-        revert: ({ avatarImagePart }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
-            readonly avatarImage: "avatar-image";
-            readonly avatarName: "avatar-name";
-        }>) => {
-            "[data-part=\"avatar-image\"]": {
-                objectFit: string;
-            };
-        };
-    };
-}, {
-    readonly avatarImage: "avatar-image";
-    readonly avatarName: "avatar-name";
-}, {}, import("@workday/canvas-kit-styling").Stencil<{
-    variant: {
-        blue: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
-        };
-        amber: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
-            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
-        };
-        teal: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
-        };
-        purple: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
-        };
-    };
-    size: {
-        extraExtraSmall: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-subtext-small";
-            fontSize: "--cnvs-sys-font-size-subtext-small";
-            letterSpacing: "--cnvs-base-letter-spacing-50";
-        };
-        extraSmall: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-subtext-medium";
-            fontSize: "--cnvs-sys-font-size-subtext-medium";
-            letterSpacing: "--cnvs-base-letter-spacing-100";
-        };
-        small: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-body-small";
-            fontSize: "--cnvs-sys-font-size-body-small";
-            letterSpacing: "--cnvs-base-letter-spacing-200";
-        };
-        medium: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-body-medium";
-            fontSize: "--cnvs-sys-font-size-body-medium";
-        };
-        large: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-heading-medium";
-            fontSize: "--cnvs-sys-font-size-heading-medium";
-        };
-        extraLarge: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-title-small";
-            fontSize: "--cnvs-sys-font-size-title-small";
-        };
-        extraExtraLarge: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-title-medium";
-            fontSize: "--cnvs-sys-font-size-title-medium";
-        };
-    };
-}, {}, {
-    backgroundColor: string;
-    color: string;
-    size: string;
-}, never, never>, never>;
-/**
- * JSDoc for Avatar. Will be part of the Component API docs
- */
-export declare const Avatar: import("@workday/canvas-kit-react/common").ElementComponent<"div", AvatarProps>;
-//# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAIjC,OAAO,EAAC,eAAe,EAAgC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAwExB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,MAAM,iFAoDjB,CAAC"}

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

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.avatarStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const BaseAvatar_1 = require("./BaseAvatar");
-exports.avatarStencil = (0, canvas_kit_styling_1.createStencil)({
-    extends: BaseAvatar_1.baseAvatarStencil,
-    parts: {
-        avatarImage: 'avatar-image',
-        avatarName: 'avatar-name',
-    },
-    base: { name: "11iq0a", styles: "box-sizing:border-box;" },
-    modifiers: {
-        imageLoaded: {
-            false: { name: "1cr95k", styles: "[data-part=\"avatar-image\"]{display:none;}" },
-            true: { name: "21awd2", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
-        },
-        objectFit: {
-            contain: { name: "43qbeo", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
-            cover: { name: "omtaa", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
-            fill: { name: "1og5lu", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
-            none: { name: "38xksi", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
-            ['scale-down']: { name: "1mjstm", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
-            initial: { name: "sfrv", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
-            inherit: { name: "1c6pkc", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
-            unset: { name: "87qd7", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
-            ['-moz-initial']: { name: "373nc2", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
-            ['revert']: { name: "31qeat", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
-        }
-    }
-}, "avatar-e93ffc");
-/**
- * JSDoc for Avatar. Will be part of the Component API docs
- */
-exports.Avatar = (0, common_1.createComponent)('div')({
-    displayName: 'Avatar',
-    Component: ({ url, name, variant, objectFit = 'contain', preferredInitials, isDecorative, size, ...elemProps }, ref, Element) => {
-        const [imageLoaded, setImageLoaded] = react_1.default.useState(false);
-        const handleImageLoad = () => {
-            if (!imageLoaded) {
-                setImageLoaded(true);
-            }
-        };
-        return ((0, jsx_runtime_1.jsxs)(BaseAvatar_1.BaseAvatar, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.avatarStencil)({ variant, size, imageLoaded, objectFit })), children: [url && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(BaseAvatar_1.BaseAvatar.Image, { onLoad: handleImageLoad, src: url, alt: isDecorative ? undefined : name, "aria-hidden": isDecorative, ...exports.avatarStencil.parts.avatarImage }) })), name && (!url || !imageLoaded) && ((0, jsx_runtime_1.jsx)(BaseAvatar_1.BaseAvatar.Name, { name: name, preferredInitials: preferredInitials, ...exports.avatarStencil.parts.avatarName }))] }));
-    },
-});

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

@@ -1,6 +0,0 @@
-import { CSProps } from '@workday/canvas-kit-styling';
-export interface AvatarImageProps extends CSProps {
-}
-export declare const avatarImageStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
-export declare const AvatarImage: import("@workday/canvas-kit-react/common").ElementComponent<"img", AvatarImageProps>;
-//# sourceMappingURL=AvatarImage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarImage.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/AvatarImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAEjF,MAAM,WAAW,gBAAiB,SAAQ,OAAO;CAAG;AAEpD,eAAO,MAAM,kBAAkB,iJAM7B,CAAC;AAEH,eAAO,MAAM,WAAW,sFAKtB,CAAC"}

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarImage = exports.avatarImageStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-exports.avatarImageStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3g853f", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
-}, "avatar-image-e8e8d8");
-exports.AvatarImage = (0, common_1.createComponent)('img')({
-    displayName: 'AvatarImage',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.avatarImageStencil)()) });
-    },
-});

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

@@ -1,14 +0,0 @@
-import { CSProps } from '@workday/canvas-kit-styling';
-export interface AvatarNameProps extends CSProps {
-    /**
-     * The alt text of the Avatar image. This prop is also used for the initials. The first letter of the first name and the first letter of the second name are chosen for the initials.
-     */
-    name: string;
-    /**
-     * If you want full control over the initials, use `preferredInitials` instead.
-     */
-    preferredInitials?: string;
-}
-export declare const avatarNameStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
-export declare const AvatarName: import("@workday/canvas-kit-react/common").ElementComponent<"span", AvatarNameProps>;
-//# sourceMappingURL=AvatarName.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarName.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/AvatarName.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAGjF,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,iJAK5B,CAAC;AAEH,eAAO,MAAM,UAAU,sFASrB,CAAC"}

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarName = exports.avatarNameStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const getInitialsFromName_1 = require("./getInitialsFromName");
-exports.avatarNameStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2ezy3g", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
-}, "avatar-name-ead534");
-exports.AvatarName = (0, common_1.createComponent)('span')({
-    displayName: 'AvatarName',
-    Component: ({ name, preferredInitials, ...elemProps }, ref, Element) => {
-        return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.avatarNameStencil)()), children: preferredInitials || (0, getInitialsFromName_1.getInitialsFromName)(name) }));
-    },
-});

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

@@ -1,148 +0,0 @@
-import React from 'react';
-import { CSProps } from '@workday/canvas-kit-styling';
-export interface BaseAvatarProps extends CSProps {
-    /**
-     * Children of the BaseAvatar.
-     */
-    children?: React.ReactNode;
-    /**
-     * The variant of the Avatar.
-     * @default "blue"
-     */
-    variant?: 'blue' | 'amber' | 'teal' | 'purple';
-    /**
-     * The size of the Avatar.
-     * `extraExtraSmall` is 24px x 24px
-     * `extraSmall` is 32px x 32px
-     * `small` is 40px x 40px
-     * `medium` is 48px x 48px
-     * `large` is 72px x 72px
-     * `extraLarge` is 96px x 96px
-     * `extraExtraLarge` is 120px x 120px
-     * @default "medium"
-     */
-    size?: 'extraExtraSmall' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'extraExtraLarge' | (string & {});
-}
-export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").Stencil<{
-    variant: {
-        blue: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
-        };
-        amber: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
-            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
-        };
-        teal: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
-        };
-        purple: ({ backgroundColor, color }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
-            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
-        };
-    };
-    size: {
-        extraExtraSmall: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-subtext-small";
-            fontSize: "--cnvs-sys-font-size-subtext-small";
-            letterSpacing: "--cnvs-base-letter-spacing-50";
-        };
-        extraSmall: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-subtext-medium";
-            fontSize: "--cnvs-sys-font-size-subtext-medium";
-            letterSpacing: "--cnvs-base-letter-spacing-100";
-        };
-        small: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-body-small";
-            fontSize: "--cnvs-sys-font-size-body-small";
-            letterSpacing: "--cnvs-base-letter-spacing-200";
-        };
-        medium: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-normal";
-            lineHeight: "--cnvs-sys-line-height-body-medium";
-            fontSize: "--cnvs-sys-font-size-body-medium";
-        };
-        large: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-heading-medium";
-            fontSize: "--cnvs-sys-font-size-heading-medium";
-        };
-        extraLarge: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-title-small";
-            fontSize: "--cnvs-sys-font-size-title-small";
-        };
-        extraExtraLarge: ({ size }: {
-            backgroundColor: `--${string}`;
-            color: `--${string}`;
-            size: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            fontFamily: "--cnvs-sys-font-family-default";
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            lineHeight: "--cnvs-sys-line-height-title-medium";
-            fontSize: "--cnvs-sys-font-size-title-medium";
-        };
-    };
-}, {}, {
-    backgroundColor: string;
-    color: string;
-    size: string;
-}, never, never>;
-/**
- * JSDoc for Avatar. Will be part of the Component API docs
- */
-export declare const BaseAvatar: import("@workday/canvas-kit-react/common").ElementComponent<"div", BaseAvatarProps> & {
-    Image: import("@workday/canvas-kit-react/common").ElementComponent<"img", import("./AvatarImage").AvatarImageProps>;
-    Name: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./AvatarName").AvatarNameProps>;
-};
-//# sourceMappingURL=BaseAvatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseAvatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/BaseAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAA4C,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAG/F,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAE/C;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EACD,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAsE5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;;CASrB,CAAC"}

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

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseAvatar = exports.baseAvatarStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const AvatarImage_1 = require("./AvatarImage");
-const AvatarName_1 = require("./AvatarName");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-exports.baseAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
-    vars: {
-        backgroundColor: '',
-        color: '',
-        size: '',
-    },
-    base: { name: "2276l2", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);width:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));height:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-blue-800));display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
-    modifiers: {
-        variant: {
-            blue: { name: "1monu3", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-blue-800));" },
-            amber: { name: "6vl7x", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-amber-200));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-amber-700));" },
-            teal: { name: "1uu1i2", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-teal-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-teal-800));" },
-            purple: { name: "zp8v4", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-purple-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-purple-800));" }
-        },
-        size: {
-            extraExtraSmall: { name: "3oglon", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x6);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50);" },
-            extraSmall: { name: "48lf34", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x8);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);" },
-            small: { name: "3p0m0i", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x10);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);" },
-            medium: { name: "4cjxsy", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
-            large: { name: "2fjoig", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x16) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-medium);font-size:var(--cnvs-sys-font-size-heading-medium);" },
-            extraLarge: { name: "4d4sqz", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x20) + var(--cnvs-sys-space-x4));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-small);font-size:var(--cnvs-sys-font-size-title-small);" },
-            extraExtraLarge: { name: "8j63u", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) * 3);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-medium);font-size:var(--cnvs-sys-font-size-title-medium);" }
-        }
-    }
-}, "base-avatar-b2787e");
-/**
- * JSDoc for Avatar. Will be part of the Component API docs
- */
-exports.BaseAvatar = (0, common_1.createComponent)('div')({
-    displayName: 'BaseAvatar',
-    subComponents: {
-        Image: AvatarImage_1.AvatarImage,
-        Name: AvatarName_1.AvatarName,
-    },
-    Component: ({ variant, size, ...elemProps }, ref, Element) => {
-        return (0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.baseAvatarStencil)({ variant, size })) });
-    },
-});

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

@@ -1,2 +0,0 @@
-export declare const getInitialsFromName: (name: string) => string;
-//# sourceMappingURL=getInitialsFromName.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getInitialsFromName.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/getInitialsFromName.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,SAAU,MAAM,WAU/C,CAAC"}

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInitialsFromName = void 0;
-const getInitialsFromName = (name) => {
-    // Trim and split by one or more whitespace characters
-    const nameParts = name.trim().split(/\s+/).filter(Boolean);
-    const first = nameParts[0];
-    const firstInitial = (first === null || first === void 0 ? void 0 : first[0]) || '';
-    const last = nameParts.length > 1 ? nameParts[nameParts.length - 1] : undefined;
-    const lastInitial = (last === null || last === void 0 ? void 0 : last[0]) || '';
-    return `${firstInitial}${lastInitial}`;
-};
-exports.getInitialsFromName = getInitialsFromName;

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

@@ -1,6 +0,0 @@
-export * from './lib/Avatar';
-export * from './lib/AvatarImage';
-export * from './lib/AvatarName';
-export * from './lib/BaseAvatar';
-export * from './lib/getInitialsFromName';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/es6/avatar/index.js

@@ -1,5 +0,0 @@
-export * from './lib/Avatar';
-export * from './lib/AvatarImage';
-export * from './lib/AvatarName';
-export * from './lib/BaseAvatar';
-export * from './lib/getInitialsFromName';