@workday/canvas-kit-preview-react 14.0.0-alpha.1123-next.0 → 14.0.0-alpha.1126-next.0

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

@@ -5,145 +5,27 @@ export interface SegmentedControlListProps<T = any> extends Omit<Partial<Extract
     'aria-label': string;
     children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
-export declare const useSegmentedControlList: import("@workday/canvas-kit-react/common").BehaviorHook<{
-    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: {
-            virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
+export declare const segmentedControlListStencil: import("@workday/canvas-kit-styling").Stencil<{
+    disabled: {
+        true: {
+            opacity: "--cnvs-sys-opacity-disabled";
         };
-        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: {
-                virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
-                totalSize: number;
-                scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
-                scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-                measure: () => void;
-            };
-            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>[];
+    orientation: {
+        vertical: ({ items }: {
+            items: string;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            gridTemplateRows: string;
         };
-        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;
+        horizontal: ({ items }: {
+            items: string;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            gridTemplateColumns: string;
         };
-        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;
-}, {
-    readonly [x: string]: `repeat(${number}, 1fr)` | 0.4 | undefined;
-    readonly opacity: 0.4 | undefined;
-}>;
+    };
+}, {}, {
+    items: string;
+}, never, never>;
 export declare const SegmentedControlList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", SegmentedControlListProps<any>, {
     state: {
         disabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,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,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}
+{"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/es6/segmented-control/lib/SegmentedControlList.js

@@ -1,19 +1,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createSubcomponent, createElemPropsHook, } from '@workday/canvas-kit-react/common';
-import { Grid } from '@workday/canvas-kit-react/layout';
-import { useListRenderItems } from '@workday/canvas-kit-react/collection';
+import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { system } from '@workday/canvas-tokens-web';
 import { useSegmentedControlModel } from './hooks/useSegmentedControlModel';
-export const useSegmentedControlList = createElemPropsHook(useSegmentedControlModel)(({ state: { orientation, disabled, items } }) => {
-    const directionName = orientation === 'vertical' ? 'Row' : 'Column';
-    return {
-        [`gridTemplate${directionName}s`]: `repeat(${items.length}, 1fr)`,
-        opacity: disabled ? 0.4 : undefined,
-    };
-});
+import { useListRenderItems } from '@workday/canvas-kit-react/collection';
+export const segmentedControlListStencil = createStencil({
+    vars: {
+        items: '',
+    },
+    base: { name: "zeju30", 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: "zeju31", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
+        },
+        orientation: {
+            vertical: { name: "zeju32", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
+            horizontal: { name: "zeju33", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
+        }
+    }
+}, "segmented-control-list-0a747c");
 export const SegmentedControlList = createSubcomponent('div')({
     displayName: 'SegmentedControl.List',
     modelHook: useSegmentedControlModel,
-    elemPropsHook: useSegmentedControlList,
 })(({ children, ...elemProps }, Element, model) => {
-    return (_jsx(Grid, { as: Element, display: "inline-grid", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", padding: "3px", gridGap: "xxs", ...elemProps, children: useListRenderItems(model, children) }));
+    return (_jsx(Element, { role: "group", ...handleCsProp(elemProps, segmentedControlListStencil({
+            disabled: model.state.disabled,
+            items: `${model.state.items.length}`,
+            orientation: model.state.orientation,
+        })), children: useListRenderItems(model, children) }));
 });

package/dist/es6/side-panel/lib/SidePanel.js

@@ -10,19 +10,19 @@ export const panelStencil = createStencil({
         expandedWidth: '',
         collapsedWidth: '',
     },
-    base: { name: "tsyk3b", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
+    base: { name: "zeju4g", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
     modifiers: {
         variant: {
-            alternate: { name: "tsyk3c", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
-            standard: { name: "tsyk3d", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
+            alternate: { name: "zeju4h", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
+            standard: { name: "zeju4i", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
         },
         expanded: {
-            true: { name: "tsyk3e", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
-            false: { name: "tsyk3f", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
+            true: { name: "zeju4j", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
+            false: { name: "zeju4k", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
         },
         touched: {
-            true: { name: "tsyk3g", styles: "" },
-            false: { name: "tsyk3h", styles: "animation:none;" }
+            true: { name: "zeju4l", styles: "" },
+            false: { name: "zeju4m", styles: "animation:none;" }
         }
     }
 }, "panel-bd9477");

package/dist/es6/side-panel/lib/SidePanelToggleButton.js

@@ -8,35 +8,35 @@ import { SidePanelContext } from './hooks';
 import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const sidePanelToggleButtonStencil = createStencil({
-    base: { name: "tsyk30", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
+    base: { name: "zeju45", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
     modifiers: {
         state: {
-            collapsing: { name: "tsyk31", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            collapsed: { name: "tsyk32", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            expanded: { name: "tsyk33", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
-            expanding: { name: "tsyk34", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
+            collapsing: { name: "zeju46", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            collapsed: { name: "zeju47", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            expanded: { name: "zeju48", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
+            expanding: { name: "zeju49", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
         },
         origin: {
-            left: { name: "tsyk35", styles: "" },
-            right: { name: "tsyk36", styles: "" }
+            left: { name: "zeju4a", styles: "" },
+            right: { name: "zeju4b", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { state: 'collapsed', origin: 'right' },
-            styles: { name: "tsyk37", styles: "transform:scaleX(-1);" }
+            styles: { name: "zeju4c", styles: "transform:scaleX(-1);" }
         },
         {
             modifiers: { state: 'collapsing', origin: 'right' },
-            styles: { name: "tsyk38", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "zeju4d", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanded', origin: 'right' },
-            styles: { name: "tsyk39", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "zeju4e", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanding', origin: 'right' },
-            styles: { name: "tsyk3a", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "zeju4f", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         }
     ]
 }, "side-panel-toggle-button-da8098");

package/dist/es6/status-indicator/lib/StatusIndicator.js

@@ -7,31 +7,31 @@ import { systemIconStencil } from '@workday/canvas-kit-react/icon';
 import { StatusIndicatorIcon } from './StatusIndicatorIcon';
 import { StatusIndicatorLabel } from './StatusIndicatorLabel';
 const statusIndicatorStencil = createStencil({
-    base: { name: "tsyk3z", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);outline:0.0625rem solid transparent;" },
+    base: { name: "zeju54", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);outline:0.0625rem solid transparent;" },
     modifiers: {
         gray: {
-            high: { name: "tsyk40", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
-            low: { name: "tsyk41", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
+            high: { name: "zeju55", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
+            low: { name: "zeju56", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
         },
         orange: {
-            high: { name: "tsyk42", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
-            low: { name: "tsyk43", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
+            high: { name: "zeju57", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
+            low: { name: "zeju58", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
         },
         blue: {
-            high: { name: "tsyk44", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
-            low: { name: "tsyk45", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
+            high: { name: "zeju59", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
+            low: { name: "zeju5a", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
         },
         green: {
-            high: { name: "tsyk46", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
-            low: { name: "tsyk47", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
+            high: { name: "zeju5b", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
+            low: { name: "zeju5c", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
         },
         red: {
-            high: { name: "tsyk48", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
-            low: { name: "tsyk49", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
+            high: { name: "zeju5d", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
+            low: { name: "zeju5e", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
         },
         transparent: {
-            high: { name: "tsyk4a", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
-            low: { name: "tsyk4b", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
+            high: { name: "zeju5f", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
+            low: { name: "zeju5g", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
         }
     }
 }, "status-indicator-1a565e");

package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js

@@ -6,7 +6,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 const statusIndicatorLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "tsyk3y", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
+    base: { name: "zeju53", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
     defaultModifiers: { typeLevel: 'subtext.large' }
 }, "status-indicator-label-63258e");
 export const StatusIndicatorLabel = createComponent('span')({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "14.0.0-alpha.1123-next.0",
+  "version": "14.0.0-alpha.1126-next.0",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,8 +46,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1123-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1123-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1126-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1126-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.1",
     "@workday/design-assets-types": "^0.2.8"
@@ -58,5 +58,5 @@
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "3601377207d7646ceeffe3a2161b671ccd8e8eab"
+  "gitHead": "5420bd738ba9800e4443d4ec6103df51634529e9"
 }

package/segmented-control/index.ts

@@ -1,4 +1,3 @@
 export * from './lib/SegmentedControl';
 export * from './lib/hooks/useSegmentedControlModel';
 export * from './lib/hooks/useSegmentedControlItem';
-export {useSegmentedControlList} from './lib/SegmentedControlList';