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

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { handleCsProp, createStencil } from '@workday/canvas-kit-styling';
-import { getInitialsFromName } from './getInitialsFromName';
-export const avatarNameStencil = createStencil({
-    base: { name: "2ezy3g", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
-}, "avatar-name-ead534");
-export const AvatarName = createComponent('span')({
-    displayName: 'AvatarName',
-    Component: ({ name, preferredInitials, ...elemProps }, ref, Element) => {
-        return (_jsx(Element, { ref: ref, ...handleCsProp(elemProps, avatarNameStencil()), children: preferredInitials || getInitialsFromName(name) }));
-    },
-});

package/dist/es6/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/es6/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/es6/avatar/lib/BaseAvatar.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { AvatarImage } from './AvatarImage';
-import { AvatarName } from './AvatarName';
-import { createStencil, cssVar, calc, handleCsProp } from '@workday/canvas-kit-styling';
-import { system, base } from '@workday/canvas-tokens-web';
-export const baseAvatarStencil = 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
- */
-export const BaseAvatar = createComponent('div')({
-    displayName: 'BaseAvatar',
-    subComponents: {
-        Image: AvatarImage,
-        Name: AvatarName,
-    },
-    Component: ({ variant, size, ...elemProps }, ref, Element) => {
-        return _jsx(Element, { ref: ref, ...handleCsProp(elemProps, baseAvatarStencil({ variant, size })) });
-    },
-});

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

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

package/dist/es6/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/es6/avatar/lib/getInitialsFromName.js

@@ -1,9 +0,0 @@
-export 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}`;
-};

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

@@ -1,3 +0,0 @@
-export * from './lib/Select';
-export { Option, RenderableOption, RenderOptionFunction, RenderSelectedFunction, } from './lib/SelectBase';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/es6/select/index.js

@@ -1 +0,0 @@
-export * from './lib/Select';

package/dist/es6/select/lib/Select.d.ts

@@ -1,31 +0,0 @@
-import { ErrorType } from '@workday/canvas-kit-react/common';
-import { CoreSelectBaseProps, Option } from './SelectBase';
-/**
- * @deprecated ⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectProps extends CoreSelectBaseProps {
-    /**
-     * The options of the Select. `options` may be an array of objects, an array of strings,
-     * or an array that contains both objects and strings.
-     *
-     * If `options` includes objects, each included object must adhere to the `Option` interface:
-     *
-     * * `data: object` (optional)
-     * * `disabled: boolean` (optional)
-     * * `id: string` (optional, a random `id` will be assigned to the object if one isn't provided)
-     * * `label: string` (optional, analogous to the text content of an `<option>`)
-     * * `value: string` (required, analogous to the `value` attribute of an `<option>`)
-     *
-     * If `label` is omitted, the `value` will be used to render the option.
-     *
-     * The `data` object is carried over to the `option` passed into the `renderOption` function where it may then be used to customize how each option is rendered.
-     */
-    options: (Option | string)[];
-}
-/**
- * @deprecated ⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const Select: import("@workday/canvas-kit-react/common").ElementComponent<"button", SelectProps> & {
-    ErrorType: typeof ErrorType;
-};
-//# sourceMappingURL=Select.d.ts.map

package/dist/es6/select/lib/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAa,mBAAmB,EAAE,MAAM,EAAmB,MAAM,cAAc,CAAC;AAGvF;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAoiBD;;GAEG;AACH,eAAO,MAAM,MAAM;;CAUjB,CAAC"}