@workday/canvas-kit-react 7.0.0-alpha.0-next.7 → 7.0.0-alpha.100-next.25

package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAe,UAAU,EAAE,SAAS,EAAe,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAC,SAAS,EAAE,eAAe,EAAe,MAAM,QAAQ,CAAC;AAChE,OAAO,EAEL,cAAc,EACd,aAAa,EAEb,uBAAuB,EAEvB,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,oBAAY,SAAS,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IAC5C,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ;;;;OAIG;IACH,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CAC5B,CAAC;AAEF,oBAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACxD;;OAEG;IACH,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC9D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACpB;AAED,eAAO,MAAM,WAAW;;;;;;;;gCAZtB;;WAEG;;;;;;;;;;;;;;;;;;;CAiBH,CAAC;AAEH,oBAAY,mBAAmB,CAAC,CAAC,IAAI,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG;IACrF;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,GACrD,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,WAAW,CAAC,CAAC,CAAC;AAE1E,eAAO,MAAM,YAAY,kEAwExB,CAAC"}
+{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoCH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAFH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9EH;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;IAEH;;;;OAIG;;yBAYH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;IAFH;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;6BAYH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;QAFH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BL,CAAC"}

package/dist/commonjs/tabs/lib/useTabsModel.js

@@ -14,68 +14,90 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTabsModel = exports.tabEventMap = void 0;
+exports.useTabsModel = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var list_1 = require("./list");
-var menu_1 = require("./menu");
-var overflow_1 = require("./overflow");
-exports.tabEventMap = common_1.createEventMap()({
-    guards: __assign({}, overflow_1.overflowEventMap.guards),
-    callbacks: __assign({}, overflow_1.overflowEventMap.callbacks),
-});
-var useTabsModel = function (config) {
+var collection_1 = require("@workday/canvas-kit-react/collection");
+var menu_1 = require("@workday/canvas-kit-react/menu");
+exports.useTabsModel = common_1.createModelHook({
+    defaultConfig: __assign(__assign({}, collection_1.useOverflowListModel.defaultConfig), { 
+        /**
+         * Optional id for the whole `Tabs` group. The `aria-controls` of the `Tab.Item` and `id` of the
+         * `Tab.Panel` will automatically derived from this id. If not provided, a unique id will be
+         * created.
+         * @default useUniqueId()
+         */
+        id: '', 
+        /**
+         * An initially selected tab. This value must match the `name` of the `Tab.Item` component. If
+         * not provided, the first tab will be selected.
+         */
+        initialTab: '', 
+        /**
+         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
+         * the sub-components could be replaced to handle vertical orientations.
+         * @default 'horizontal'
+         */
+        orientation: 'horizontal', menuConfig: {} }),
+    requiredConfig: collection_1.useOverflowListModel.requiredConfig,
+})(function (config) {
     var _a;
-    if (config === void 0) { config = {}; }
-    var id = common_1.useUniqueId(config.id);
     var initialSelectedRef = react_1.default.useRef(config.initialTab);
-    var getId = config.getId || list_1.defaultGetId;
-    var items = config.items; // || (emptyItems as T[]);
-    var model = overflow_1.useOverflowModel(__assign(__assign({}, config), { id: id + "-tabs", orientation: config.orientation || 'horizontal', items: items,
-        onRegisterItem: function (_a) {
-            var _b;
-            var data = _a.data, prevState = _a.prevState;
-            (_b = config === null || config === void 0 ? void 0 : config.onRegisterItem) === null || _b === void 0 ? void 0 : _b.call(config, { data: data, prevState: prevState });
+    var getId = config.getId || collection_1.defaultGetId;
+    var items = config.items;
+    var model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
+        orientation: config.orientation || 'horizontal',
+        items: items,
+        onRegisterItem: function (data) {
             if (!initialSelectedRef.current) {
                 initialSelectedRef.current = getId(data.item);
                 events.select({ id: initialSelectedRef.current });
             }
-        }, initialSelectedIds: config.initialTab
+        },
+        initialSelectedIds: config.initialTab
             ? [config.initialTab]
             : ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length) ? [getId(config.items[0])]
-                : [] }));
-    var panels = list_1.useListModel();
-    var state = __assign(__assign({}, model.state), { id: id,
-        getId: getId, orientation: config.orientation || 'horizontal', panels: panels.state.items, panelIndexRef: panels.state.indexRef });
+                : [],
+        shouldVirtualize: false,
+    }));
+    var panels = collection_1.useListModel();
+    var state = __assign(__assign({}, model.state), { getId: getId, orientation: config.orientation || 'horizontal', 
+        /**
+         * A list of panels. Uses `ListModel`
+         */
+        panels: panels.state.items, 
+        /**
+         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
+         * React state cycle to ensure accurate index tracking as items are registered within the same
+         * state setting phase.
+         */
+        panelIndexRef: panels.state.indexRef });
     var overflowItems = react_1.default.useMemo(function () { return (items ? items.filter(function (item) { return state.hiddenIds.includes(getId(item)); }) : undefined); }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [state.hiddenIds, items]);
-    var events = common_1.useEventMap(exports.tabEventMap, state, config, __assign(__assign({}, model.events), { registerPanel: panels.events.registerItem, unregisterPanel: panels.events.unregisterItem }));
-    var menu = menu_1.useMenuModel({
-        id: id + "-menu",
+    var events = __assign(__assign({}, model.events), { 
+        /**
+         * This event registers panels with state.panels. Called when a panel is mounted.
+         */
+        registerPanel: panels.events.registerItem, 
+        /**
+         * This event unregisters panels with state.panels. Called when a panel is unmounted.
+         */
+        unregisterPanel: panels.events.unregisterItem });
+    var menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
+        id: "menu-" + model.state.id,
         items: overflowItems,
         nonInteractiveIds: state.nonInteractiveIds.filter(function (key) { return !state.hiddenIds.includes(key); }),
-        onSelect: function (_a) {
-            var _b, _c;
-            var data = _a.data, prevState = _a.prevState;
+        onSelect: function (data) {
             menu.events.hide();
             events.select(data);
-            (_c = (_b = config.menuConfig) === null || _b === void 0 ? void 0 : _b.onSelect) === null || _c === void 0 ? void 0 : _c.call(_b, { data: data, prevState: prevState });
         },
-        onShow: function (_a) {
-            var _b, _c;
-            var data = _a.data, prevState = _a.prevState;
+        onShow: function () {
             // Always select the first item when the menu is opened
-            menu.events.first();
-            (_c = (_b = config.menuConfig) === null || _b === void 0 ? void 0 : _b.onShow) === null || _c === void 0 ? void 0 : _c.call(_b, { data: data, prevState: prevState });
+            menu.events.goToFirst();
         },
-    });
-    return {
-        state: state,
+    }));
+    return __assign(__assign({}, model), { state: state,
         events: events,
-        menu: menu,
-        getId: model.getId,
-        selection: model.selection,
-    };
-};
-exports.useTabsModel = useTabsModel;
+        menu: menu });
+});

package/dist/commonjs/text-input/lib/InputIconContainer.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 export interface InputIconContainerProps extends GrowthBehavior {
-    icon?: React.ReactElement<SystemIcon>;
+    icon?: React.ReactElement<typeof SystemIcon>;
 }
 declare const InputIconContainer: React.FunctionComponent<InputIconContainerProps>;
 export default InputIconContainer;

package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;CACvC;AAaD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CASxE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC9C;AAaD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CASxE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/commonjs/toast/lib/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA6ChB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAsB,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkCD,eAAO,MAAM,KAAK,4DA+ChB,CAAC"}

package/dist/commonjs/toast/lib/Toast.js

@@ -73,7 +73,8 @@ exports.Toast = common_1.createComponent('div')({
         _c = _a.iconColor, // needed for TS2742 - https://github.com/microsoft/TypeScript/issues/29808
         iconColor = _c === void 0 ? tokens_1.colors.greenApple400 : _c, onClose = _a.onClose, onActionClick = _a.onActionClick, actionText = _a.actionText, children = _a.children, elemProps = __rest(_a, ["icon", "iconColor", "onClose", "onActionClick", "actionText", "children"]);
         var isInteractive = onClose || onActionClick;
-        return (React.createElement(popup_1.Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", role: isInteractive ? 'dialog' : 'status', "aria-live": isInteractive ? 'off' : 'polite', "aria-atomic": !isInteractive }, elemProps),
+        var isError = iconColor === tokens_1.colors.cinnamon500 && icon === canvas_system_icons_web_1.exclamationCircleIcon;
+        return (React.createElement(popup_1.Popup.Card, __assign({ ref: ref, as: Element, width: toastWidth, padding: "s", depth: 5, role: isInteractive ? 'dialog' : isError ? 'alert' : 'status', "aria-live": isInteractive ? 'off' : isError ? 'assertive' : 'polite', "aria-atomic": !isInteractive }, elemProps),
             onClose && React.createElement(popup_1.Popup.CloseIcon, { "aria-label": "Close", onClick: onClose, size: "small" }),
             React.createElement(popup_1.Popup.Body, null,
                 React.createElement(ToastContentContainer, { onClose: onClose },

package/dist/commonjs/tokens/lib/depth.d.ts

@@ -1,23 +1,23 @@
 export declare type CanvasDepth = {
     /**
-     * ### Depth Inset
-     * 	Used for inset containers
+     * ### Depth None
+     * 	Used for removing existing depth
      *
      * @example
      * ```ts
      * import { depth } from '@workday/canvas-kit-react/tokens';
      *
-     * const insetCardStyles = {
-     *   ...depth.inset,
+     * const noDepthCardStyles = {
+     *   ...depth.none,
      * };
      * ```
      */
-    inset: {
-        boxShadow: 'inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09)';
+    none: {
+        boxShadow: 'none';
     };
     /**
      * ### Depth 1
-     * Used for minimal offset
+     * Used for minimal offset and Cards
      *
      * @example
      * ```ts
@@ -29,11 +29,11 @@ export declare type CanvasDepth = {
      * ```
      */
     1: {
-        boxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.08)';
+        boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)';
     };
     /**
      * ### Depth 2
-     * Used for Cards, Popups, and Menus — our most common depth
+     * Used for Top navigation, Bottom navigation
      *
      * @example
      * ```ts
@@ -45,11 +45,11 @@ export declare type CanvasDepth = {
      * ```
      */
     2: {
-        boxShadow: '0px 4px 8px 0 rgba(0, 0, 0, 0.1)';
+        boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)';
     };
     /**
      * ### Depth 3
-     * Used for interactive Cards on hover
+     * Used for FABs, Menus
      *
      * @example
      * ```ts
@@ -61,11 +61,11 @@ export declare type CanvasDepth = {
      * ```
      */
     3: {
-        boxShadow: '0px 8px 16px 0 rgba(0, 0, 0, 0.12)';
+        boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)';
     };
     /**
      * ### Depth 4
-     * Used for Cards on white backgrounds — adds border styles for more contrast
+     *
      *
      * @example
      * ```ts
@@ -77,8 +77,39 @@ export declare type CanvasDepth = {
      * ```
      */
     4: {
-        border: '1px solid rgba(218, 226, 230, 1)';
-        boxShadow: '0px 8px 16px 0 rgba(0, 0, 0, 0.12)';
+        boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)';
+    };
+    /**
+     * ### Depth 5
+     * Used for Popups, Toast Messages, Dialogs, Side Panels without opacity overlay behavior
+     *
+     * @example
+     * ```ts
+     * import { depth } from '@workday/canvas-kit-react/tokens';
+     *
+     * const cardStyles = {
+     *   ...depth[5],
+     * };
+     * ```
+     */
+    5: {
+        boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)';
+    };
+    /**
+     * ### Depth 6
+     * Used for components with opacity overlay behavior such as Modal or Side Panels
+     *
+     * @example
+     * ```ts
+     * import { depth } from '@workday/canvas-kit-react/tokens';
+     *
+     * const cardStyles = {
+     *   ...depth[6],
+     * };
+     * ```
+     */
+    6: {
+        boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)';
     };
 };
 declare type ValueOf<T> = T[keyof T];
@@ -88,8 +119,8 @@ export declare type CanvasDepthValues = ValueOf<CanvasDepth>;
  *
  * Depth is the relative distance between surfaces in the z-axis.
  * It provides delineation, focus, and priority with shadows and layering.
- * There are five depth levels, `inset`, `1`, `2`, `3`, and `4`.
- * Most levels only apply box-shadow styles, but `depth[4]` also applies border styles.
+ * There are seven depth levels, `none`, `1`, `2`, `3`, `4`, `5` and `6`.
+ * `none` is a special value to remove depth styles. All other levels only apply box-shadow styles.
  *
  * @example
  * ```tsx

package/dist/commonjs/tokens/lib/depth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/depth.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB;;;;;;;;;;;;OAYG;IACH,KAAK,EAAE;QACL,SAAS,EAAE,6CAA6C,CAAC;KAC1D,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,mCAAmC,CAAC;KAChD,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,kCAAkC,CAAC;KAC/C,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,oCAAoC,CAAC;KACjD,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,MAAM,EAAE,kCAAkC,CAAC;QAC3C,SAAS,EAAE,oCAAoC,CAAC;KACjD,CAAC;CACH,CAAC;AAEF,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7B,oBAAY,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,EAAE,WAiBnB,CAAC"}
+{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/depth.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,iEAAiE,CAAC;KAC9E,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,kEAAkE,CAAC;KAC/E,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,mEAAmE,CAAC;KAChF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,mEAAmE,CAAC;KAChF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,oEAAoE,CAAC;KACjF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,oEAAoE,CAAC;KACjF,CAAC;CACH,CAAC;AAEF,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7B,oBAAY,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,EAAE,WAsBnB,CAAC"}

package/dist/commonjs/tokens/lib/depth.js

@@ -6,8 +6,8 @@ exports.depth = void 0;
  *
  * Depth is the relative distance between surfaces in the z-axis.
  * It provides delineation, focus, and priority with shadows and layering.
- * There are five depth levels, `inset`, `1`, `2`, `3`, and `4`.
- * Most levels only apply box-shadow styles, but `depth[4]` also applies border styles.
+ * There are seven depth levels, `none`, `1`, `2`, `3`, `4`, `5` and `6`.
+ * `none` is a special value to remove depth styles. All other levels only apply box-shadow styles.
  *
  * @example
  * ```tsx
@@ -24,20 +24,25 @@ exports.depth = void 0;
  *
  */
 exports.depth = {
-    inset: {
-        boxShadow: 'inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09)',
+    none: {
+        boxShadow: 'none',
     },
     1: {
-        boxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.08)',
+        boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)',
     },
     2: {
-        boxShadow: '0px 4px 8px 0 rgba(0, 0, 0, 0.1)',
+        boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)',
     },
     3: {
-        boxShadow: '0px 8px 16px 0 rgba(0, 0, 0, 0.12)',
+        boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)',
     },
     4: {
-        border: '1px solid rgba(218, 226, 230, 1)',
-        boxShadow: '0px 8px 16px 0 rgba(0, 0, 0, 0.12)',
+        boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)',
+    },
+    5: {
+        boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)',
+    },
+    6: {
+        boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)',
     },
 };

package/dist/commonjs/tooltip/lib/Tooltip.d.ts

@@ -24,7 +24,7 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
      * Determines the tooltip type for accessibility.
      *
      * - `label`: Sets the accessible name for the wrapped element. Use for icons or if tooltip
-     *   `title` prop is the same as the text content of the wrapped element. E.g. IconButtons or
+     *   `title` prop is the same as the text content of the wrapped element. E.g. TertiaryButtons that render an icon or
      *   Ellipsis tooltips.
      * - `describe`: Sets `aria-describedby` of the wrapped element. Use if the tooltip has additional
      *   information about the target.

package/dist/commonjs/tooltip/lib/useTooltip.d.ts

@@ -8,7 +8,7 @@ export declare function useTooltip<T extends Element = Element>({ type, titleTex
      * Determines the tooltip type for accessibility.
      *
      * - `label`: Sets the accessible name for the wrapped element. Use for icons or if tooltip
-     *   `title` prop is the same as the text content of the wrapped element. E.g. IconButtons or
+     *   `title` prop is the same as the text content of the wrapped element. E.g. TertiaryButton that renders an icon or
      *   Ellipsis tooltips.
      * - `describe`: Sets `aria-describedby` of the wrapped element. Use if the tooltip has additional
      *   information about the target.

package/dist/es6/action-bar/index.d.ts

@@ -1,2 +1,3 @@
 export * from './lib/ActionBar';
+export * from './lib/useActionBarModel';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/action-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../action-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../action-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC"}

package/dist/es6/action-bar/index.js

@@ -1 +1,2 @@
 export * from './lib/ActionBar';
+export * from './lib/useActionBarModel';