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

package/dist/es6/status-indicator/lib/StatusIndicator.js

@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
     gray: 'neutral',
 };
 const statusIndicatorStencil = createStencil({
-    base: { name: "14q5cg", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
+    base: { name: "1b5wqr", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
     modifiers: {
         /**
          * Defines the color of the `StatusIndicator`.
@@ -30,13 +30,13 @@ const statusIndicatorStencil = createStencil({
          * @default 'neutral'
          */
         variant: {
-            info: { name: "3d1m80", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
-            positive: { name: "3fy9zg", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
-            caution: { name: "53unb", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
-            critical: { name: "1qk4u", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
-            neutral: { name: "3x9kvg", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
-            ai: { name: "1l8vyo", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
-            transparent: { name: "4b1v0w", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
+            info: { name: "33pylk", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
+            positive: { name: "372lln", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
+            caution: { name: "2cra6s", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
+            critical: { name: "1g1x7w", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
+            neutral: { name: "k8g4k", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
+            ai: { name: "2fx4h0", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
+            transparent: { name: "2w19a5", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
         },
         /**
          * Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
@@ -49,8 +49,8 @@ const statusIndicatorStencil = createStencil({
          *
          */
         emphasis: {
-            low: { name: "ndb66", styles: "" },
-            high: { name: "n6bfb", styles: "" }
+            low: { name: "enam1", styles: "" },
+            high: { name: "1wzj1w", styles: "" }
         }
     },
     compound: [
@@ -59,35 +59,35 @@ const statusIndicatorStencil = createStencil({
                 variant: 'info',
                 emphasis: 'high',
             },
-            styles: { name: "3g0sbm", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "44ivn3", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'positive',
                 emphasis: 'high',
             },
-            styles: { name: "29es45", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "2xobhz", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'caution',
                 emphasis: 'high',
             },
-            styles: { name: "29rhx4", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
+            styles: { name: "3a9iyd", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
         },
         {
             modifiers: {
                 variant: 'critical',
                 emphasis: 'high',
             },
-            styles: { name: "1hqrt8", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1ody6i", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'neutral',
                 emphasis: 'high',
             },
-            styles: { name: "1t8kkq", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1d5r08", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
         }
     ],
     defaultModifiers: {

package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js

@@ -6,7 +6,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 const statusIndicatorLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "22rgov", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
+    base: { name: "1vrvsx", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
     defaultModifiers: { typeLevel: 'subtext.large' }
 }, "status-indicator-label-63258e");
 export const StatusIndicatorLabel = createComponent('span')({

package/dist/es6/version/lib/version.js

@@ -1 +1 @@
-export const version = '14.1.26';
+export const version = '14.1.27';

package/index.ts

@@ -1,7 +1,6 @@
 export * from './avatar';
 export * from './color-picker';
 export * from './divider';
-export * from './information-highlight';
 export * from './loading-sparkles';
 export * from './multi-select';
 export * from './pill';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "15.0.0-alpha.0045-next.0",
+  "version": "15.0.0-alpha.0056-next.0",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -48,8 +48,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^15.0.0-alpha.0045-next.0",
-    "@workday/canvas-kit-styling": "^15.0.0-alpha.0045-next.0",
+    "@workday/canvas-kit-react": "^15.0.0-alpha.0056-next.0",
+    "@workday/canvas-kit-styling": "^15.0.0-alpha.0056-next.0",
     "@workday/canvas-system-icons-web": "^3.0.36",
     "@workday/canvas-tokens-web": "4.0.0-alpha.3",
     "@workday/design-assets-types": "^0.2.10"
@@ -60,5 +60,5 @@
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "38005cde6b12236ba0376e1a360b8e22ca6b1e18"
+  "gitHead": "7ea41be00e30b2df431c3b8a49d5d2c24f3a9b8c"
 }

package/dist/commonjs/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/commonjs/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/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: "2y1bxo", 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: "49ft84", 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: "473bbc", 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: "2f17c4", 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: "2p11or", 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: "3ovjga", 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: "47ogj4", 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: "3c2hi5", 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: "ss96r", 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: "4b8mbc", 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/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: "2y1bxo", 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: "49ft84", 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: "473bbc", 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: "2f17c4", 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: "2p11or", 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: "3ovjga", 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: "47ogj4", 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 })) }));
-});