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

package/dist/commonjs/index.d.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/dist/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC"}

package/dist/commonjs/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./avatar"), exports);
 __exportStar(require("./color-picker"), exports);
 __exportStar(require("./divider"), exports);
-__exportStar(require("./information-highlight"), exports);
 __exportStar(require("./loading-sparkles"), exports);
 __exportStar(require("./multi-select"), exports);
 __exportStar(require("./pill"), exports);

package/dist/es6/index.d.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/dist/es6/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC"}

package/dist/es6/index.js

@@ -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/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.0051-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.0051-next.0",
-    "@workday/canvas-kit-styling": "^15.0.0-alpha.0051-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": "43b17ca56f773f10c5d1557f7875a574787288ed"
+  "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: "1nwuzt", 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: "40lvkn", 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: "30nc0r", 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: "1099b7", 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: "3aebkl", 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: "41bjzp", 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: "8jboh", 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: "3lgkkv", 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: "28v7wn", 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: "3t8p96", 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: "1nwuzt", 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: "40lvkn", 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: "30nc0r", 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: "1099b7", 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: "3aebkl", 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: "41bjzp", 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: "8jboh", 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: "3lgkkv", 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: "28v7wn", 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: "3t8p96", 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/information-highlight/index.ts

@@ -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/information-highlight/lib/InformationHighlight.tsx

@@ -1,107 +0,0 @@
-import {createContainer} from '@workday/canvas-kit-react/common';
-import {createStencil, handleCsProp, CSProps, 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';
-
-interface InformationHighlightProps extends CSProps {}
-
-export const informationHighlightStencil = createStencil({
-  base: {
-    display: 'grid',
-    gridTemplateColumns: 'min-content',
-    columnGap: system.space.x4,
-    rowGap: system.space.x2,
-    padding: system.space.x4,
-    borderRadius: system.shape.x1,
-    outline: `${px2rem(1)} solid transparent`,
-    borderInlineStart: `${system.space.x1} solid transparent`,
-  },
-  modifiers: {
-    informational: {
-      low: {
-        borderInlineStartColor: system.color.border.info.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.info.default,
-          [systemIconStencil.vars.color]: system.color.icon.info.default,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.info.default,
-        backgroundColor: system.color.bg.info.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.info.default,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.info.default,
-        },
-      },
-    },
-    caution: {
-      low: {
-        borderInlineStartColor: system.color.border.caution.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.strong,
-          [systemIconStencil.vars.color]: system.color.icon.strong,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.caution.default,
-        backgroundColor: system.color.bg.caution.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.caution.softer,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.caution.softer,
-        },
-      },
-    },
-    critical: {
-      low: {
-        borderInlineStartColor: system.color.border.critical.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.critical.default,
-          [systemIconStencil.vars.color]: system.color.icon.critical.default,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.critical.default,
-        backgroundColor: system.color.bg.critical.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.critical.default,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.critical.default,
-        },
-      },
-    },
-  },
-});
-
-export const InformationHighlight = createContainer('section')({
-  displayName: 'InformationHighlight',
-  modelHook: useInformationHighlightModel,
-  subComponents: {
-    Icon: Icon,
-    Heading: InformationHighlightHeading,
-    Body: Body,
-    Link: Link,
-  },
-})(({...elemProps}: InformationHighlightProps, Element, model) => {
-  return (
-    <Element
-      {...handleCsProp(
-        elemProps,
-        informationHighlightStencil({[model.state.variant]: model.state.emphasis})
-      )}
-    />
-  );
-});

package/information-highlight/lib/hooks/useInformationHighlightModel.ts

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

package/information-highlight/lib/parts/Body.tsx

@@ -1,28 +0,0 @@
-import {createComponent, ExtractProps} 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: () => {
-    return {
-      ...system.type.subtext.large,
-      color: system.color.text.strong,
-      gridColumn: '2',
-      marginBlockEnd: system.space.x2,
-    };
-  },
-});
-
-export const Body = createComponent('div')({
-  displayName: 'Body',
-  Component: ({...elemProps}: ExtractProps<typeof Text, never>, ref, Element) => {
-    return (
-      <Text
-        as={Element}
-        ref={ref}
-        {...handleCsProp(elemProps, informationHighlightBodyStencil())}
-      />
-    );
-  },
-});

package/information-highlight/lib/parts/Heading.tsx

@@ -1,34 +0,0 @@
-import {createComponent, ExtractProps} 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: () => {
-    return {
-      ...system.type.body.small,
-      color: system.color.text.strong,
-      gridColumn: '2',
-      fontWeight: system.fontWeight.bold,
-      marginTop: system.space.zero,
-      marginBottom: system.space.zero,
-    };
-  },
-});
-
-export interface InformationHighlightHeadingProps
-  extends Partial<ExtractProps<typeof Heading, never>> {}
-
-export const InformationHighlightHeading = createComponent('h3')({
-  displayName: 'Heading',
-  Component: ({size = 'small', ...elemProps}: InformationHighlightHeadingProps, ref, Element) => {
-    return (
-      <Heading
-        as={Element}
-        ref={ref}
-        size={size}
-        {...handleCsProp(elemProps, informationHighlightHeadingStencil())}
-      />
-    );
-  },
-});

package/information-highlight/lib/parts/Icon.tsx

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

package/information-highlight/lib/parts/Link.tsx

@@ -1,29 +0,0 @@
-import {Hyperlink} from '@workday/canvas-kit-react/button';
-import {createComponent, ExtractProps} 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: () => {
-    return {
-      ...system.type.subtext.large,
-      gridColumn: '2',
-      justifySelf: 'start',
-      color: system.color.text.strong,
-      fontWeight: system.fontWeight.bold,
-    };
-  },
-});
-
-export const Link = createComponent('a')({
-  displayName: 'Link',
-  Component: ({...elemProps}: ExtractProps<typeof Hyperlink, never>, ref, Element) => {
-    return (
-      <Hyperlink
-        as={Element}
-        ref={ref}
-        {...handleCsProp(elemProps, informationHighlightLinkStencil())}
-      />
-    );
-  },
-});

package/information-highlight/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/commonjs/information-highlight",
-  "module": "../dist/es6/information-highlight",
-  "sideEffects": false,
-  "types": "../dist/es6/information-highlight"
-}