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

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

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/InformationHighlight"), exports);
-__exportStar(require("./lib/parts/Body"), exports);
-__exportStar(require("./lib/parts/Heading"), exports);
-__exportStar(require("./lib/parts/Icon"), exports);
-__exportStar(require("./lib/parts/Link"), exports);

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/InformationHighlight.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationHighlight = exports.informationHighlightStencil = 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 canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const Heading_1 = require("./parts/Heading");
-const Body_1 = require("./parts/Body");
-const Icon_1 = require("./parts/Icon");
-const Link_1 = require("./parts/Link");
-const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-exports.informationHighlightStencil = (0, canvas_kit_styling_1.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");
-exports.InformationHighlight = (0, common_1.createContainer)('section')({
-    displayName: 'InformationHighlight',
-    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
-    subComponents: {
-        Icon: Icon_1.Icon,
-        Heading: Heading_1.InformationHighlightHeading,
-        Body: Body_1.Body,
-        Link: Link_1.Link,
-    },
-})(({ ...elemProps }, Element, model) => {
-    return ((0, jsx_runtime_1.jsx)(Element, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.informationHighlightStencil)({ [model.state.variant]: model.state.emphasis })) }));
-});

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/hooks/useInformationHighlightModel.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInformationHighlightModel = void 0;
-const common_1 = require("@workday/canvas-kit-react/common");
-exports.useInformationHighlightModel = (0, common_1.createModelHook)({
-    defaultConfig: {
-        variant: 'informational',
-        emphasis: 'low',
-    },
-})(config => {
-    return {
-        state: {
-            variant: config.variant,
-            emphasis: config.emphasis,
-        },
-        events: {},
-    };
-});

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/parts/Body.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = 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 canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const text_1 = require("@workday/canvas-kit-react/text");
-const informationHighlightBodyStencil = (0, canvas_kit_styling_1.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");
-exports.Body = (0, common_1.createComponent)('div')({
-    displayName: 'Body',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return ((0, jsx_runtime_1.jsx)(text_1.Text, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightBodyStencil()) }));
-    },
-});

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/parts/Heading.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationHighlightHeading = 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 canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const text_1 = require("@workday/canvas-kit-react/text");
-const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.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");
-exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
-    displayName: 'Heading',
-    Component: ({ size = 'small', ...elemProps }, ref, Element) => {
-        return ((0, jsx_runtime_1.jsx)(text_1.Heading, { as: Element, ref: ref, size: size, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightHeadingStencil()) }));
-    },
-});

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/parts/Icon.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-const useInformationHighlightModel_1 = require("../hooks/useInformationHighlightModel");
-const defaultIcons = {
-    informational: canvas_system_icons_web_1.infoIcon,
-    caution: canvas_system_icons_web_1.exclamationTriangleIcon,
-    critical: canvas_system_icons_web_1.exclamationCircleIcon,
-};
-exports.Icon = (0, common_1.createSubcomponent)('span')({
-    displayName: 'Icon',
-    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
-})(({ icon, ...props }, Element, model) => {
-    return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
-});

package/dist/commonjs/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/commonjs/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/commonjs/information-highlight/lib/parts/Link.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("@workday/canvas-kit-react/button");
-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 informationHighlightLinkStencil = (0, canvas_kit_styling_1.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");
-exports.Link = (0, common_1.createComponent)('a')({
-    displayName: 'Link',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return ((0, jsx_runtime_1.jsx)(button_1.Hyperlink, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightLinkStencil()) }));
-    },
-});

package/dist/commonjs/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/commonjs/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/commonjs/pill/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/Pill"), exports);
-__exportStar(require("./lib/usePillModel"), exports);
-__exportStar(require("./lib/PillCount"), exports);
-__exportStar(require("./lib/PillIconButton"), exports);
-__exportStar(require("./lib/PillIcon"), exports);
-__exportStar(require("./lib/PillLabel"), exports);
-__exportStar(require("./lib/Pill"), exports);

package/dist/commonjs/pill/lib/Pill.d.ts

@@ -1,265 +0,0 @@
-import { BoxProps } from '@workday/canvas-kit-react/layout';
-export interface PillProps extends BoxProps {
-    /**
-     * Defines what kind of pill to render stylistically and its interaction states
-     * @default 'default'
-     */
-    variant?: 'readOnly' | 'removable';
-    /**
-     * Determines the max width of the pill. If the pill text is longer than the max width,
-     * text will be truncated and a tooltip will show the rest of the content when hovered over
-     */
-    maxWidth?: string | number;
-}
-export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<{
-    variant: {
-        readOnly: {
-            [x: string]: string | {
-                [x: string]: "--cnvs-sys-color-bg-default" | "--cnvs-sys-color-border-container";
-                borderColor: "--cnvs-sys-color-border-container";
-            } | {
-                [x: string]: "--cnvs-sys-color-bg-default";
-                borderColor?: undefined;
-            };
-            border: string;
-            cursor: string;
-            '&:hover, &.hover': {
-                [x: string]: "--cnvs-sys-color-bg-default" | "--cnvs-sys-color-border-container";
-                borderColor: "--cnvs-sys-color-border-container";
-            };
-            '&:focus-visible, &.focus': {
-                [x: string]: "--cnvs-sys-color-bg-default";
-            };
-            '&:active, &.active': {
-                [x: string]: "--cnvs-sys-color-bg-default";
-            };
-            '&:disabled, &.disabled': {
-                [x: string]: "--cnvs-sys-color-bg-default";
-            };
-        };
-        removable: {
-            '&:focus-visible, &.focus': {
-                [x: string]: string;
-                boxShadow: string;
-            };
-            '&:hover, &.hover': {
-                [x: string]: "--cnvs-sys-color-bg-alt-strong";
-            };
-            '&:active, &.active': {
-                [x: string]: "--cnvs-sys-color-bg-alt-stronger";
-            };
-            '&:disabled, &.disabled': {
-                [x: string]: string;
-            };
-            cursor: string;
-            overflow: string;
-            position: string;
-        };
-    };
-}, {}, {
-    maxWidth: string;
-}, import("@workday/canvas-kit-styling").Stencil<{
-    size: {
-        large: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: string;
-            paddingInline: "--cnvs-sys-space-x8";
-            minWidth: string;
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-body-small";
-            fontSize: "--cnvs-sys-font-size-body-small";
-            letterSpacing: "--cnvs-base-letter-spacing-200";
-        };
-        medium: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            minWidth: string;
-            paddingInline: "--cnvs-sys-space-x6";
-            height: "--cnvs-sys-space-x10";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-large";
-            fontSize: "--cnvs-sys-font-size-subtext-large";
-            letterSpacing: "--cnvs-base-letter-spacing-150";
-        };
-        small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "--cnvs-sys-space-x8";
-            minWidth: "--cnvs-sys-space-x20";
-            paddingInline: "--cnvs-sys-space-x4";
-            gap: "--cnvs-sys-space-x1";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-large";
-            fontSize: "--cnvs-sys-font-size-subtext-large";
-            letterSpacing: "--cnvs-base-letter-spacing-150";
-        };
-        extraSmall: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "--cnvs-sys-space-x6";
-            minWidth: string;
-            paddingInline: "--cnvs-sys-space-x3";
-            gap: "--cnvs-sys-space-x1";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-medium";
-            fontSize: "--cnvs-sys-font-size-subtext-medium";
-            letterSpacing: "--cnvs-base-letter-spacing-100";
-        };
-    };
-    grow: {
-        true: {
-            width: string;
-            maxWidth: string;
-        };
-    };
-    iconPosition: {
-        only: {
-            padding: "--cnvs-sys-space-zero";
-        };
-        start: {};
-        end: {};
-    };
-}, {}, {
-    background: string;
-    border: string;
-    boxShadowInner: string;
-    boxShadowOuter: string;
-    label: string;
-    opacity: string;
-    borderRadius: string;
-}, never, never>, never>;
-/**
- * By default, a `Pill` renders an interactive element that accepts subcomponents. By "interactive"
- * we mean that the Pill container is a focusable element (a `<button>`). All leading elements
- * (icons or avatars) are intended to be descriptive, helping support the label. They should not
- * receive focus.
- *
- * `Pill` is the container component. It also provides a React context model for its subcomponents.
- * Based on the `variant` prop this component will render different styled `Pill`s.
- *
- * Example of read only:
- *
- * ```tsx
- * <Pill variant="readOnly">This is a read only</Pill>
- * ```
- *
- * Example of interactive:
- *
- * ```tsx
- * <Pill onClick={() => console.log('clicked')}>
- *   <Pill.Avatar /> Regina Skeltor
- * </Pill>
- * ```
- *
- * Example of removable:
- *
- * ```tsx
- * <Pill variant="removable">
- *   <Pill.Avatar /> Regina Skeltor
- *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('clicked')} />
- * </Pill>
- * ```
- *
- * If you set the `Pill` `variant` to `removable`, it will render a `<span>` element. You can then
- * provide a `Pill.IconButton` that acts as the focus target. This creates a smaller, more
- * intentional click target that prevents users from accidentally deleting an item.
- *
- * ```tsx
- * <Pill variant="removable">
- *   Shoes
- *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('handle remove')} />
- * </Pill>
- * ```
- */
-export declare const Pill: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillProps & Partial<{
-    disabled: boolean;
-    id: string;
-}> & {} & {}, {
-    state: {
-        id: string;
-        disabled: boolean;
-    };
-    events: {};
-}> & {
-    /**
-     * This component renders an avatar. It supports all props of the `Avatar` component.
-     *
-     * ```tsx
-     * <Pill variant="removable">
-     *   <Pill.Avatar url={avatarUrl} />
-     *    <Pill.Label>Regina Skeltor</Pill.Label>
-     *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('handle remove')} />
-     * </Pill>
-     * ```
-     */
-    Avatar: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./PillAvatar").PillAvatarProps, {
-        state: {
-            id: string;
-            disabled: boolean;
-        };
-        events: {};
-    }>;
-    /**
-     * This component renders its `children` as the count.
-     *
-     * ```tsx
-     * <Pill onClick={() => console.warn('clicked')}>
-     *    <Pill.Label>Shoes</Pill.Label>
-     *   <Pill.Count>30</Pill.Count>
-     * </Pill>
-     * ```
-     */
-    Count: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./PillCount").PillCountProps>;
-    /**
-     * This component renders an `icon`. By default it renders a `plusIcon` but it can be overridden by
-     * providing an icon to the `icon` prop. You must provide an `aria-label` for the icon.
-     *
-     * ```tsx
-     * <Pill onClick={() => console.warn('clicked')}>
-     *   <Pill.Icon aria-label='Add user' />
-     *   <Pill.Label>Regina Skeltor</Pill.Label>
-     * </Pill>
-     * ```
-     */
-    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillIcon").PillIconProps, {
-        state: {
-            id: string;
-            disabled: boolean;
-        };
-        events: {};
-    }>;
-    /**
-     * This component renders a custom icon button. It is only intended to be used with the
-     * `removable` variant. By default, it renders a `xSmallIcon` but can be overridden by providing
-     * an icon to the `icon` prop.
-     *
-     * ```tsx
-     * <Pill variant="removable">
-     *   <Pill.Label>Pink Shirts</Pill.Label>
-     *   <Pill.IconButton aria-label='Remove item' onClick={() => console.warn('clicked')} />
-     * </Pill>
-     * ```
-     */
-    IconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillIconButton").PillIconButtonProps, {
-        state: {
-            id: string;
-            disabled: boolean;
-        };
-        events: {};
-    }>;
-    /**
-     * This component renders a `<span>` that automatically handles overflow by rendering a tooltip.
-     * There's no need to use this component directly since the overflow is handled for you automatically unless you have an icon or other element.
-     *
-     * ```tsx
-     * <Pill variant="readOnly">
-     *   <Pill.Label>Read-only</Pill.Label>
-     * </Pill>
-     * ```
-     */
-    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillLabel").PillLabelProps, {
-        state: {
-            id: string;
-            disabled: boolean;
-        };
-        events: {};
-    }>;
-};
-//# sourceMappingURL=Pill.d.ts.map

package/dist/commonjs/pill/lib/Pill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAwHtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA8BL,CAAC"}