@workday/canvas-kit-preview-react 15.0.0-alpha.0008-next.0 → 15.0.0-alpha.0023-next.0

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControl.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-const SegmentedControlList_1 = require("./SegmentedControlList");
-const SegmentedControlItem_1 = require("./SegmentedControlItem");
-/**
- * `SegmentedControl` is a container component that is responsible for creating a
- * {@link SegmentedControlModel} and sharing it with its subcomponents using React context. It does
- * not represent a real element.
- *
- * ```tsx
- * <SegmentedControl items={[]}>{Child components}</SegmentedControl>
- * ```
- *
- * Alternatively, you may pass in a model using the [hoisted model
- * pattern](/getting-started/for-developers/resources/compound-components/#configuring-a-model).
- *
- * ```tsx
- * const model = useSegmentedControlModel({
- *   items: [],
- * });
- *
- * <SegmentedControl model={model}>{Child components}</SegmentedControl>;
- * ```
- */
-exports.SegmentedControl = (0, common_1.createContainer)()({
-    displayName: 'SegmentedControl',
-    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
-    subComponents: {
-        /**
-         * `SegmentedControl.List` renders {@link Grid} under the hood. It is a container for
-         * {@link SegmentedControlItem SegmentedControl.Item} subcomponents.
-         *
-         * ```tsx
-         * <SegmentedControl.List>{SegmentedControl.Items}</SegmentedControl.List>
-         * ```
-         */
-        List: SegmentedControlList_1.SegmentedControlList,
-        /**
-         * `SegmentedControl.Item` is a `button` element built on `BaseButton`. `SegmentedControl.Item`
-         * has a `data-id` prop to handle `onSelect` properly.
-         *
-         * ```tsx
-         * <SegmentedControl.Item data-id="table">Table</SegmentedControl.Item>
-         * ```
-         */
-        Item: SegmentedControlItem_1.SegmentedControlItem,
-    },
-})(({ children }) => {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-});

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts

@@ -1,256 +0,0 @@
-import * as React from 'react';
-import { ButtonContainerProps } from '@workday/canvas-kit-react/button';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-import { TooltipProps } from '@workday/canvas-kit-react/tooltip';
-export interface ItemProps extends ButtonContainerProps {
-    /**
-     * Optionally pass index to the item. This should be done if `SegmentedControl.Item` components were created
-     * via a `[Array::map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)` function. This index will ensure keyboard navigation works even if items are
-     * inserted out of order.
-     */
-    index?: number;
-    /**
-     * The contents of the item. This is text used as the accessible name of the button for screen readers.
-     */
-    children?: React.ReactNode;
-    /**
-     * The identifier of the item. This identifier will be used in change events and for `initialTab`.
-     * If this property is not provided, it will default to a string representation
-     * of the the zero-based index of the item when it was initialized.
-     */
-    'data-id'?: string;
-    /**
-     * Optional id. If not set, it will inherit the ID passed to the `SegmentedControl` component and append the
-     * index at the end. Only set this for advanced cases.
-     */
-    id?: string;
-    /**
-     * Part of the ARIA specification for buttons. Lets screen readers know which button is active. This
-     * should either be `true` or `false`. This is automatically set by the
-     * component and should only be used in advanced cases.
-     */
-    'aria-pressed'?: boolean;
-    /**
-     * The icon of the button.
-     */
-    icon?: CanvasSystemIcon;
-    /**
-     * Tooltip Props
-     */
-    tooltipProps?: Omit<TooltipProps, 'children'>;
-}
-export declare const segmentedControlItemStencil: import("@workday/canvas-kit-styling").Stencil<{
-    size: {
-        large: {
-            height: "--cnvs-sys-space-x10";
-            gap: "--cnvs-sys-space-x2";
-        };
-        medium: {
-            height: "--cnvs-sys-space-x8";
-        };
-        small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "--cnvs-sys-space-x6";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-medium";
-            fontSize: "--cnvs-sys-font-size-subtext-medium";
-            letterSpacing: "--cnvs-base-letter-spacing-100";
-        };
-    };
-    variant: {
-        iconOnly: {};
-        textOnly: {};
-        iconWithText: {};
-    };
-}, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
-    size: {
-        large: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-xl, 3rem)";
-            paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1400";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))";
-            fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))";
-        };
-        medium: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            minWidth: "--cnvs-base-size-1200";
-            paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6))";
-            height: "var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1000";
-            paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        extraSmall: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6))";
-            minWidth: string;
-            paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))";
-        };
-    };
-    grow: {
-        true: {
-            width: string;
-            maxWidth: string;
-        };
-    };
-    iconPosition: {
-        only: {
-            padding: "var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero))";
-        };
-        start: {};
-        end: {};
-    };
-}, {}, {
-    background: string;
-    border: string;
-    boxShadowInner: string;
-    boxShadowOuter: string;
-    label: string;
-    opacity: string;
-    borderRadius: string;
-}, never, never>, never>;
-export declare const SegmentedControlItem: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ItemProps, {
-    state: {
-        disabled: boolean;
-        size: "medium" | "small" | "large";
-        selectedIds: string[] | "all";
-        unselectedIds: string[];
-        cursorId: string | string[];
-        columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
-        cursorIndexRef: {
-            readonly current: number;
-        };
-        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        id: string;
-        orientation: "horizontal" | "vertical";
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("@workday/canvas-kit-react/collection").Item<any>[];
-    };
-    events: {
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        setSelectedIds(ids: string[] | "all"): void;
-        remove(data: {
-            id: string;
-            nextId?: string | undefined;
-            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-        }): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        registerItem(data: {
-            id: string;
-            textValue: string;
-        }): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-    getId: (item: any) => string;
-    getTextValue: (item: any) => string;
-    UNSTABLE_parentModel: {
-        state: {
-            selectedIds: string[] | "all";
-            unselectedIds: string[];
-            cursorId: string | string[];
-            columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
-            cursorIndexRef: {
-                readonly current: number;
-            };
-            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-            UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
-            id: string;
-            orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
-            nonInteractiveIds: string[];
-            isVirtualized: boolean;
-            items: import("@workday/canvas-kit-react/collection").Item<any>[];
-        };
-        events: {
-            select(data: {
-                id: string;
-            }): void;
-            selectAll(): void;
-            unselectAll(): void;
-            setSelectedIds(ids: string[] | "all"): void;
-            remove(data: {
-                id: string;
-                nextId?: string | undefined;
-                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-            }): void;
-            goTo(data: {
-                id: string;
-            }): void;
-            goToNext(): void;
-            goToPrevious(): void;
-            goToPreviousRow(): void;
-            goToNextRow(): void;
-            goToFirst(): void;
-            goToLast(): void;
-            goToFirstOfRow(): void;
-            goToLastOfRow(): void;
-            goToNextPage(): void;
-            goToPreviousPage(): void;
-            registerItem(data: {
-                id: string;
-                textValue: string;
-            }): void;
-            unregisterItem(data: {
-                id: string;
-            }): void;
-            updateItemHeight(data: {
-                value: number;
-            }): void;
-        };
-        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-        getId: (item: any) => string;
-        getTextValue: (item: any) => string;
-    } | undefined;
-}>;
-//# sourceMappingURL=SegmentedControlItem.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAKxE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsItC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js

@@ -1,114 +0,0 @@
-"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.SegmentedControlItem = exports.segmentedControlItemStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const button_1 = require("@workday/canvas-kit-react/button");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-const text_1 = require("@workday/canvas-kit-react/text");
-const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-const useSegmentedControlItem_1 = require("./hooks/useSegmentedControlItem");
-exports.segmentedControlItemStencil = (0, canvas_kit_styling_1.createStencil)({
-    extends: button_1.buttonStencil,
-    base: { name: "20d23", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);text-align:start;padding-inline:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);--borderRadius-button-f6d2bd:var(--cnvs-sys-shape-x1);--label-button-f6d2bd:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);&:hover, &.hover{--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-strong);--label-button-f6d2bd:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:active, &.active{--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-strong);--label-button-f6d2bd:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:focus-visible, &.focus{--label-button-f6d2bd:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-soft);}&[aria-pressed='true']{--background-button-f6d2bd:var(--cnvs-sys-color-bg-default);--border-button-f6d2bd:var(--cnvs-sys-color-border-input-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-f6d2bd:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-f6d2bd:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--border-button-f6d2bd:var(--cnvs-sys-color-border-input-default);--label-button-f6d2bd:var(--cnvs-sys-color-fg-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
-    modifiers: {
-        size: {
-            large: { name: "1sin8t", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
-            medium: { name: "1v6j6e", styles: "height:var(--cnvs-sys-space-x8);" },
-            small: { name: "27htgd", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);" }
-        },
-        variant: {
-            iconOnly: { name: "s83x2", styles: "" },
-            textOnly: { name: "1az9gt", styles: "" },
-            iconWithText: { name: "psdjn", styles: "" }
-        }
-    },
-    compound: [
-        {
-            modifiers: { size: 'large', variant: 'iconOnly' },
-            styles: { name: "bwc4z", styles: "min-width:var(--cnvs-sys-space-x10);" }
-        },
-        {
-            modifiers: { size: 'large', variant: 'iconWithText' },
-            styles: { name: "11fn7r", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
-        },
-        {
-            modifiers: { size: 'large', variant: 'textOnly' },
-            styles: { name: "3pr8f5", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
-        },
-        {
-            modifiers: { size: 'medium', variant: 'iconOnly' },
-            styles: { name: "1rc7hf", styles: "min-width:var(--cnvs-sys-space-x8);" }
-        },
-        {
-            modifiers: { size: 'medium', variant: 'iconWithText' },
-            styles: { name: "26kdn1", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
-        },
-        {
-            modifiers: { size: 'medium', variant: 'textOnly' },
-            styles: { name: "1051y1", styles: "padding-inline:1.25rem;" }
-        },
-        {
-            modifiers: { size: 'small', variant: 'iconOnly' },
-            styles: { name: "2rwd91", styles: "min-width:var(--cnvs-sys-space-x6);" }
-        },
-        {
-            modifiers: { size: 'small', variant: 'iconWithText' },
-            styles: { name: "1vc9r4", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
-        },
-        {
-            modifiers: { size: 'small', variant: 'textOnly' },
-            styles: { name: "vuvwr", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
-        }
-    ]
-}, "segmented-control-item-bc271f");
-const Container = ({ tooltipProps, children }) => {
-    return tooltipProps ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { ...tooltipProps, children: children })) : ((0, jsx_runtime_1.jsx)(React.Fragment, { children: children }));
-};
-const getVariant = (icon, children) => {
-    if (icon && children) {
-        return 'iconWithText';
-    }
-    else if (!icon && children) {
-        return 'textOnly';
-    }
-    else {
-        return 'iconOnly';
-    }
-};
-exports.SegmentedControlItem = (0, common_1.createSubcomponent)('button')({
-    displayName: 'SegmentedControl.Item',
-    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
-    elemPropsHook: useSegmentedControlItem_1.useSegmentedControlItem,
-})(({ children, icon, tooltipProps, ...elemProps }, Element, { state: { size } }) => {
-    const variant = getVariant(icon, children);
-    const iconSize = size === 'small' ? 'extraSmall' : 'small';
-    return ((0, jsx_runtime_1.jsx)(Container, { tooltipProps: tooltipProps, children: (0, jsx_runtime_1.jsxs)(button_1.BaseButton, { as: Element, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.segmentedControlItemStencil)({ size, variant })), children: [icon && (0, jsx_runtime_1.jsx)(button_1.BaseButton.Icon, { icon: icon, size: iconSize }), children && (0, jsx_runtime_1.jsx)(text_1.Text, { children: children })] }) }));
-});

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts

@@ -1,153 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Grid } from '@workday/canvas-kit-react/layout';
-export interface SegmentedControlListProps<T = any> extends Omit<Partial<ExtractProps<typeof Grid, never>>, 'children'> {
-    'aria-label': string;
-    children: ((item: T) => React.ReactNode) | React.ReactNode;
-}
-export declare const segmentedControlListStencil: import("@workday/canvas-kit-styling").Stencil<{
-    disabled: {
-        true: {
-            opacity: "--cnvs-sys-opacity-disabled";
-        };
-    };
-    orientation: {
-        vertical: ({ items }: {
-            items: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            gridTemplateRows: string;
-        };
-        horizontal: ({ items }: {
-            items: `--${string}`;
-        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            gridTemplateColumns: string;
-        };
-    };
-}, {}, {
-    items: string;
-}, never, never>;
-export declare const SegmentedControlList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", SegmentedControlListProps<any>, {
-    state: {
-        disabled: boolean;
-        size: "medium" | "small" | "large";
-        selectedIds: string[] | "all";
-        unselectedIds: string[];
-        cursorId: string | string[];
-        columnCount: number;
-        pageSizeRef: React.MutableRefObject<number>;
-        cursorIndexRef: {
-            readonly current: number;
-        };
-        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        id: string;
-        orientation: "horizontal" | "vertical";
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("@workday/canvas-kit-react/collection").Item<any>[];
-    };
-    events: {
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        setSelectedIds(ids: string[] | "all"): void;
-        remove(data: {
-            id: string;
-            nextId?: string | undefined;
-            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-        }): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        registerItem(data: {
-            id: string;
-            textValue: string;
-        }): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-    getId: (item: any) => string;
-    getTextValue: (item: any) => string;
-    UNSTABLE_parentModel: {
-        state: {
-            selectedIds: string[] | "all";
-            unselectedIds: string[];
-            cursorId: string | string[];
-            columnCount: number;
-            pageSizeRef: React.MutableRefObject<number>;
-            cursorIndexRef: {
-                readonly current: number;
-            };
-            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
-            UNSTABLE_defaultItemHeight: number;
-            containerRef: React.RefObject<HTMLDivElement>;
-            id: string;
-            orientation: "horizontal" | "vertical";
-            indexRef: React.MutableRefObject<number>;
-            nonInteractiveIds: string[];
-            isVirtualized: boolean;
-            items: import("@workday/canvas-kit-react/collection").Item<any>[];
-        };
-        events: {
-            select(data: {
-                id: string;
-            }): void;
-            selectAll(): void;
-            unselectAll(): void;
-            setSelectedIds(ids: string[] | "all"): void;
-            remove(data: {
-                id: string;
-                nextId?: string | undefined;
-                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
-            }): void;
-            goTo(data: {
-                id: string;
-            }): void;
-            goToNext(): void;
-            goToPrevious(): void;
-            goToPreviousRow(): void;
-            goToNextRow(): void;
-            goToFirst(): void;
-            goToLast(): void;
-            goToFirstOfRow(): void;
-            goToLastOfRow(): void;
-            goToNextPage(): void;
-            goToPreviousPage(): void;
-            registerItem(data: {
-                id: string;
-                textValue: string;
-            }): void;
-            unregisterItem(data: {
-                id: string;
-            }): void;
-            updateItemHeight(data: {
-                value: number;
-            }): void;
-        };
-        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
-        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
-        getId: (item: any) => string;
-        getTextValue: (item: any) => string;
-    } | undefined;
-}>;
-//# sourceMappingURL=SegmentedControlList.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAKtD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;gBA2BtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlList.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControlList = exports.segmentedControlListStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-const collection_1 = require("@workday/canvas-kit-react/collection");
-exports.segmentedControlListStencil = (0, canvas_kit_styling_1.createStencil)({
-    vars: {
-        items: '',
-    },
-    base: { name: "4cpmnj", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-bg-alt-soft);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);border-radius:var(--cnvs-sys-shape-x2);padding:0.1875rem;grid-gap:var(--cnvs-sys-space-x2);" },
-    modifiers: {
-        disabled: {
-            true: { name: "12d36n", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
-        },
-        orientation: {
-            vertical: { name: "1o9xbs", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
-            horizontal: { name: "3upbf9", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
-        }
-    }
-}, "segmented-control-list-0a747c");
-exports.SegmentedControlList = (0, common_1.createSubcomponent)('div')({
-    displayName: 'SegmentedControl.List',
-    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
-})(({ children, ...elemProps }, Element, model) => {
-    return ((0, jsx_runtime_1.jsx)(Element, { role: "group", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.segmentedControlListStencil)({
-            disabled: model.state.disabled,
-            items: `${model.state.items.length}`,
-            orientation: model.state.orientation,
-        })), children: (0, collection_1.useListRenderItems)(model, children) }));
-});