@workday/canvas-kit-preview-react 15.0.0-alpha.1303-next.0 → 15.0.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: "1mtiw", 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: "3slh4k", 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: "ao7z7", 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: "2c25sh", 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: "4d8bmq", 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: "atgjl", 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: "1ghiqz", 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: "10000v", 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: "1ikonx", 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: "8dahz", 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: "2cm9jm", 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: "2dr4lg", 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: "1r9w09", 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/information-highlight/index.d.ts

@@ -1,6 +0,0 @@
-export * from './lib/InformationHighlight';
-export * from './lib/parts/Body';
-export * from './lib/parts/Heading';
-export * from './lib/parts/Icon';
-export * from './lib/parts/Link';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/information-highlight/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../information-highlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/es6/information-highlight/index.js

@@ -1,5 +0,0 @@
-export * from './lib/InformationHighlight';
-export * from './lib/parts/Body';
-export * from './lib/parts/Heading';
-export * from './lib/parts/Icon';
-export * from './lib/parts/Link';

package/dist/es6/information-highlight/lib/InformationHighlight.d.ts

@@ -1,76 +0,0 @@
-import { CSProps } from '@workday/canvas-kit-styling';
-interface InformationHighlightProps extends CSProps {
-}
-export declare const informationHighlightStencil: import("@workday/canvas-kit-styling").Stencil<{
-    informational: {
-        low: {
-            borderInlineStartColor: "--cnvs-sys-color-border-info-default";
-            backgroundColor: "--cnvs-sys-color-bg-alt-soft";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: string;
-            };
-        };
-        high: {
-            borderInlineStartColor: "--cnvs-sys-color-border-info-default";
-            backgroundColor: "--cnvs-sys-color-bg-info-softest";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: "--cnvs-sys-color-icon-info-default" | "--cnvs-sys-color-icon-inverse";
-            };
-        };
-    };
-    caution: {
-        low: {
-            borderInlineStartColor: "--cnvs-sys-color-border-caution-default";
-            backgroundColor: "--cnvs-sys-color-bg-alt-soft";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: string;
-            };
-        };
-        high: {
-            borderInlineStartColor: "--cnvs-sys-color-border-caution-default";
-            backgroundColor: "--cnvs-sys-color-bg-caution-softest";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: "--cnvs-sys-color-icon-inverse" | "--cnvs-sys-color-icon-caution-softer";
-            };
-        };
-    };
-    critical: {
-        low: {
-            borderInlineStartColor: "--cnvs-sys-color-border-critical-default";
-            backgroundColor: "--cnvs-sys-color-bg-alt-soft";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: string;
-            };
-        };
-        high: {
-            borderInlineStartColor: "--cnvs-sys-color-border-critical-default";
-            backgroundColor: "--cnvs-sys-color-bg-critical-softest";
-            '& [data-part="information-highlight-icon"]': {
-                [x: string]: "--cnvs-sys-color-icon-inverse" | "--cnvs-sys-color-icon-critical-default";
-            };
-        };
-    };
-}, {}, {}, never, never>;
-export declare const InformationHighlight: import("@workday/canvas-kit-react/common").ElementComponentM<"section", InformationHighlightProps & Partial<{
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}> & {} & {}, {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}> & {
-    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./parts/Icon").IconProps, {
-        state: {
-            variant: "caution" | "informational" | "critical";
-            emphasis: "high" | "low";
-        };
-        events: {};
-    }>;
-    Heading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", import("./parts/Heading").InformationHighlightHeadingProps>;
-    Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("@workday/canvas-kit-react/text").TextProps>;
-    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/button").HyperlinkProps>;
-};
-export {};
-//# sourceMappingURL=InformationHighlight.d.ts.map

package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AAUzF,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyEtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/es6/information-highlight/lib/InformationHighlight.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContainer } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { InformationHighlightHeading } from './parts/Heading';
-import { Body } from './parts/Body';
-import { Icon } from './parts/Icon';
-import { Link } from './parts/Link';
-import { useInformationHighlightModel } from './hooks/useInformationHighlightModel';
-import { systemIconStencil } from '@workday/canvas-kit-react/icon';
-export const informationHighlightStencil = createStencil({
-    base: { name: "2ag5kv", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-sys-space-x1) solid transparent;" },
-    modifiers: {
-        informational: {
-            low: { name: "4590nm", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "1xwpeu", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-info-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);}" }
-        },
-        caution: {
-            low: { name: "dsese", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "35eif4", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-caution-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);}" }
-        },
-        critical: {
-            low: { name: "47101e", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "3yum30", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-critical-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);}" }
-        }
-    }
-}, "information-highlight-b4c864");
-export const InformationHighlight = createContainer('section')({
-    displayName: 'InformationHighlight',
-    modelHook: useInformationHighlightModel,
-    subComponents: {
-        Icon: Icon,
-        Heading: InformationHighlightHeading,
-        Body: Body,
-        Link: Link,
-    },
-})(({ ...elemProps }, Element, model) => {
-    return (_jsx(Element, { ...handleCsProp(elemProps, informationHighlightStencil({ [model.state.variant]: model.state.emphasis })) }));
-});

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts

@@ -1,23 +0,0 @@
-export declare const useInformationHighlightModel: (<TT_Special_Generic>(config?: (Partial<{
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}> & {} & {}) | undefined) => {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}) & import("@workday/canvas-kit-react/common").ModelExtras<{
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}, {}, {
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}, {}, {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}>;
-//# sourceMappingURL=useInformationHighlightModel.d.ts.map

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInformationHighlightModel.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/hooks/useInformationHighlightModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;EAavC,CAAC"}

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.js

@@ -1,15 +0,0 @@
-import { createModelHook } from '@workday/canvas-kit-react/common';
-export const useInformationHighlightModel = createModelHook({
-    defaultConfig: {
-        variant: 'informational',
-        emphasis: 'low',
-    },
-})(config => {
-    return {
-        state: {
-            variant: config.variant,
-            emphasis: config.emphasis,
-        },
-        events: {},
-    };
-});

package/dist/es6/information-highlight/lib/parts/Body.d.ts

@@ -1,2 +0,0 @@
-export declare const Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("@workday/canvas-kit-react/text").TextProps>;
-//# sourceMappingURL=Body.d.ts.map

package/dist/es6/information-highlight/lib/parts/Body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Body.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,IAAI,wHAWf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Body.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { Text } from '@workday/canvas-kit-react/text';
-const informationHighlightBodyStencil = createStencil({
-    base: { name: "2a2huj", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-block-end:var(--cnvs-sys-space-x2);" }
-}, "information-highlight-body-0931ed");
-export const Body = createComponent('div')({
-    displayName: 'Body',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (_jsx(Text, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightBodyStencil()) }));
-    },
-});

package/dist/es6/information-highlight/lib/parts/Heading.d.ts

@@ -1,6 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Heading } from '@workday/canvas-kit-react/text';
-export interface InformationHighlightHeadingProps extends Partial<ExtractProps<typeof Heading, never>> {
-}
-export declare const InformationHighlightHeading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", InformationHighlightHeadingProps>;
-//# sourceMappingURL=Heading.d.ts.map

package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAevD,MAAM,WAAW,gCACf,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC;CAAG;AAEzD,eAAO,MAAM,2BAA2B,qGAYtC,CAAC"}

package/dist/es6/information-highlight/lib/parts/Heading.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { Heading } from '@workday/canvas-kit-react/text';
-const informationHighlightHeadingStencil = createStencil({
-    base: { name: "17l60m", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);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);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
-}, "information-highlight-heading-1080eb");
-export const InformationHighlightHeading = createComponent('h3')({
-    displayName: 'Heading',
-    Component: ({ size = 'small', ...elemProps }, ref, Element) => {
-        return (_jsx(Heading, { as: Element, ref: ref, size: size, ...handleCsProp(elemProps, informationHighlightHeadingStencil()) }));
-    },
-});

package/dist/es6/information-highlight/lib/parts/Icon.d.ts

@@ -1,12 +0,0 @@
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-export interface IconProps extends Partial<ExtractProps<typeof SystemIcon, never>> {
-}
-export declare const Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", IconProps, {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}>;
-//# sourceMappingURL=Icon.d.ts.map

package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAQlF,MAAM,WAAW,SAAU,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,CAAC;CAAG;AAOrF,eAAO,MAAM,IAAI;;;;;;EAYf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Icon.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { createSubcomponent } from '@workday/canvas-kit-react/common';
-import { infoIcon, exclamationCircleIcon, exclamationTriangleIcon, } from '@workday/canvas-system-icons-web';
-import { useInformationHighlightModel } from '../hooks/useInformationHighlightModel';
-const defaultIcons = {
-    informational: infoIcon,
-    caution: exclamationTriangleIcon,
-    critical: exclamationCircleIcon,
-};
-export const Icon = createSubcomponent('span')({
-    displayName: 'Icon',
-    modelHook: useInformationHighlightModel,
-})(({ icon, ...props }, Element, model) => {
-    return (_jsx(SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
-});

package/dist/es6/information-highlight/lib/parts/Link.d.ts

@@ -1,2 +0,0 @@
-export declare const Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/button").HyperlinkProps>;
-//# sourceMappingURL=Link.d.ts.map

package/dist/es6/information-highlight/lib/parts/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Link.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,IAAI,6HAWf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Link.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Hyperlink } from '@workday/canvas-kit-react/button';
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-const informationHighlightLinkStencil = createStencil({
-    base: { name: "3elh6m", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
-}, "information-highlight-link-aef704");
-export const Link = createComponent('a')({
-    displayName: 'Link',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (_jsx(Hyperlink, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightLinkStencil()) }));
-    },
-});

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

@@ -1,8 +0,0 @@
-export * from './lib/Pill';
-export * from './lib/usePillModel';
-export * from './lib/PillCount';
-export * from './lib/PillIconButton';
-export * from './lib/PillIcon';
-export * from './lib/PillLabel';
-export * from './lib/Pill';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/es6/pill/index.js

@@ -1,7 +0,0 @@
-export * from './lib/Pill';
-export * from './lib/usePillModel';
-export * from './lib/PillCount';
-export * from './lib/PillIconButton';
-export * from './lib/PillIcon';
-export * from './lib/PillLabel';
-export * from './lib/Pill';