@workday/canvas-kit-preview-react 13.0.0-alpha.996-next.0 → 13.0.0

package/dist/es6/divider/lib/Divider.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { createStencil, handleCsProp, calc, cssVar, px2rem, } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
@@ -6,8 +6,8 @@ export const dividerStencil = createStencil({
     vars: {
         space: cssVar(system.space.x4),
     },
-    base: { name: "s7ax2", styles: "--space-divider-156e29:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-156e29) / 2) 0;" }
-}, "divider-156e29");
+    base: { name: "ndjk2", styles: "--space-divider-a2c50d:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-a2c50d) / 2) 0;" }
+}, "divider-a2c50d");
 /**
  * # Divider
  * A divider to segment and visually organize content. By default, it renders a semantic `[<hr>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)` element.
@@ -28,5 +28,5 @@ export const dividerStencil = createStencil({
  */
 export const Divider = createComponent('hr')({
     displayName: 'Divider',
-    Component: ({ space, ...elemProps }, ref, Element) => (React.createElement(Element, { ref: ref, ...handleCsProp(elemProps, dividerStencil({ space })) })),
+    Component: ({ space, ...elemProps }, ref, Element) => (_jsx(Element, { ref: ref, ...handleCsProp(elemProps, dividerStencil({ space })) })),
 });

package/dist/es6/index.d.ts

@@ -1,5 +1,4 @@
 export * from './color-picker';
-export * from './common';
 export * from './divider';
 export * from './loading-sparkles';
 export * from './menu';
@@ -11,5 +10,5 @@ export * from './side-panel';
 export * from './status-indicator';
 export * from './text-area';
 export * from './text-input';
-export * from './InformationHighlight';
+export * from './information-highlight';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/es6/index.js

@@ -1,5 +1,4 @@
 export * from './color-picker';
-export * from './common';
 export * from './divider';
 export * from './loading-sparkles';
 export * from './menu';
@@ -11,4 +10,4 @@ export * from './side-panel';
 export * from './status-indicator';
 export * from './text-area';
 export * from './text-input';
-export * from './InformationHighlight';
+export * from './information-highlight';

package/dist/es6/{InformationHighlight → information-highlight}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../InformationHighlight/index.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
+{"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/{InformationHighlight → information-highlight}/lib/InformationHighlight.d.ts

@@ -50,7 +50,7 @@ export declare const informationHighlightStencil: import("@workday/canvas-kit-st
             };
         };
     };
-}, {}, never, never>;
+}, {}, {}, never, never>;
 export declare const InformationHighlight: import("@workday/canvas-kit-react/common").ElementComponentM<"section", InformationHighlightProps & Partial<{
     variant: "informational" | "caution" | "critical";
     emphasis: "high" | "low";
@@ -69,7 +69,7 @@ export declare const InformationHighlight: import("@workday/canvas-kit-react/com
         events: {};
     }>;
     Heading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", import("./parts/Heading").InformationHighlightHeadingProps>;
-    Body: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("@workday/canvas-kit-react/text").TextProps>;
+    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 {};

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

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

package/dist/es6/{InformationHighlight → information-highlight}/lib/InformationHighlight.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createContainer } from '@workday/canvas-kit-react/common';
-import { cssVar, createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { cssVar, createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
 import { base, system } from '@workday/canvas-tokens-web';
 import { InformationHighlightHeading } from './parts/Heading';
 import { Body } from './parts/Body';
@@ -9,22 +9,22 @@ import { Link } from './parts/Link';
 import { useInformationHighlightModel } from './hooks/useInformationHighlightModel';
 import { systemIconStencil } from '@workday/canvas-kit-react/icon';
 export const informationHighlightStencil = createStencil({
-    base: { name: "s7ax1z", 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);" },
+    base: { name: "ndjk4f", 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;" },
     modifiers: {
         informational: {
-            low: { name: "s7ax20", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "s7ax21", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-base-palette-blueberry-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);}" }
+            low: { name: "ndjk4g", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:none;}" },
+            high: { name: "ndjk4h", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-base-palette-blueberry-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);}" }
         },
         caution: {
-            low: { name: "s7ax22", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "s7ax23", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-base-palette-sour-lemon-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);}" }
+            low: { name: "ndjk4i", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:none;}" },
+            high: { name: "ndjk4j", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-base-palette-sour-lemon-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);}" }
         },
         critical: {
-            low: { name: "s7ax24", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "s7ax25", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-base-palette-peach-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);}" }
+            low: { name: "ndjk4k", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:none;}" },
+            high: { name: "ndjk4l", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-base-palette-peach-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);}" }
         }
     }
-}, "information-highlight-261624");
+}, "information-highlight-8bd64c");
 export const InformationHighlight = createContainer('section')({
     displayName: 'InformationHighlight',
     modelHook: useInformationHighlightModel,
@@ -35,5 +35,5 @@ export const InformationHighlight = createContainer('section')({
         Link: Link,
     },
 })(({ ...elemProps }, Element, model) => {
-    return (React.createElement(Element, { ...handleCsProp(elemProps, informationHighlightStencil({ [model.state.variant]: model.state.emphasis })) }));
+    return (_jsx(Element, { ...handleCsProp(elemProps, informationHighlightStencil({ [model.state.variant]: model.state.emphasis })) }));
 });

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

@@ -0,0 +1 @@
+{"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/parts/Body.d.ts

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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: "ndjk4d", 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.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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: "ndjk4c", 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.map

@@ -0,0 +1 @@
+{"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/{InformationHighlight → information-highlight}/lib/parts/Icon.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+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';
@@ -12,5 +12,5 @@ export const Icon = createSubcomponent('span')({
     displayName: 'Icon',
     modelHook: useInformationHighlightModel,
 })(({ icon, ...props }, Element, model) => {
-    return (React.createElement(SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
+    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.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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: "ndjk4e", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
+}, "information-highlight-link-aef704");
+export const Link = createComponent('a')({
+    displayName: 'Link',
+    Component: ({ ...elemProps }, ref, Element) => {
+        return (_jsx(Hyperlink, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightLinkStencil()) }));
+    },
+});

package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts

@@ -1,4 +1,5 @@
 import { CSProps } from '@workday/canvas-kit-styling';
+export declare const loadingSparklesStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
 /**
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
  */

package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,OAAO,EAKR,MAAM,6BAA6B,CAAC;AA8ErC;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
+{"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,EAAiD,MAAM,6BAA6B,CAAC;AAkCpG,eAAO,MAAM,sBAAsB,iJAsBjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}

package/dist/es6/loading-sparkles/lib/LoadingSparkles.js

@@ -1,46 +1,32 @@
-import * as React from 'react';
-import { system } from '@workday/canvas-tokens-web';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { base, system } from '@workday/canvas-tokens-web';
 import { createComponent } from '@workday/canvas-kit-react/common';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { createStyles, cssVar, handleCsProp, px2rem, keyframes, } from '@workday/canvas-kit-styling';
+import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
+import { createStencil, handleCsProp, keyframes, px2rem } from '@workday/canvas-kit-styling';
 import { sparkleIcon } from './sparkleIcon';
 /**
  * Duration of the sparkle animation (in ms).
  */
 const ANIMATION_DURATION_MS = 1230;
-// TODO: Replace with the actual color tokens when they are available.
-/**
- * Dragon Fruit colors.
- */
-const AI_COLORS = {
-    dragonFruit100: '#FBF1FF',
-    dragonFruit200: '#EFD3FF',
-    dragonFruit300: '#BE61F6',
-    dragonFruit400: '#8C17D2',
-    dragonFruit500: '#6B11A3',
-    dragonFruit600: '#4A0D71',
-};
 /**
  * The animation for the sparkle.
  */
-const LOADING_ANIMATION = keyframes({ name: "s7ax3", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
-const loadingSparklesIconStyles = createStyles({ name: "s7ax4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-s7ax3;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}" });
+const LOADING_ANIMATION = keyframes({ name: "ndjk3", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
 /**
  * An individual loading sparkle. ✨
  */
 const Sparkle = () => {
-    return (React.createElement(SystemIcon, { icon: sparkleIcon, cs: [loadingSparklesIconStyles], size: cssVar(system.space.x3) }));
+    return _jsx(SystemIcon, { "data-part": "sparkle", icon: sparkleIcon, size: system.space.x3 });
 };
-const loadingSparklesStyles = createStyles({ name: "s7ax5", styles: "display:inline-flex;gap:0.0625rem;" });
+export const loadingSparklesStencil = createStencil({
+    base: { name: "ndjk7", styles: "box-sizing:border-box;display:inline-flex;gap:0.0625rem;& [data-part=\"sparkle\"]{animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-ndjk3;animation-timing-function:ease-in-out;--color-system-icon-99ce3e:var(--cnvs-base-extended-palette-dragon-fruit-400);&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}}" }
+}, "loading-sparkles-cbd5a1");
 /**
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
  */
 export const LoadingSparkles = createComponent('div')({
     displayName: 'LoadingSparkles',
     Component: (elemProps, ref, Element) => {
-        return (React.createElement(Element, { ref: ref, role: "status", ...handleCsProp(elemProps, loadingSparklesStyles) },
-            React.createElement(Sparkle, null),
-            React.createElement(Sparkle, null),
-            React.createElement(Sparkle, null)));
+        return (_jsxs(Element, { ref: ref, role: "status", ...handleCsProp(elemProps, loadingSparklesStencil()), children: [_jsx(Sparkle, {}), _jsx(Sparkle, {}), _jsx(Sparkle, {})] }));
     },
 });

package/dist/es6/loading-sparkles/lib/sparkleIcon.js

@@ -3,7 +3,7 @@ export const sparkleIcon = {
     name: 'sparkle',
     type: CanvasIconTypes.System,
     svg: `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 0C6.15942 0 6.34301 0.0967055 6.38274 0.308112C6.64764 1.72077 7.21903 2.91761 8.0963 3.82655C8.97292 4.73482 10.1632 5.36427 11.6812 5.62996C12.1068 5.70416 12.1058 6.29577 11.6812 6.37004C10.1632 6.63573 8.97292 7.26518 8.0963 8.17345C7.21903 9.08239 6.64765 10.2792 6.38276 11.6918C6.34303 11.9032 6.15942 12 6 12C5.84058 12 5.65699 11.9033 5.61726 11.6919C5.35236 10.2792 4.78097 9.08245 3.9037 8.17353C3.02708 7.26528 1.8368 6.63583 0.31883 6.37004C-0.106757 6.29584 -0.105799 5.70423 0.31884 5.62996C1.8368 5.36427 3.02708 4.73482 3.9037 3.82655C4.78097 2.91761 5.35235 1.72083 5.61724 0.308177C5.65697 0.0967702 5.84058 0 6 0Z" class="wd-sparkle-fill"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 0C6.15942 0 6.34301 0.0967055 6.38274 0.308112C6.64764 1.72077 7.21903 2.91761 8.0963 3.82655C8.97292 4.73482 10.1632 5.36427 11.6812 5.62996C12.1068 5.70416 12.1058 6.29577 11.6812 6.37004C10.1632 6.63573 8.97292 7.26518 8.0963 8.17345C7.21903 9.08239 6.64765 10.2792 6.38276 11.6918C6.34303 11.9032 6.15942 12 6 12C5.84058 12 5.65699 11.9033 5.61726 11.6919C5.35236 10.2792 4.78097 9.08245 3.9037 8.17353C3.02708 7.26528 1.8368 6.63583 0.31883 6.37004C-0.106757 6.29584 -0.105799 5.70423 0.31884 5.62996C1.8368 5.36427 3.02708 4.73482 3.9037 3.82655C4.78097 2.91761 5.35235 1.72083 5.61724 0.308177C5.65697 0.0967702 5.84058 0 6 0Z" class="wd-icon-fill wd-sparkle-fill" />
   </svg>`,
     filename: 'wd-icon-sparkle.svg',
 };

package/dist/es6/menu/lib/Menu.d.ts

@@ -65,7 +65,7 @@ export declare class DeprecatedMenu extends React.Component<DeprecatedMenuProps,
     componentDidUpdate(prevProps: DeprecatedMenuProps): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     getNormalizedItemIndex: (index: number | undefined) => number;
     setNormalizedItemIndex: (index: number | undefined) => void;
     private handleKeyboardShortcuts;

package/dist/es6/menu/lib/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;;;GASG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA+E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CA8BxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAC,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAYD;;;;;;;;;GASG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA+E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CA8BxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}

package/dist/es6/menu/lib/Menu.js

@@ -1,17 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import styled from '@emotion/styled';
 import { Card } from '@workday/canvas-kit-react/card';
 import { commonColors, space, borderRadius } from '@workday/canvas-kit-react/tokens';
-import { hideMouseFocus, generateUniqueId } from '@workday/canvas-kit-react/common';
+import { generateUniqueId } from '@workday/canvas-kit-react/common';
 const List = styled('ul')({
     background: commonColors.background,
     borderRadius: borderRadius.m,
     padding: 0,
     margin: `${space.xxs} 0`,
-    '&:focus': {
+    '&:focus-visible, &.focus': {
         outline: 'none',
     },
-    ...hideMouseFocus,
 });
 /**
  * `DeprecatedMenu` renders a styled `<ul role="menu">` element within a {@link Card} and follows
@@ -228,22 +228,20 @@ export class DeprecatedMenu extends React.Component {
         const { selectedItemIndex } = this.state;
         const cardWidth = grow ? '100%' : width;
         let interactiveItemIndex = null;
-        return (React.createElement(Card, { display: "inline-block", padding: space.zero, width: cardWidth, depth: 3 },
-            React.createElement(Card.Body, null,
-                React.createElement(List, { role: "menu", tabIndex: 0, id: id, "aria-labelledby": ariaLabelledby, "aria-activedescendant": `${id}-${selectedItemIndex}`, onKeyDown: this.handleKeyboardShortcuts, ref: this.menuRef, ...elemProps }, React.Children.map(children, menuItem => {
-                    if (!React.isValidElement(menuItem)) {
-                        return;
-                    }
-                    let itemId;
-                    if (!menuItem.props.isHeader) {
-                        interactiveItemIndex = (interactiveItemIndex !== null && interactiveItemIndex !== void 0 ? interactiveItemIndex : -1) + 1;
-                        itemId = `${id}-${interactiveItemIndex}`;
-                    }
-                    return (React.createElement(React.Fragment, { key: itemId }, React.cloneElement(menuItem, {
-                        onClick: (event) => this.handleClick(event, menuItem.props),
-                        id: itemId,
-                        isFocused: selectedItemIndex === interactiveItemIndex && !menuItem.props.isHeader,
-                    })));
-                })))));
+        return (_jsx(Card, { display: "inline-block", padding: space.zero, width: cardWidth, depth: 3, children: _jsx(Card.Body, { children: _jsx(List, { role: "menu", tabIndex: 0, id: id, "aria-labelledby": ariaLabelledby, "aria-activedescendant": `${id}-${selectedItemIndex}`, onKeyDown: this.handleKeyboardShortcuts, ref: this.menuRef, ...elemProps, children: React.Children.map(children, menuItem => {
+                        if (!React.isValidElement(menuItem)) {
+                            return;
+                        }
+                        let itemId;
+                        if (!menuItem.props.isHeader) {
+                            interactiveItemIndex = (interactiveItemIndex !== null && interactiveItemIndex !== void 0 ? interactiveItemIndex : -1) + 1;
+                            itemId = `${id}-${interactiveItemIndex}`;
+                        }
+                        return (_jsx(React.Fragment, { children: React.cloneElement(menuItem, {
+                                onClick: (event) => this.handleClick(event, menuItem.props),
+                                id: itemId,
+                                isFocused: selectedItemIndex === interactiveItemIndex && !menuItem.props.isHeader,
+                            }) }, itemId));
+                    }) }) }) }));
     }
 }

package/dist/es6/menu/lib/MenuItem.d.ts

@@ -69,7 +69,7 @@ export declare class DeprecatedMenuItem extends React.Component<DeprecatedMenuIt
     ref: React.RefObject<HTMLLIElement>;
     componentDidMount(): void;
     componentDidUpdate: (prevProps: DeprecatedMenuItemProps) => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private handleClick;
 }
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/es6/menu/lib/MenuItem.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import styled from '@emotion/styled';
 import { colors, commonColors, iconColors, typeColors, space, type, } from '@workday/canvas-kit-react/tokens';
@@ -202,12 +203,7 @@ export class DeprecatedMenuItem extends React.Component {
         const { onClick, children, id, icon, secondaryIcon, hasDivider, isDisabled, isFocused, isHeader, role, ...elemProps } = this.props;
         iconProps = setIconProps(icon, isDisabled, isFocused);
         secondaryIconProps = setIconProps(secondaryIcon, isDisabled, isFocused);
-        return (React.createElement(React.Fragment, null,
-            hasDivider && React.createElement(Divider, { "aria-hidden": "true" }),
-            React.createElement(Item, { ref: this.ref, tabIndex: -1, id: id, role: isHeader ? 'presentation' : role, "aria-hidden": isHeader ? true : undefined, onClick: this.handleClick, "aria-disabled": isDisabled ? true : undefined, isDisabled: !!isDisabled, isFocused: !!isFocused, isHeader: !!isHeader, ...elemProps },
-                icon && iconProps && React.createElement(StyledSystemIcon, { ...iconProps }),
-                React.createElement(LabelContainer, null, children),
-                secondaryIcon && secondaryIconProps && (React.createElement(SecondaryStyledSystemIcon, { ...secondaryIconProps })))));
+        return (_jsxs(_Fragment, { children: [hasDivider && _jsx(Divider, { "aria-hidden": "true" }), _jsxs(Item, { ref: this.ref, tabIndex: -1, id: id, role: isHeader ? 'presentation' : role, "aria-hidden": isHeader ? true : undefined, onClick: this.handleClick, "aria-disabled": isDisabled ? true : undefined, isDisabled: !!isDisabled, isFocused: !!isFocused, isHeader: !!isHeader, ...elemProps, children: [icon && iconProps && _jsx(StyledSystemIcon, { ...iconProps }), _jsx(LabelContainer, { children: children }), secondaryIcon && secondaryIconProps && (_jsx(SecondaryStyledSystemIcon, { ...secondaryIconProps }))] })] }));
     }
 }
 /**