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

package/color-picker/lib/parts/ColorReset.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import styled from '@emotion/styled';
 
 import {colors, space, type} from '@workday/canvas-kit-react/tokens';

package/dist/commonjs/color-picker/lib/ColorPicker.d.ts

@@ -49,7 +49,7 @@ export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
     resetLabel?: string;
 }
 export declare const ColorPicker: {
-    ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): React.JSX.Element;
+    ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
     defaultColorSet: string[];
 };
 //# sourceMappingURL=ColorPicker.d.ts.map

package/dist/commonjs/color-picker/lib/ColorPicker.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorPicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const color_picker_1 = require("@workday/canvas-kit-react/color-picker");
@@ -149,14 +150,7 @@ const ColorPicker = ({ colorSet = defaultColorSet, customHexInputLabel = 'Custom
         onColorChange(validHexValue);
         event.preventDefault(); // don't submit the form - default action is to reload the page
     };
-    return (React.createElement(ColorPickerContainer, { ...elemProps },
-        onColorReset && resetColor && (React.createElement(ColorReset_1.ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })),
-        React.createElement(SwatchBook_1.SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }),
-        showCustomHexInput && (React.createElement(ColorInputWrapper, { onSubmit: onSubmit },
-            React.createElement(ColorInputAndLabel, null,
-                React.createElement(form_field_1.FormField.Label, null, customHexInputLabel),
-                React.createElement(form_field_1.FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })),
-            React.createElement(CheckButton, { "aria-label": submitLabel, icon: canvas_system_icons_web_1.checkIcon, type: "submit", disabled: disabled })))));
+    return ((0, jsx_runtime_1.jsxs)(ColorPickerContainer, { ...elemProps, children: [onColorReset && resetColor && ((0, jsx_runtime_1.jsx)(ColorReset_1.ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })), (0, jsx_runtime_1.jsx)(SwatchBook_1.SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }), showCustomHexInput && ((0, jsx_runtime_1.jsxs)(ColorInputWrapper, { onSubmit: onSubmit, children: [(0, jsx_runtime_1.jsxs)(ColorInputAndLabel, { children: [(0, jsx_runtime_1.jsx)(form_field_1.FormField.Label, { children: customHexInputLabel }), (0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })] }), (0, jsx_runtime_1.jsx)(CheckButton, { "aria-label": submitLabel, icon: canvas_system_icons_web_1.checkIcon, type: "submit", disabled: disabled })] }))] }));
 };
 exports.ColorPicker = ColorPicker;
 exports.ColorPicker.defaultColorSet = defaultColorSet;

package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 export interface ResetButtonProps {
     label: string;
     resetColor: string;
     onClick: (color: string) => void;
 }
-export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => React.JSX.Element;
+export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorReset.d.ts.map

package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,sBASzE,CAAC"}
+{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,4CASzE,CAAC"}

package/dist/commonjs/color-picker/lib/parts/ColorReset.js

@@ -1,33 +1,10 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResetButton = void 0;
-const React = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_1 = __importDefault(require("@emotion/styled"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
@@ -63,8 +40,6 @@ const Container = (0, styled_1.default)('button')({
 });
 const ResetButton = ({ onClick, resetColor, label }) => {
     const handleResetColor = () => onClick(resetColor);
-    return (React.createElement(Container, { onClick: handleResetColor },
-        React.createElement(color_picker_1.ColorSwatch, { color: resetColor }),
-        React.createElement(Label, null, label)));
+    return ((0, jsx_runtime_1.jsxs)(Container, { onClick: handleResetColor, children: [(0, jsx_runtime_1.jsx)(color_picker_1.ColorSwatch, { color: resetColor }), (0, jsx_runtime_1.jsx)(Label, { children: label })] }));
 };
 exports.ResetButton = ResetButton;

package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export interface SwatchBookColorObject {
     value: string;
     label: string;
@@ -8,5 +7,5 @@ export interface SwatchBookProps {
     value?: string;
     onSelect: (color: string) => void;
 }
-export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => React.JSX.Element;
+export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SwatchBook.d.ts.map

package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,sBA6BpE,CAAC"}
+{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,4CA6BpE,CAAC"}

package/dist/commonjs/color-picker/lib/parts/SwatchBook.js

@@ -1,33 +1,10 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwatchBook = void 0;
-const React = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_1 = __importDefault(require("@emotion/styled"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
@@ -69,14 +46,13 @@ const Container = (0, styled_1.default)('div')({
     margin: `0px -${tokens_1.space.xxs} -${tokens_1.space.xxs} 0px`,
 });
 const SwatchBook = ({ colors, value, onSelect }) => {
-    return (React.createElement(Container, null, colors.map((color, index) => {
-        const hexCode = typeof color === 'object' ? color.value : color;
-        const label = typeof color === 'object' ? color.label : color;
-        const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
-        const handleClick = () => onSelect(hexCode);
-        const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
-        return (React.createElement(SwatchContainer, { key: index + '-' + color, onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected },
-            React.createElement(color_picker_1.ColorSwatch, { color: hexCode, showCheck: isSelected })));
-    })));
+    return ((0, jsx_runtime_1.jsx)(Container, { children: colors.map((color, index) => {
+            const hexCode = typeof color === 'object' ? color.value : color;
+            const label = typeof color === 'object' ? color.label : color;
+            const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
+            const handleClick = () => onSelect(hexCode);
+            const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
+            return ((0, jsx_runtime_1.jsx)(SwatchContainer, { onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected, children: (0, jsx_runtime_1.jsx)(color_picker_1.ColorSwatch, { color: hexCode, showCheck: isSelected }) }, index + '-' + color));
+        }) }));
 };
 exports.SwatchBook = SwatchBook;

package/dist/commonjs/divider/lib/Divider.d.ts

@@ -1,7 +1,7 @@
 import { CSProps } from '@workday/canvas-kit-styling';
-export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{
+export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
     space: string;
-}, never>, {
+}, never>, {}, {
     space: string;
 }, never, never>;
 export interface DividerProps extends CSProps {

package/dist/commonjs/divider/lib/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}

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

@@ -1,30 +1,7 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = exports.dividerStencil = void 0;
-const React = __importStar(require("react"));
+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");
@@ -32,8 +9,8 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
     },
-    base: { name: "y3fh2", 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: "htmr2", 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.
@@ -54,5 +31,5 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
  */
 exports.Divider = (0, common_1.createComponent)('hr')({
     displayName: 'Divider',
-    Component: ({ space, ...elemProps }, ref, Element) => (React.createElement(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.dividerStencil)({ space })) })),
+    Component: ({ space, ...elemProps }, ref, Element) => ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.dividerStencil)({ space })) })),
 });

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

@@ -15,7 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./color-picker"), exports);
-__exportStar(require("./common"), exports);
 __exportStar(require("./divider"), exports);
 __exportStar(require("./loading-sparkles"), exports);
 __exportStar(require("./menu"), exports);
@@ -27,4 +26,4 @@ __exportStar(require("./side-panel"), exports);
 __exportStar(require("./status-indicator"), exports);
 __exportStar(require("./text-area"), exports);
 __exportStar(require("./text-input"), exports);
-__exportStar(require("./InformationHighlight"), exports);
+__exportStar(require("./information-highlight"), exports);

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

@@ -0,0 +1,42 @@
+"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: "htmr4f", 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: "htmr4g", 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: "htmr4h", 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: "htmr4i", 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: "htmr4j", 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: "htmr4k", 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: "htmr4l", 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-8bd64c");
+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.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/commonjs/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/commonjs/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/commonjs/information-highlight/lib/parts/Body.js

@@ -0,0 +1,17 @@
+"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: "htmr4d", 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.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/commonjs/information-highlight/lib/parts/Heading.js

@@ -0,0 +1,17 @@
+"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: "htmr4c", 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.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/commonjs/information-highlight/lib/parts/Icon.js

@@ -0,0 +1,19 @@
+"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.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/commonjs/information-highlight/lib/parts/Link.js

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

package/dist/commonjs/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/commonjs/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/commonjs/loading-sparkles/lib/LoadingSparkles.js

@@ -1,30 +1,7 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSparkles = void 0;
-const React = __importStar(require("react"));
+exports.LoadingSparkles = exports.loadingSparklesStencil = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const common_1 = require("@workday/canvas-kit-react/common");
 const icon_1 = require("@workday/canvas-kit-react/icon");
@@ -34,39 +11,25 @@ const sparkleIcon_1 = require("./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 = (0, canvas_kit_styling_1.keyframes)({ name: "y3fh3", 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 = (0, canvas_kit_styling_1.createStyles)({ name: "y3fh4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-y3fh3;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 = (0, canvas_kit_styling_1.keyframes)({ name: "htmr3", 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(icon_1.SystemIcon, { icon: sparkleIcon_1.sparkleIcon, cs: [loadingSparklesIconStyles], size: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x3) }));
+    return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { "data-part": "sparkle", icon: sparkleIcon_1.sparkleIcon, size: canvas_tokens_web_1.system.space.x3 });
 };
-const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "y3fh5", styles: "display:inline-flex;gap:0.0625rem;" });
+exports.loadingSparklesStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "htmr7", 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-htmr3;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.
  */
 exports.LoadingSparkles = (0, common_1.createComponent)('div')({
     displayName: 'LoadingSparkles',
     Component: (elemProps, ref, Element) => {
-        return (React.createElement(Element, { ref: ref, role: "status", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, loadingSparklesStyles) },
-            React.createElement(Sparkle, null),
-            React.createElement(Sparkle, null),
-            React.createElement(Sparkle, null)));
+        return ((0, jsx_runtime_1.jsxs)(Element, { ref: ref, role: "status", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.loadingSparklesStencil)()), children: [(0, jsx_runtime_1.jsx)(Sparkle, {}), (0, jsx_runtime_1.jsx)(Sparkle, {}), (0, jsx_runtime_1.jsx)(Sparkle, {})] }));
     },
 });

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

@@ -6,7 +6,7 @@ exports.sparkleIcon = {
     name: 'sparkle',
     type: design_assets_types_1.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/commonjs/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/commonjs/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"}