@workday/canvas-kit-react 13.0.0-alpha.1069-next.0 → 13.0.0-alpha.1074-next.0

package/action-bar/lib/ActionBarOverflowButton.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {relatedActionsIcon} from '@workday/canvas-system-icons-web';
 import {
   createElemPropsHook,

package/badge/lib/CountBadge.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {handleCsProp, CSProps, createStencil, px2rem, keyframes} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';

package/banner/lib/Banner.tsx

@@ -1,6 +1,3 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import {jsx} from '@emotion/react';
 import * as React from 'react';
 
 import {borderRadius, CSSProperties, space, type} from '@workday/canvas-kit-react/tokens';
@@ -131,7 +128,7 @@ export const Banner = createContainer('button')({
       display="flex"
       alignItems="center"
       {...borderStyleProps}
-      css={[styles, themedBackgroundStyles]}
+      cs={[styles, themedBackgroundStyles]}
       {...elemProps}
     >
       {children}

package/banner/lib/BannerIcon.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {space} from '@workday/canvas-kit-react/tokens';
 import {
   ExtractProps,

package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   createElemPropsHook,
   useLocalRef,

package/breadcrumbs/lib/BreadcrumbsMenu.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {createContainer, createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {Menu, useMenuModel} from '@workday/canvas-kit-react/menu';
 

package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {chevronRightSmallIcon, relatedActionsIcon} from '@workday/canvas-system-icons-web';
 import {colors, space} from '@workday/canvas-kit-react/tokens';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';

package/button/lib/Button.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {BaseButton, ButtonContainerProps} from './BaseButton';
 import {createComponent} from '@workday/canvas-kit-react/common';
 

package/button/lib/DeleteButton.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {buttonColorPropVars, buttonStencil} from './BaseButton';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {createStencil, cssVar} from '@workday/canvas-kit-styling';

package/button/lib/ExternalHyperlink.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {extLinkIcon} from '@workday/canvas-system-icons-web';
 import {SystemIcon, systemIconStencil} from '@workday/canvas-kit-react/icon';

package/button/lib/PrimaryButton.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {systemIconStencil} from '@workday/canvas-kit-react/icon';
 import {createStencil, cssVar} from '@workday/canvas-kit-styling';

package/button/lib/SecondaryButton.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {buttonColorPropVars, buttonStencil} from './BaseButton';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {createStencil, cssVar} from '@workday/canvas-kit-styling';

package/button/lib/TertiaryButton.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {buttonColorPropVars, buttonStencil} from './BaseButton';
 import {createComponent, focusRing} from '@workday/canvas-kit-react/common';
 import {calc, createStencil, cssVar} from '@workday/canvas-kit-styling';

package/button/lib/ToolbarDropdownButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {colors, space, borderRadius} from '@workday/canvas-kit-react/tokens';
 import {
   focusRing,

package/button/lib/parts/ButtonLabel.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {styled, createComponent, StyledType} from '@workday/canvas-kit-react/common';
 import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
 

package/button/lib/parts/ButtonLabelIcon.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {ButtonSizes} from '../types';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon, SystemIconProps} from '@workday/canvas-kit-react/icon';

package/card/lib/CardBody.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {BoxProps, mergeStyles} from '@workday/canvas-kit-react/layout';
 import {textStencil} from '@workday/canvas-kit-react/text';

package/checkbox/lib/CheckboxCheck.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {ErrorType, createComponent} from '@workday/canvas-kit-react/common';
 import {createStencil, calc, px2rem} from '@workday/canvas-kit-styling';
 import {brand, system} from '@workday/canvas-tokens-web';

package/checkbox/lib/CheckboxRipple.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {calc, createStencil, px2rem} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';

package/color-picker/lib/ColorPreview.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {ColorInput} from './ColorInput';
 import {createComponent, StyledType} from '@workday/canvas-kit-react/common';
 import {TextInputProps} from '@workday/canvas-kit-react/text-input';

package/combobox/lib/ComboboxCard.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {
   createElemPropsHook,
   createSubcomponent,

package/combobox/lib/ComboboxInput.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {TextInput} from '@workday/canvas-kit-react/text-input';
 

package/combobox/lib/ComboboxMenuList.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {createElemPropsHook, createSubcomponent} from '@workday/canvas-kit-react/common';
 import {useMenuModel, menuListStencil} from '@workday/canvas-kit-react/menu';
 import {ListBox, ListBoxProps} from '@workday/canvas-kit-react/collection';

package/combobox/lib/ComboboxPopper.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {usePopupPopper, Popper} from '@workday/canvas-kit-react/popup';
 

package/common/lib/AccessibleHide.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {createStyles, CSProps, handleCsProp} from '@workday/canvas-kit-styling';
 import {createComponent} from './utils/components';
 
@@ -13,7 +12,9 @@ export const accessibleHide = {
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   height: '1px',
+  minHeight: '1px',
   width: '1px',
+  minWidth: '1px',
   margin: '-1px',
   padding: 0,
   border: 0,

package/common/lib/AriaLiveRegion.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {createComponent} from './utils/components';
 import {handleCsProp, CSProps} from '@workday/canvas-kit-styling';
 

package/common/lib/EllipsisText.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled, {CSSObject} from '@emotion/styled';
 
 import {createComponent} from './utils';

package/dialog/lib/DialogCard.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {ExtractProps, createSubcomponent} from '@workday/canvas-kit-react/common';
 import {Popup} from '@workday/canvas-kit-react/popup';
 

package/dialog/lib/DialogPopper.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {Popup, usePopupPopper, Popper} from '@workday/canvas-kit-react/popup';
 

package/dist/commonjs/action-bar/lib/ActionBar.d.ts

@@ -4718,10 +4718,10 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             navigation: import("../..").NavigationManager;
             getId: (item: any) => string;
         }> & {
-            Icon: (elemProps: import("../..").SystemIconProps) => React.JSX.Element;
+            Icon: (elemProps: import("../..").SystemIconProps) => import("react/jsx-runtime").JSX.Element;
             Text: ({ children }: {
                 children?: React.ReactNode;
-            }) => React.JSX.Element;
+            }) => import("react/jsx-runtime").JSX.Element;
         };
         Option: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../menu/lib/MenuOption").MenuOptionProps, {
             state: {
@@ -4801,10 +4801,10 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             navigation: import("../..").NavigationManager;
             getId: (item: any) => string;
         }> & {
-            Icon: (elemProps: import("../..").SystemIconProps) => React.JSX.Element;
+            Icon: (elemProps: import("../..").SystemIconProps) => import("react/jsx-runtime").JSX.Element;
             Text: ({ children }: {
                 children?: React.ReactNode;
-            }) => React.JSX.Element;
+            }) => import("react/jsx-runtime").JSX.Element;
         };
         Divider: import("@workday/canvas-kit-react/common").ElementComponent<"hr", import("../../menu/lib/MenuDivider").DividerProps>;
         TargetContext: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../menu/lib/MenuTarget").MenuTargetProps, {

package/dist/commonjs/action-bar/lib/ActionBar.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.ActionBar = 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 menu_1 = require("@workday/canvas-kit-react/menu");
 const useActionBarModel_1 = require("./useActionBarModel");
@@ -97,5 +74,5 @@ exports.ActionBar = (0, common_1.createContainer)()({
         Menu: menu_1.Menu,
     },
 })(({ children }, _, model) => {
-    return React.createElement(menu_1.Menu, { model: model.menu }, children);
+    return (0, jsx_runtime_1.jsx)(menu_1.Menu, { model: model.menu, children: children });
 });

package/dist/commonjs/action-bar/lib/ActionBarItem.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.ActionBarItem = exports.useActionBarItem = 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 button_1 = require("@workday/canvas-kit-react/button");
 const collection_1 = require("@workday/canvas-kit-react/collection");
@@ -35,5 +12,5 @@ exports.ActionBarItem = (0, common_1.createSubcomponent)(button_1.SecondaryButto
     modelHook: useActionBarModel_1.useActionBarModel,
     elemPropsHook: exports.useActionBarItem,
 })((elemProps, Element) => {
-    return React.createElement(Element, { ...elemProps });
+    return (0, jsx_runtime_1.jsx)(Element, { ...elemProps });
 });

package/dist/commonjs/action-bar/lib/ActionBarList.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.ActionBarList = exports.useActionBarList = exports.actionBarListStencil = void 0;
-const React = __importStar(require("react"));
+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 layout_1 = require("@workday/canvas-kit-react/layout");
@@ -32,7 +9,7 @@ const collection_1 = require("@workday/canvas-kit-react/collection");
 const useActionBarModel_1 = require("./useActionBarModel");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 exports.actionBarListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "ic5g30", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-1);gap:var(--cnvs-sys-space-x4);background:var(--cnvs-sys-color-bg-default);border-block-start:solid 1px var(--cnvs-sys-color-border-divider);padding:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x10) ;position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-space-x4);> *{flex:1;}}" }
+    base: { name: "mgka30", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-1);gap:var(--cnvs-sys-space-x4);background:var(--cnvs-sys-color-bg-default);border-block-start:solid 1px var(--cnvs-sys-color-border-divider);padding:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x10) ;position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-space-x4);> *{flex:1;}}" }
 }, "action-bar-list-887890");
 exports.useActionBarList = collection_1.useOverflowListMeasure;
 exports.ActionBarList = (0, common_1.createSubcomponent)('div')({
@@ -40,7 +17,5 @@ exports.ActionBarList = (0, common_1.createSubcomponent)('div')({
     modelHook: useActionBarModel_1.useActionBarModel,
     elemPropsHook: exports.useActionBarList,
 })(({ children, overflowButton, ...elemProps }, Element, model) => {
-    return (React.createElement(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, exports.actionBarListStencil)()) },
-        (0, collection_1.useListRenderItems)(model, children),
-        overflowButton));
+    return ((0, jsx_runtime_1.jsxs)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, exports.actionBarListStencil)()), children: [(0, collection_1.useListRenderItems)(model, children), overflowButton] }));
 });

package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SecondaryButtonProps } from '@workday/canvas-kit-react/button';
 export interface ActionBarOverflowButtonProps extends SecondaryButtonProps {
     'aria-label': string;
@@ -19,7 +18,7 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
+        pageSizeRef: import("react").MutableRefObject<number>;
         cursorIndexRef: {
             readonly current: number;
         };
@@ -31,9 +30,9 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
             measure: () => void;
         };
         UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
+        containerRef: import("react").RefObject<HTMLDivElement>;
         id: string;
-        indexRef: React.MutableRefObject<number>;
+        indexRef: import("react").MutableRefObject<number>;
         isVirtualized: boolean;
         items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
@@ -85,7 +84,7 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
         remove(data: {
             id: string;
             nextId?: string | undefined;
-            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            event?: Event | import("react").SyntheticEvent<Element, Event> | undefined;
         }): void;
         goTo(data: {
             id: string;
@@ -113,10 +112,10 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
     };
     menu: {
         state: {
-            stackRef: React.RefObject<HTMLDivElement>;
-            targetRef: React.RefObject<HTMLButtonElement>;
-            initialFocusRef: React.RefObject<any> | undefined;
-            returnFocusRef: React.RefObject<any> | undefined;
+            stackRef: import("react").RefObject<HTMLDivElement>;
+            targetRef: import("react").RefObject<HTMLButtonElement>;
+            initialFocusRef: import("react").RefObject<any> | undefined;
+            returnFocusRef: import("react").RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
             visibility: "hidden" | "visible";
@@ -124,7 +123,7 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
+            pageSizeRef: import("react").MutableRefObject<number>;
             cursorIndexRef: {
                 readonly current: number;
             };
@@ -136,9 +135,9 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
                 measure: () => void;
             };
             UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
+            containerRef: import("react").RefObject<HTMLDivElement>;
             orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
+            indexRef: import("react").MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
@@ -148,8 +147,8 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;
             }): void;
-            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
             select(data: {
                 id: string;
             }): void;
@@ -159,7 +158,7 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
             remove(data: {
                 id: string;
                 nextId?: string | undefined;
-                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                event?: Event | import("react").SyntheticEvent<Element, Event> | undefined;
             }): void;
             goTo(data: {
                 id: string;
@@ -206,10 +205,10 @@ export declare const useActionBarOverflowButton: import("@workday/canvas-kit-rea
     readonly id: string;
     readonly 'aria-haspopup': "true";
     readonly 'aria-expanded': boolean;
-    readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
+    readonly onKeyDown: (event: import("react").KeyboardEvent<Element>) => void;
 }, import("@workday/canvas-kit-react/common").MergeProps<{
     readonly ref: (instance: unknown) => void;
-    readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
+    readonly onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
 }, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
 export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ActionBarOverflowButtonProps, {
     state: {
@@ -226,7 +225,7 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
+        pageSizeRef: import("react").MutableRefObject<number>;
         cursorIndexRef: {
             readonly current: number;
         };
@@ -238,9 +237,9 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
             measure: () => void;
         };
         UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
+        containerRef: import("react").RefObject<HTMLDivElement>;
         id: string;
-        indexRef: React.MutableRefObject<number>;
+        indexRef: import("react").MutableRefObject<number>;
         isVirtualized: boolean;
         items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
@@ -292,7 +291,7 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
         remove(data: {
             id: string;
             nextId?: string | undefined;
-            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            event?: Event | import("react").SyntheticEvent<Element, Event> | undefined;
         }): void;
         goTo(data: {
             id: string;
@@ -320,10 +319,10 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
     };
     menu: {
         state: {
-            stackRef: React.RefObject<HTMLDivElement>;
-            targetRef: React.RefObject<HTMLButtonElement>;
-            initialFocusRef: React.RefObject<any> | undefined;
-            returnFocusRef: React.RefObject<any> | undefined;
+            stackRef: import("react").RefObject<HTMLDivElement>;
+            targetRef: import("react").RefObject<HTMLButtonElement>;
+            initialFocusRef: import("react").RefObject<any> | undefined;
+            returnFocusRef: import("react").RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
             visibility: "hidden" | "visible";
@@ -331,7 +330,7 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
+            pageSizeRef: import("react").MutableRefObject<number>;
             cursorIndexRef: {
                 readonly current: number;
             };
@@ -343,9 +342,9 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
                 measure: () => void;
             };
             UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
+            containerRef: import("react").RefObject<HTMLDivElement>;
             orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
+            indexRef: import("react").MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
             items: import("@workday/canvas-kit-react/collection").Item<any>[];
@@ -355,8 +354,8 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
             updatePlacement(data: {
                 placement: import("@popperjs/core").Placement;
             }): void;
-            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
-            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
             select(data: {
                 id: string;
             }): void;
@@ -366,7 +365,7 @@ export declare const ActionBarOverflowButton: import("@workday/canvas-kit-react/
             remove(data: {
                 id: string;
                 nextId?: string | undefined;
-                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                event?: Event | import("react").SyntheticEvent<Element, Event> | undefined;
             }): void;
             goTo(data: {
                 id: string;

package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarOverflowButton.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAIvF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB;IACxE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,8BAA8B,yIAIzC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAMtC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlC,CAAC"}
+{"version":3,"file":"ActionBarOverflowButton.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarOverflowButton.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAkB,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAIvF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB;IACxE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,8BAA8B,yIAIzC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAMtC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlC,CAAC"}

package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.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.ActionBarOverflowButton = exports.useActionBarOverflowButton = exports.actionBarOverflowButtonStencil = void 0;
-const React = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const common_1 = require("@workday/canvas-kit-react/common");
 const collection_1 = require("@workday/canvas-kit-react/collection");
@@ -34,8 +11,8 @@ const button_1 = require("@workday/canvas-kit-react/button");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 exports.actionBarOverflowButtonStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "ic5g31", styles: "box-sizing:border-box;flex:0;" }
-}, "action-bar-overflow-button-da9c86");
+    base: { name: "mgka31", styles: "box-sizing:border-box;flex:0;" }
+}, "action-bar-overflow-button-0a24d9");
 exports.useActionBarOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useActionBarModel_1.useActionBarModel)(() => ({
     'aria-haspopup': true,
 })), collection_1.useOverflowListTarget, (0, common_1.createSubModelElemPropsHook)(useActionBarModel_1.useActionBarModel)(m => m.menu, menu_1.useMenuTarget));
@@ -44,5 +21,5 @@ exports.ActionBarOverflowButton = (0, common_1.createSubcomponent)('button')({
     modelHook: useActionBarModel_1.useActionBarModel,
     elemPropsHook: exports.useActionBarOverflowButton,
 })((elemProps, Element) => {
-    return (React.createElement(button_1.SecondaryButton, { as: Element, icon: canvas_system_icons_web_1.relatedActionsIcon, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.actionBarOverflowButtonStencil)()) }));
+    return ((0, jsx_runtime_1.jsx)(button_1.SecondaryButton, { as: Element, icon: canvas_system_icons_web_1.relatedActionsIcon, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.actionBarOverflowButtonStencil)()) }));
 });