@workday/canvas-kit-react 5.3.0 → 5.3.4

package/dist/es6/common/lib/utils/useConstant.js

@@ -1,15 +0,0 @@
-import { useRef } from 'react';
-/**
- * Get a constant value in React, only running the callback function once.  `React.useMemo` does not
- * guarantee that a function will only be run once.
- *
- * @example
- * const value = useConstant(generateUniqueId)
- */
-export function useConstant(fn) {
-    var ref = useRef();
-    if (!ref.current) {
-        ref.current = fn();
-    }
-    return ref.current;
-}

package/dist/es6/common/lib/utils/useResizeObserver.d.ts

@@ -1,3 +0,0 @@
-import useResizeObserverOriginal from 'use-resize-observer';
-export declare const useResizeObserver: typeof useResizeObserverOriginal;
-//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/es6/common/lib/utils/useResizeObserver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useResizeObserver.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,MAAM,qBAAqB,CAAC;AAU5D,eAAO,MAAM,iBAAiB,EAAE,OAAO,yBAatC,CAAC"}

package/dist/es6/common/lib/utils/useResizeObserver.js

@@ -1,37 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import useResizeObserverOriginal from 'use-resize-observer';
-import ResizeObserver from 'resize-observer-polyfill';
-if (typeof window !== 'undefined' && !window.ResizeObserver) {
-    window.ResizeObserver = ResizeObserver;
-}
-// `useResizeObserver` contains this fix in 8.0.0:
-// https://github.com/ZeeCoder/use-resize-observer/commit/bd0f3c8597bac0d853b88cf585256aac1bd4f554
-// v8.0.0 requires TS4.2. So we'll manually patch until we're ready for TS4.2+
-export var useResizeObserver = function (params) {
-    if (params === void 0) { params = {}; }
-    var widthRef = React.useRef();
-    var heightRef = React.useRef();
-    var onResize = params.onResize
-        ? function (data) {
-            if (widthRef.current !== data.width || heightRef.current !== data.height) {
-                widthRef.current = data.width;
-                heightRef.current = data.height;
-                params.onResize(data);
-            }
-        }
-        : undefined;
-    return useResizeObserverOriginal(__assign(__assign({}, params), { onResize: onResize }));
-};
-// When the dependency is moved up to v8.0.0, remove the above function and export below instead
-// export {useResizeObserver};

package/dist/es6/tabs/lib/TabsItem.d.ts

@@ -1,107 +0,0 @@
-import * as React from 'react';
-import { StyledType, ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { TabsModel } from './useTabsModel';
-import { StackProps } from '@workday/canvas-kit-labs-react/layout';
-export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<Pick<StackProps, 'spacing'>> {
-    /**
-     * Optionally pass index to tab item. This should be done if `Tabs.Item` components were created
-     * via a `Array::map` function. This index will ensure keyboard navigation works even if items are
-     * inserted out of order.
-     */
-    index?: number;
-    /**
-     * The contents of the tab item. This will be the accessible name of the tab for screen readers.
-     * Often, this is text. Icons are also supported. Using `Tabs.Icon` will render an icon that is
-     * not visible to screen readers and therefore the icon should not be necessary to understand the
-     * tab. In most circumstances, `aria-label` should not be used.
-     *
-     * ```tsx
-     * <Tabs.Item>First Tab</Tabs.Item>
-     * <Tabs.Item hasIcon>
-     *   <Tabs.Icon icon={canvasIcon} />
-     *   <Tabs.Text>Second Tab</Tabs.Text>
-     * </Tabs.Item>
-     * ```
-     */
-    children: React.ReactNode;
-    /**
-     * The name of the tab. This name will be used in change events and for `initialTab`. Must match
-     * the `name` of the associated tab panel. If this property is not provided, it will default to a
-     * string representation of the the zero-based index of the Tab when it was initialized.
-     */
-    name?: string;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel;
-    /**
-     * Optional id. If not set, it will inherit the ID passed to the `Tabs` component and append the
-     * index at the end. Only set this for advanced cases.
-     */
-    id?: string;
-    /**
-     * Part of the ARIA specification for tabs. This attributes links a `role=tab` to a
-     * `role=tabpanel`. This value must be the same as the associated `id` attribute of the tab panel.
-     * This is automatically set by the component and should only be used in advanced cases.
-     */
-    'aria-controls'?: string;
-    /**
-     * Part of the ARIA specification for tabs. Lets screen readers know which tab is active. This
-     * should either be `true` or `undefined` and never `false`. This is automatically set by the
-     * component and should only be used in advanced cases.
-     */
-    'aria-selected'?: boolean;
-    /**
-     * Part of the ARIA specification for tabs. The currently active tab should not have a `tabIndex`
-     * set while all inactive tabs should have a `tabIndex={-1}`
-     */
-    tabIndex?: number;
-    /**
-     * Use `hasIcon={true}` when the Tab item contains an icon. This instructs the tab item to render
-     * children as a flex container to accommodate icons. You will have to use `Tabs.Item.Text` as a
-     * child element if this is set to true.
-     *
-     * @example
-     * <Tabs.Item hasIcon>
-     *   <Tabs.Item.Icon icon={someIcon} />
-     *   <Tabs.Item.Text>Tab Text</Tabs.Item.Text>
-     * </Tabs.Item>
-     */
-    hasIcon?: boolean;
-}
-export declare const StyledTabItem: import("@emotion/styled-base").StyledComponent<import("../../common").PropsWithAs<import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps, "button">, StyledType & {
-    hasIcon?: boolean | undefined;
-} & Pick<TabsItemProps, "spacing">, import("../../common").EmotionCanvasTheme>;
-export declare const TabsItem: import("../../common").ElementComponent<"button", TabsItemProps> & {
-    Icon: typeof SystemIcon;
-    Text: import("../../common").ElementComponent<"span", {}>;
-};
-export declare const useTabsItem: <P extends {}, R>(model: import("./list").ListModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    type: "button";
-    role: string;
-    'aria-selected': boolean;
-    'aria-controls': string;
-} & {
-    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-} & {
-    ref: (instance: HTMLElement | null) => void;
-    'aria-hidden': true | undefined;
-    style: {};
-} & {
-    onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
-    id: string;
-    tabIndex: number;
-    ref: ((instance: any) => void) | React.RefObject<any> | null | undefined;
-} & {
-    'data-name': string;
-    name: string;
-    disabled: boolean | undefined;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsItem.d.ts.map

package/dist/es6/tabs/lib/TabsItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKL,UAAU,EAIV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,uCAAuC,CAAC;AAE1D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAO1D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,uCAAuC,CAAC;AACjE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;8EA2FzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;CAkCnB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;OAoBvB,CAAC"}

package/dist/es6/tabs/lib/TabsItem.js

@@ -1,131 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { colors, space, type, borderRadius, iconColors } from '@workday/canvas-kit-react/tokens';
-import { createComponent, focusRing, hideMouseFocus, styled, useModelContext, createHook, composeHooks, ellipsisStyles, EllipsisText, useLocalRef, useMount, } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
-import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { useListRegisterItem } from './list';
-import { useRovingFocus } from './cursor';
-import { isSelected, useSelectionItem } from './selection';
-import { useOverflowMeasureItem } from './overflow';
-import { TabsModelContext } from './Tabs';
-export var StyledTabItem = styled(Box.as('button'))(function (_a) {
-    var theme = _a.theme, spacing = _a.spacing;
-    return (__assign(__assign(__assign(__assign({}, type.levels.subtext.large), { '& > *:not(style) ~ *:not(style)': {
-            marginLeft: spacing || space.xxs,
-        }, fontWeight: type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', maxWidth: '280px', padding: space.xs + " " + space.s, height: 52, boxSizing: 'border-box', cursor: 'pointer', color: colors.licorice300, position: 'relative', borderRadius: borderRadius.m + " " + borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease' }), hideMouseFocus), { '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
-            fill: iconColors.active,
-        }, '&:hover, &:focus': {
-            backgroundColor: colors.soap200,
-            color: colors.blackPepper400,
-            '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
-                fill: iconColors.hover,
-            },
-            '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
-                fill: iconColors.active,
-            },
-        }, '&:focus': __assign({ outline: "none" }, focusRing({ inset: 'outer', width: 0, separation: 2 }, theme)), '&:disabled, &[aria-disabled]': {
-            color: colors.licorice100,
-            '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
-                fill: iconColors.disabled,
-            },
-            '&:hover': {
-                cursor: 'auto',
-                backgroundColor: "transparent",
-                '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
-                    fill: iconColors.disabled,
-                },
-            },
-        }, '&[aria-selected=true]': {
-            color: theme.canvas.palette.primary.main,
-            cursor: 'default',
-            '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
-                fill: theme.canvas.palette.primary.main,
-            },
-            '&:after': {
-                position: 'absolute',
-                height: space.xxxs,
-                borderRadius: borderRadius.m + " " + borderRadius.m + " 0px 0px",
-                backgroundColor: theme.canvas.palette.primary.main,
-                bottom: 0,
-                content: "''",
-                left: 0,
-                marginTop: '-2px',
-                width: '100%',
-            },
-            '&:hover, &:focus': {
-                backgroundColor: "transparent",
-                color: theme.canvas.palette.primary.main,
-            },
-        } }));
-}, function (_a) {
-    var hasIcon = _a.hasIcon;
-    if (hasIcon) {
-        return {
-            display: 'flex',
-        };
-    }
-    else {
-        return ellipsisStyles;
-    }
-});
-export var TabsItem = createComponent('button')({
-    displayName: 'Tabs.Item',
-    Component: function (_a, ref, Element) {
-        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-        var localModel = useModelContext(TabsModelContext, model);
-        var props = useTabsItem(localModel, elemProps, ref);
-        if ('production' !== process.env.NODE_ENV) {
-            // ensure `hasIcon` is used when a child has an icon
-            // eslint-disable-next-line react-hooks/rules-of-hooks
-            var _b = useLocalRef(props.ref), elementRef = _b.elementRef, localRef_1 = _b.localRef;
-            props.ref = elementRef;
-            // eslint-disable-next-line react-hooks/rules-of-hooks
-            useMount(function () {
-                if (localRef_1.current.querySelector('svg') && !props.hasIcon) {
-                    console.warn("A Tabs.Item with an icon should have the 'hasIcon' prop set to true. This ensures correct rendering");
-                }
-            });
-        }
-        return (React.createElement(OverflowTooltip, null,
-            React.createElement(StyledTabItem, __assign({ as: Element }, props), children)));
-    },
-    subComponents: {
-        Icon: SystemIcon,
-        Text: EllipsisText,
-    },
-});
-export var useTabsItem = composeHooks(createHook(function (model, _, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
-    var state = model.state;
-    var name = elemProps.name || '';
-    var selected = !!elemProps.name && isSelected(name, state);
-    return {
-        type: 'button',
-        role: 'tab',
-        'aria-selected': selected,
-        'aria-controls': "tabpanel-" + state.id + "-" + name,
-    };
-}), useSelectionItem, useOverflowMeasureItem, useRovingFocus, useListRegisterItem);

package/dist/es6/tabs/lib/TabsList.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-labs-react/layout';
-import { TabsModel } from './useTabsModel';
-export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
-    /**
-     * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
-     * List will determine how and when the item will be rendered.
-     *
-     * @example
-     * <Tabs.List>
-     *   {(item) => <Tabs.Item key={item.id} name={item.name}>{item.text}</Tabs.Item>}
-     * </Tabs.List>
-     */
-    children: ((item: T) => React.ReactNode) | React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases.
-     */
-    model?: TabsModel<T>;
-    overflowButton?: React.ReactNode;
-}
-export declare const TabsList: import("../../common").ElementComponent<"div", TabListProps<unknown>>;
-export declare const useTabsList: <P extends {}, R>(model: import("./selection").SelectionModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    role: string;
-} & {
-    ref: (instance: HTMLElement | null) => void;
-} & {
-    onKeyDown(event: React.KeyboardEvent<Element>): void; /**
-     * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
-     * List will determine how and when the item will be rendered.
-     *
-     * @example
-     * <Tabs.List>
-     *   {(item) => <Tabs.Item key={item.id} name={item.name}>{item.text}</Tabs.Item>}
-     * </Tabs.List>
-     */
-    onFocus(): void;
-    onBlur(): void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsList.d.ts.map

package/dist/es6/tabs/lib/TabsList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,uCAAuC,CAAC;AAM5D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3F;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,uEAoBnB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;0DAxCtB;;;;;;;;OAQG;;;;;OAsCJ,CAAC"}

package/dist/es6/tabs/lib/TabsList.js

@@ -1,44 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { commonColors } from '@workday/canvas-kit-react/tokens';
-import { composeHooks, createComponent, createHook, useModelContext, } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-labs-react/layout';
-import { useOverflowMeasureContainer } from './overflow';
-import { useRenderItems } from './list';
-import { useResetCursorOnBlur } from './selection';
-import { TabsModelContext } from './Tabs';
-export var TabsList = createComponent('div')({
-    displayName: 'Tabs.List',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, model = _a.model, overflowButton = _a.overflowButton, elemProps = __rest(_a, ["children", "model", "overflowButton"]);
-        var localModel = useModelContext(TabsModelContext, model);
-        var props = useTabsList(localModel, elemProps, ref);
-        return (React.createElement(Stack, __assign({ as: Element, position: "relative", borderBottom: "1px solid " + commonColors.divider, marginX: "m", spacing: "xxxs" }, props),
-            useRenderItems(localModel, children),
-            overflowButton));
-    },
-});
-export var useTabsList = composeHooks(createHook(function (_) {
-    return { role: 'tablist' };
-}), useOverflowMeasureContainer, useResetCursorOnBlur);

package/dist/es6/tabs/lib/TabsMenuPopper.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Popper } from '@workday/canvas-kit-react/popup';
-import { TabsModel } from './useTabsModel';
-export interface MenuPopperProps<T = unknown> extends ExtractProps<typeof Popper> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel<T>;
-}
-export declare const TabsMenuPopper: import("../../common").ElementComponent<"div", MenuPopperProps<unknown>>;
-export declare const useTabsMenuPopper: <P extends {}, R>(model: import("../../common").Model<import("../../popup").PopupState, import("../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    open: boolean;
-    anchorElement: React.RefObject<HTMLButtonElement>;
-    ref: (instance: any) => void;
-    onPlacementChange: (placement: import("@popperjs/core").Placement) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsMenuPopper.d.ts.map

package/dist/es6/tabs/lib/TabsMenuPopper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsMenuPopper.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsMenuPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAiB,MAAM,EAAC,MAAM,iCAAiC,CAAC;AAGvE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,OAAO,MAAM,CAAC;IAC/E;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,0EAQzB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;OAAiB,CAAC"}

package/dist/es6/tabs/lib/TabsOverflowButton.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { TabsModel } from './useTabsModel';
-export interface OverflowButtonProps {
-    /**
-     * The label text of the Tab.
-     */
-    children: React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel;
-}
-export declare const TabsOverflowButton: import("../../common").ElementComponent<"button", OverflowButtonProps>;
-export declare const useTabsOverflowButton: <P extends {}, R>(model: import("./overflow").OverflowModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    'aria-haspopup': boolean;
-} & {
-    ref: (instance: HTMLButtonElement | null) => void;
-    'aria-hidden': boolean;
-    tabIndex: number;
-    style: {};
-} & {
-    id: string;
-    onKeyDown(event: React.KeyboardEvent<Element>): void;
-} & {
-    ref: (instance: any) => void;
-    onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsOverflowButton.d.ts.map

package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,wEAc7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;OAUjC,CAAC"}

package/dist/es6/tabs/lib/TabsOverflowButton.js

@@ -1,48 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { chevronDownSmallIcon } from '@workday/canvas-system-icons-web';
-import { createComponent, useModelContext, createHook, composeHooks, subModelHook, } from '@workday/canvas-kit-react/common';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { space } from '@workday/canvas-kit-react/tokens';
-import { useOverflowTarget } from './overflow';
-import { useMenuTarget } from './menu';
-import { TabsModelContext } from './Tabs';
-import { StyledTabItem } from './TabsItem';
-export var TabsOverflowButton = createComponent('button')({
-    displayName: 'Tabs.OverflowButton',
-    Component: function (_a, ref, Element) {
-        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-        var localModel = useModelContext(TabsModelContext, model);
-        var props = useTabsOverflowButton(localModel, elemProps, ref);
-        return (React.createElement(StyledTabItem, __assign({ hasIcon: true, spacing: space.xxxs, type: "button", as: Element }, props),
-            React.createElement("span", null, children),
-            React.createElement(SystemIcon, { icon: chevronDownSmallIcon })));
-    },
-});
-export var useTabsOverflowButton = composeHooks(createHook(function (model, _, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
-    return {
-        'aria-haspopup': true,
-    };
-}), useOverflowTarget, subModelHook(function (m) { return m.menu; }, useMenuTarget));

package/dist/es6/tabs/lib/TabsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAKL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,uCAAuC,CAAC;AAG1D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACjF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACtB;AAID,eAAO,MAAM,YAAY;;;;;;;;OAwBxB,CAAC;AAEF,eAAO,MAAM,SAAS,wEAapB,CAAC"}

package/dist/es6/tabs/lib/TabsPanel.js

@@ -1,59 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled from '@emotion/styled';
-import { createComponent, useModelContext, useMountLayout, createHook, hideMouseFocus, } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
-import { TabsModelContext } from './Tabs';
-var StyledTabsPanel = styled(Box)(hideMouseFocus);
-export var useTabsPanel = createHook(function (_a, _, elemProps) {
-    var state = _a.state, events = _a.events;
-    if (elemProps === void 0) { elemProps = {}; }
-    var name = elemProps.name;
-    var _b = React.useState(elemProps.name || ''), tabName = _b[0], setTabName = _b[1];
-    useMountLayout(function () {
-        var index = state.panelIndexRef.current;
-        var tabName = name || String(index);
-        events.registerPanel({ item: { id: tabName } });
-        setTabName(tabName);
-        return function () {
-            events.unregisterPanel({ id: tabName });
-        };
-    });
-    return {
-        role: 'tabpanel',
-        'aria-labelledby': state.id + "-" + tabName,
-        hidden: !!tabName && tabName !== state.selectedIds[0],
-        id: "tabpanel-" + state.id + "-" + tabName,
-        tabIndex: 0,
-    };
-});
-export var TabsPanel = createComponent('div')({
-    displayName: 'Tabs.Panel',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = useModelContext(TabsModelContext, model);
-        var props = useTabsPanel(localModel, elemProps, ref);
-        return (React.createElement(StyledTabsPanel, __assign({ as: Element }, props), children));
-    },
-});

package/dist/es6/tabs/lib/TabsPanels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsPanels.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,4DAOrB,CAAC"}

package/dist/es6/tabs/lib/TabsPanels.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
-import { TabsModelContext } from './Tabs';
-import { useRenderItems } from './list';
-export var TabsPanels = createComponent()({
-    displayName: 'Tabs.Panels',
-    Component: function (_a) {
-        var children = _a.children, model = _a.model;
-        var localModel = useModelContext(TabsModelContext, model);
-        return React.createElement(React.Fragment, null, useRenderItems(localModel, children));
-    },
-});

package/dist/es6/tabs/lib/cursor/useRovingFocus.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { CursorModel } from './useCursorModel';
-export declare const orientationKeyMap: {
-    readonly horizontal: {
-        readonly ArrowLeft: "previous";
-        readonly Left: "previous";
-        readonly ArrowRight: "next";
-        readonly Right: "next";
-        readonly Home: "first";
-        readonly End: "last";
-    };
-    readonly vertical: {
-        readonly ArrowUp: "previous";
-        readonly Up: "previous";
-        readonly ArrowDown: "next";
-        readonly Down: "next";
-        readonly Home: "first";
-        readonly End: "last";
-    };
-};
-/**
- * Handles the roving focus behavior of a Cursor model. It should be added to the element
- * representing a list item.
- *
- * @see https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex
- */
-export declare const useRovingFocus: <P extends {}, R>(model: CursorModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
-    id: string;
-    tabIndex: number;
-    ref: ((instance: any) => void) | React.RefObject<any> | null | undefined;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useRovingFocus.d.ts.map

package/dist/es6/tabs/lib/cursor/useRovingFocus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRovingFocus.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/cursor/useRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,WAAW,EAAsB,MAAM,kBAAkB,CAAC;AAElE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAiBpB,CAAC;AAWX;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;;;OAsD1B,CAAC"}