@workday/canvas-kit-react 9.0.0-alpha.334-next.4 → 9.0.0-alpha.336-next.6

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

@@ -29,10 +29,8 @@ import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { useListItemRegister, useListItemRovingFocus, isSelected, useListItemSelect, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
 import { useTabsModel } from './useTabsModel';
 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', 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': {
+    var theme = _a.theme;
+    return (__assign(__assign(__assign(__assign({}, type.levels.subtext.large), { fontWeight: type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', 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,
@@ -78,13 +76,14 @@ export var StyledTabItem = styled(Box.as('button'))(function (_a) {
             },
         } }));
 }, function (_a) {
-    var children = _a.children;
+    var children = _a.children, _b = _a.gap, gap = _b === void 0 ? space.xxs : _b;
     if (typeof children === 'string') {
         return ellipsisStyles;
     }
     else {
         return {
             display: 'flex',
+            gap: gap,
         };
     }
 });

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-react/layout';
-export interface TabListProps<T = any> extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
+import { Flex } from '@workday/canvas-kit-react/layout';
+export interface TabListProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
     /**
      * 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.

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

@@ -1 +1 @@
-{"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,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAUvD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CACnC,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACpE;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAOvB,CAAC;AAMF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;CA+B7B,CAAC"}
+{"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,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/F;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAOvB,CAAC;AAMF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;CA+B7B,CAAC"}

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

@@ -23,14 +23,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import { commonColors } from '@workday/canvas-kit-react/tokens';
 import { composeHooks, createSubcomponent, createElemPropsHook, useModalityType, styled, } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-react/layout';
+import { Flex } from '@workday/canvas-kit-react/layout';
 import { useOverflowListMeasure, useListRenderItems, useListResetCursorOnBlur, } from '@workday/canvas-kit-react/collection';
 import { useTabsModel } from './useTabsModel';
 export var useTabsList = composeHooks(createElemPropsHook(useTabsModel)(function () {
     var modality = useModalityType();
     return { role: 'tablist', overflowX: modality === 'touch' ? 'auto' : undefined };
 }), useOverflowListMeasure, useListResetCursorOnBlur);
-var StyledStack = styled(Stack)(function (_a) {
+var StyledStack = styled(Flex)(function (_a) {
     var maskImage = _a.maskImage;
     return ({
         maskImage: maskImage,
@@ -44,7 +44,7 @@ export var TabsList = createSubcomponent('div')({
     var children = _a.children, overflowButton = _a.overflowButton, elemProps = __rest(_a, ["children", "overflowButton"]);
     var modality = useModalityType();
     var touchStates = useTouchDirection();
-    return (React.createElement(StyledStack, __assign({ as: Element, position: "relative", borderBottom: "1px solid " + commonColors.divider, paddingX: modality === 'touch' ? 'zero' : 'm', spacing: "xs", maskImage: modality === 'touch' && touchStates.isDragging
+    return (React.createElement(StyledStack, __assign({ as: Element, position: "relative", borderBottom: "1px solid " + commonColors.divider, paddingX: modality === 'touch' ? 'zero' : 'm', gap: "xs", maskImage: modality === 'touch' && touchStates.isDragging
             ? "linear-gradient(" + (touchStates.direction === 'left' ? 'to left' : 'to right') + ", white 80%, transparent)"
             : undefined }, elemProps),
         useListRenderItems(model, children),

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

@@ -39,7 +39,7 @@ export var TabsOverflowButton = createSubcomponent('button')({
     elemPropsHook: useTabsOverflowButton,
 })(function (_a, Element) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(StyledTabItem, __assign({ type: "button", spacing: "xxxs", as: Element }, elemProps),
+    return (React.createElement(StyledTabItem, __assign({ type: "button", gap: "xxxs", as: Element }, elemProps),
         React.createElement("span", null, children),
         React.createElement(SystemIcon, { icon: chevronDownSmallIcon })));
 });

package/layout/index.ts

@@ -16,8 +16,7 @@ export {AllStyleProps, CommonStyleProps} from './lib/utils/styleProps';
 export * from './lib/utils/text';
 export * from './lib/Flex';
 export * from './lib/Grid';
-export * from './lib/Stack';
 export type { FlexStyleProps } from './lib/utils/flex';
 export type { GridStyleProps } from './lib/utils/grid';
 export type { GridItemStyleProps, gridItemStyleFnConfigs } from './lib/utils/gridItem';
-export type { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
+export * from './lib/utils/systemProps';

package/menu/lib/MenuList.tsx

@@ -7,12 +7,11 @@ import {
   ExtractProps,
 } from '@workday/canvas-kit-react/common';
 import {ListBox} from '@workday/canvas-kit-react/collection';
-import {Stack} from '@workday/canvas-kit-react/layout';
+import {Flex} from '@workday/canvas-kit-react/layout';
 
 import {useMenuModel} from './useMenuModel';
 
-export interface MenuListProps<T = any>
-  extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
+export interface MenuListProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
   /**
    * The label text of the MenuList.
    */
@@ -39,7 +38,7 @@ export const MenuList = createSubcomponent('div')({
       borderRadius="zero"
       padding="zero"
       marginY="xxs"
-      spacing="zero"
+      gap="zero"
       overflowY="auto"
       flexDirection={model.state.orientation === 'vertical' ? 'column' : 'row'}
       {...elemProps}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "9.0.0-alpha.334-next.4+d763d020",
+  "version": "9.0.0-alpha.336-next.6+d1c0111f",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^9.0.0-alpha.334-next.4+d763d020",
+    "@workday/canvas-kit-popup-stack": "^9.0.0-alpha.336-next.6+d1c0111f",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -67,5 +67,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "d763d0208e7e40f608b21f7280910b7446d98597"
+  "gitHead": "d1c0111f20f012765e9e6bba83aeee320c84f2a6"
 }

package/pagination/lib/Pagination/Controls.tsx

@@ -8,7 +8,7 @@ import {
 } from '@workday/canvas-system-icons-web';
 
 import {PaginationModel} from './types';
-import {HStack} from '@workday/canvas-kit-react/layout';
+import {Flex} from '@workday/canvas-kit-react/layout';
 import {useRTL} from './common/utils/useRTL';
 
 export type ControlButtonProps = TertiaryButtonProps &
@@ -20,9 +20,9 @@ export type ControlsProps = React.HTMLAttributes<HTMLDivElement>;
 
 export const Controls = ({children, ...elemProps}: ControlsProps) => {
   return (
-    <HStack spacing="xxxs" alignItems="center" {...elemProps}>
+    <Flex gap="xxxs" alignItems="center" {...elemProps}>
       {children}
-    </HStack>
+    </Flex>
   );
 };
 

package/pagination/lib/Pagination/GoTo/Form.tsx

@@ -1,25 +1,22 @@
 import * as React from 'react';
-import {HStack, HStackProps, StackSpacing} from '@workday/canvas-kit-react/layout';
+import {Flex, FlexProps} from '@workday/canvas-kit-react/layout';
 import {useRTL} from '../common/utils/useRTL';
 
-export type GoToFormProps = React.FormHTMLAttributes<HTMLFormElement> &
-  Omit<HStackProps, 'spacing'> & {
-    spacing?: StackSpacing;
-  };
+export type GoToFormProps = React.FormHTMLAttributes<HTMLFormElement> & FlexProps;
 
-export const GoToForm = ({children, onSubmit, spacing = 'xxs', ...elemProps}: GoToFormProps) => {
+export const GoToForm = ({children, onSubmit, gap = 'xxs', ...elemProps}: GoToFormProps) => {
   const {shouldUseRTL} = useRTL();
   return (
-    <HStack
+    <Flex
       as="form"
       alignItems="center"
-      spacing={spacing}
+      gap={gap}
       paddingLeft={shouldUseRTL ? 'xxs' : undefined}
       paddingRight={shouldUseRTL ? 'xxs' : undefined}
       onSubmit={onSubmit}
       {...elemProps}
     >
       {children}
-    </HStack>
+    </Flex>
   );
 };

package/pagination/lib/Pagination/PageList.tsx

@@ -2,26 +2,26 @@ import * as React from 'react';
 
 import {PaginationModel} from './types';
 import {ListItem, ListItemProps} from './common/List';
-import {HStack, HStackProps} from '@workday/canvas-kit-react/layout';
+import {Flex, FlexProps} from '@workday/canvas-kit-react/layout';
 
-export interface PageListProps extends Omit<HStackProps, 'as' | 'spacing' | 'children'> {
+export interface PageListProps extends Omit<FlexProps, 'as' | 'children'> {
   model: PaginationModel;
   children?: (model: PaginationModel) => React.ReactNode[] | React.ReactNode;
 }
 
 export const PageList = ({model, children, ...elemProps}: PageListProps) => {
   return (
-    <HStack
+    <Flex
       margin="zero"
       as="ol"
       role="list"
       paddingLeft="zero"
       paddingRight="zero"
-      spacing="xxxs"
+      gap="xxxs"
       {...elemProps}
     >
       {typeof children === 'function' ? children(model) : children}
-    </HStack>
+    </Flex>
   );
 };
 

package/tabs/lib/TabsItem.tsx

@@ -14,7 +14,7 @@ import {
   createSubcomponent,
   useModalityType,
 } from '@workday/canvas-kit-react/common';
-import {Box, StackProps} from '@workday/canvas-kit-react/layout';
+import {Box, FlexProps} from '@workday/canvas-kit-react/layout';
 import {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {
@@ -28,7 +28,7 @@ import {
 import {useTabsModel} from './useTabsModel';
 export interface TabsItemProps
   extends ExtractProps<typeof Box, never>,
-    Partial<Pick<StackProps, 'spacing'>> {
+    Partial<Pick<FlexProps, 'gap'>> {
   /**
    * 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
@@ -81,12 +81,9 @@ export interface TabsItemProps
   tabIndex?: number;
 }
 
-export const StyledTabItem = styled(Box.as('button'))<StyledType & Pick<TabsItemProps, 'spacing'>>(
-  ({theme, spacing}) => ({
+export const StyledTabItem = styled(Box.as('button'))<StyledType & Pick<TabsItemProps, 'gap'>>(
+  ({theme}) => ({
     ...type.levels.subtext.large,
-    '& > *:not(style) ~ *:not(style)': {
-      marginLeft: spacing || space.xxs,
-    },
     fontWeight: type.properties.fontWeights.medium,
     border: 'none',
     backgroundColor: 'transparent',
@@ -160,12 +157,13 @@ export const StyledTabItem = styled(Box.as('button'))<StyledType & Pick<TabsItem
       },
     },
   }),
-  ({children}) => {
+  ({children, gap = space.xxs}) => {
     if (typeof children === 'string') {
       return ellipsisStyles;
     } else {
       return {
         display: 'flex',
+        gap,
       };
     }
   }

package/tabs/lib/TabsList.tsx

@@ -10,7 +10,7 @@ import {
   styled,
   StyledType,
 } from '@workday/canvas-kit-react/common';
-import {Stack} from '@workday/canvas-kit-react/layout';
+import {Flex} from '@workday/canvas-kit-react/layout';
 import {
   useOverflowListMeasure,
   useListRenderItems,
@@ -19,9 +19,7 @@ import {
 
 import {useTabsModel} from './useTabsModel';
 
-// Use `Partial` here to make `spacing` optional
-export interface TabListProps<T = any>
-  extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
+export interface TabListProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
   /**
    * 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.
@@ -44,7 +42,7 @@ export const useTabsList = composeHooks(
   useListResetCursorOnBlur
 );
 
-const StyledStack = styled(Stack)<StyledType & {maskImage?: string}>(({maskImage}) => ({
+const StyledStack = styled(Flex)<StyledType & {maskImage?: string}>(({maskImage}) => ({
   maskImage: maskImage,
 }));
 
@@ -61,7 +59,7 @@ export const TabsList = createSubcomponent('div')({
       position="relative"
       borderBottom={`1px solid ${commonColors.divider}`}
       paddingX={modality === 'touch' ? 'zero' : 'm'}
-      spacing="xs"
+      gap="xs"
       maskImage={
         modality === 'touch' && touchStates.isDragging
           ? `linear-gradient(${

package/tabs/lib/TabsOverflowButton.tsx

@@ -37,7 +37,7 @@ export const TabsOverflowButton = createSubcomponent('button')({
   elemPropsHook: useTabsOverflowButton,
 })<OverflowButtonProps>(({children, ...elemProps}, Element) => {
   return (
-    <StyledTabItem type="button" spacing="xxxs" as={Element} {...elemProps}>
+    <StyledTabItem type="button" gap="xxxs" as={Element} {...elemProps}>
       <span>{children}</span>
       <SystemIcon icon={chevronDownSmallIcon} />
     </StyledTabItem>

package/dist/commonjs/layout/lib/Stack.d.ts

@@ -1,69 +0,0 @@
-import { FlexProps } from './Flex';
-import { StackStyleProps } from './utils/stack';
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackProps = FlexProps & StackStyleProps;
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const Stack: import("../../common").ElementComponent<"div", StackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface HStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: 'row' | 'row-reverse';
-}
-/**
- * ### ⚠️ HStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface VStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "column"
-     * */
-    flexDirection?: 'column' | 'column-reverse';
-}
-/**
- * ### ⚠️ VStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-//# sourceMappingURL=Stack.d.ts.map

package/dist/commonjs/layout/lib/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD;;;;;;GAMG;AACH,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AAkCrD;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;CAiBhB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;CAYjB,CAAC"}

package/dist/commonjs/layout/lib/Stack.js

@@ -1,127 +0,0 @@
-"use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VStack = exports.HStack = exports.Stack = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Box_1 = require("./Box");
-var Flex_1 = require("./Flex");
-var getValidChildren_1 = require("./utils/getValidChildren");
-var stack_1 = require("./utils/stack");
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-var StackItem = common_1.createComponent('div')({
-    displayName: 'Stack.Item',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Box_1.Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
-    },
-});
-// prevent `spacing` prop from being passed through to the HTML element
-var shouldForwardProp = function (prop) {
-    return prop !== 'spacing';
-};
-var StyledStack = styled_1.default(Flex_1.Flex, { shouldForwardProp: shouldForwardProp })(stack_1.stack);
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-exports.Stack = common_1.createComponent('div')({
-    displayName: 'Stack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.shouldWrapChildren, shouldWrapChildren = _b === void 0 ? false : _b, elemProps = __rest(_a, ["children", "shouldWrapChildren"]);
-        var validChildren = getValidChildren_1.getValidChildren(children);
-        return (React.createElement(StyledStack, __assign({ as: Element, ref: ref, flexDirection: "row" }, elemProps), shouldWrapChildren
-            ? validChildren.map(function (child, index) { return (React.createElement(StackItem, { key: child.props.id || index }, child)); })
-            : validChildren));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-/**
- * ### ⚠️ HStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-exports.HStack = common_1.createComponent('div')({
-    displayName: 'HStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, elemProps = __rest(_a, ["children", "flexDirection"]);
-        return (React.createElement(exports.Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-/**
- * ### ⚠️ VStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-exports.VStack = common_1.createComponent('div')({
-    displayName: 'VStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'column' : _b, elemProps = __rest(_a, ["children", "flexDirection"]);
-        return (React.createElement(exports.Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});

package/dist/commonjs/layout/lib/utils/stack.d.ts

@@ -1,54 +0,0 @@
-import { SystemPropValues } from './systemProps';
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-declare const selector = "& > *:not(style) ~ *:not(style)";
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackSpacing = SystemPropValues['space'];
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackStyleProps = {
-    /** sets space values between child elements (bidirectional support)
-     * @deprecated
-     */
-    spacing: StackSpacing;
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: StackDirection;
-    /**
-     * when `true` wraps each child element in a `Stack.Item`
-     * @deprecated
-     * @default false
-     * */
-    shouldWrapChildren?: boolean;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare function stack<P extends StackStyleProps>(props: P): {
-    "& > *:not(style) ~ *:not(style)": {};
-};
-export {};
-//# sourceMappingURL=stack.d.ts.map

package/dist/commonjs/layout/lib/utils/stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/stack.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEvE;;;;;;GAMG;AACH,oBAAY,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEjF,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD;;;;;;GAMG;AACH,oBAAY,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAErD;;;;;;GAMG;AACH,oBAAY,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;;SAGK;IACL,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC;;EAuBxD"}

package/dist/commonjs/layout/lib/utils/stack.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stack = void 0;
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var selector = '& > *:not(style) ~ *:not(style)';
-var getSpace = function (value) {
-    return tokens_1.space[value] || value;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-function stack(props) {
-    var _a;
-    var _b = props.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, spacing = props.spacing;
-    var styles = {};
-    if (flexDirection === 'column') {
-        styles = { marginTop: getSpace(spacing) };
-    }
-    if (flexDirection === 'column-reverse') {
-        styles = { marginBottom: getSpace(spacing) };
-    }
-    if (flexDirection === 'row') {
-        styles = { marginInlineStart: getSpace(spacing) };
-    }
-    if (flexDirection === 'row-reverse') {
-        styles = { marginInlineEnd: getSpace(spacing) };
-    }
-    return _a = {},
-        _a[selector] = styles,
-        _a;
-}
-exports.stack = stack;