@workday/canvas-kit-react 8.0.0-alpha.254-next.23 → 8.0.0-alpha.428-next.2

package/dist/es6/layout/lib/Layout.js

@@ -1,106 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 styled from '@emotion/styled';
-import { DeprecatedColumn } from './Column';
-import { canvas, spaceNumbers } from '@workday/canvas-kit-react/tokens';
-import isPropValid from '@emotion/is-prop-valid';
-var LayoutStyles = {
-    classname: 'layout',
-    styles: {
-        display: 'flex',
-        width: '100%',
-        boxSizing: 'border-box',
-    },
-};
-var LayoutContainer = styled('div', {
-    shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'spacing'; },
-})(LayoutStyles.styles, function (_a) {
-    var gutter = _a.gutter;
-    if (gutter === 0) {
-        return;
-    }
-    return { padding: "0 " + gutter };
-}, function (_a) {
-    var capWidth = _a.capWidth;
-    if (!capWidth) {
-        return;
-    }
-    return {
-        maxWidth: '1280px',
-        margin: '0 auto',
-    };
-});
-/**
- * ### Deprecated Layout
- *
- * As of Canvas Kit v8, Layout is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v9. Please see the
- * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
- * for more information.
- */
-var DeprecatedLayout = /** @class */ (function (_super) {
-    __extends(DeprecatedLayout, _super);
-    function DeprecatedLayout() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.renderChild = function (child, spacing) {
-            if (!React.isValidElement(child)) {
-                return;
-            }
-            if (child.type === DeprecatedColumn) {
-                var childProps = child.props;
-                if (childProps.spacing || childProps.spacing === 0) {
-                    return child;
-                }
-                return React.cloneElement(child, { spacing: spacing });
-            }
-            return child;
-        };
-        return _this;
-    }
-    DeprecatedLayout.prototype.componentDidMount = function () {
-        console.warn("This component is being deprecated and will be removed in Canvas Kit V9.\n\n      For more information, please see the V8 upgrade guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page\n      ");
-    };
-    DeprecatedLayout.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, _b = _a.gutter, gutter = _b === void 0 ? canvas.space.xs : _b, _c = _a.spacing, spacing = _c === void 0 ? spaceNumbers.xs : _c, children = _a.children, capWidth = _a.capWidth, elemProps = __rest(_a, ["gutter", "spacing", "children", "capWidth"]);
-        return (React.createElement(LayoutContainer, __assign({ spacing: spacing, gutter: gutter, capWidth: capWidth }, elemProps), React.Children.map(children, function (child) { return _this.renderChild(child, spacing); })));
-    };
-    DeprecatedLayout.Column = DeprecatedColumn;
-    return DeprecatedLayout;
-}(React.Component));
-export { DeprecatedLayout };
-DeprecatedLayout.Column = DeprecatedColumn;

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

@@ -1,27 +0,0 @@
-import { FlexProps } from './Flex';
-import { StackStyleProps } from './utils/stack';
-export declare type StackProps = FlexProps & StackStyleProps;
-export declare const Stack: import("../../common").ElementComponent<"div", StackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-export interface HStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: 'row' | 'row-reverse';
-}
-export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-export interface VStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "column"
-     * */
-    flexDirection?: 'column' | 'column-reverse';
-}
-export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-//# sourceMappingURL=Stack.d.ts.map

package/dist/es6/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,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAiBhB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC"}

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

@@ -1,74 +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 styled from '@emotion/styled';
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { Box } from './Box';
-import { Flex } from './Flex';
-import { getValidChildren } from './utils/getValidChildren';
-import { stack } from './utils/stack';
-var StackItem = createComponent('div')({
-    displayName: 'Stack.Item',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(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(Flex, { shouldForwardProp: shouldForwardProp })(stack);
-export var Stack = 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(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,
-    },
-});
-export var HStack = 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(Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-export var VStack = 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(Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});

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

@@ -1,23 +0,0 @@
-import { SystemPropValues } from './systemProps';
-export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-declare const selector = "& > *:not(style) ~ *:not(style)";
-export declare type StackSpacing = SystemPropValues['space'];
-export declare type StackStyleProps = {
-    /** sets space values between child elements (bidirectional support) */
-    spacing: StackSpacing;
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: StackDirection;
-    /**
-     * when `true` wraps each child element in a `Stack.Item`
-     * @default false
-     * */
-    shouldWrapChildren?: boolean;
-};
-export declare function stack<P extends StackStyleProps>(props: P): {
-    "& > *:not(style) ~ *:not(style)": {};
-};
-export {};
-//# sourceMappingURL=stack.d.ts.map

package/dist/es6/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,oBAAY,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEjF,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD,oBAAY,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC5B,uEAAuE;IACvE,OAAO,EAAE,YAAY,CAAC;IACtB;;;SAGK;IACL,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;;SAGK;IACL,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAMF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC;;EAuBxD"}

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

@@ -1,25 +0,0 @@
-import { space as spaceTokens } from '@workday/canvas-kit-react/tokens';
-var selector = '& > *:not(style) ~ *:not(style)';
-var getSpace = function (value) {
-    return spaceTokens[value] || value;
-};
-export 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;
-}

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { GoToFormProps } from './Form';
-import { GoToLabelProps } from './Label';
-import { GoToTextInputProps } from './TextInput';
-import { UseGoToFormConfig } from './useGoToForm';
-import { PaginationModel } from '../types';
-export interface GoToProps extends UseGoToFormConfig {
-    model: PaginationModel;
-    children?: React.ReactNode;
-}
-export declare const GoTo: {
-    (props: GoToProps): JSX.Element;
-    Form(props: GoToFormProps): JSX.Element;
-    TextInput(props: GoToTextInputProps): JSX.Element;
-    Label(props: GoToLabelProps): JSX.Element;
-};
-//# sourceMappingURL=GoTo.d.ts.map

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoTo.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/GoTo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAY,cAAc,EAAC,MAAM,SAAS,CAAC;AAClD,OAAO,EAAgB,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAc,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,IAAI;YAAW,SAAS;gBAOjB,aAAa;qBAMR,kBAAkB;iBAMtB,cAAc;CAdlC,CAAC"}

package/dist/es6/pagination/lib/Pagination/GoTo/GoTo.js

@@ -1,35 +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 * as React from 'react';
-import { GoToForm } from './Form';
-import { GoToLabel } from './Label';
-import { GoToTextInput } from './TextInput';
-import { useGoToForm } from './useGoToForm';
-var GoToContext = React.createContext({});
-export var GoTo = function (props) {
-    var children = props.children, model = props.model;
-    var goToContext = useGoToForm({ model: model });
-    return React.createElement(GoToContext.Provider, { value: goToContext }, children);
-};
-GoTo.Form = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var formProps = React.useContext(GoToContext).formProps;
-    return React.createElement(GoToForm, __assign({}, formProps, props));
-};
-GoTo.TextInput = function (props) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var inputProps = React.useContext(GoToContext).inputProps;
-    return React.createElement(GoToTextInput, __assign({}, inputProps, props));
-};
-GoTo.Label = function (props) {
-    return React.createElement(GoToLabel, __assign({}, props, props));
-};

package/dist/es6/pagination/lib/Pagination/GoTo/index.d.ts

@@ -1,4 +0,0 @@
-import { GoTo, GoToProps } from './GoTo';
-export { GoTo, GoToProps };
-export * from './GoTo';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/pagination/lib/Pagination/GoTo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/es6/pagination/lib/Pagination/GoTo/index.js

@@ -1,3 +0,0 @@
-import { GoTo } from './GoTo';
-export { GoTo };
-export * from './GoTo';

package/layout/lib/Column.tsx

@@ -1,88 +0,0 @@
-import * as React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
-
-/**
- * ### Deprecated Layout Column Props
- *
- * As of Canvas Kit v8, Layout is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v9. Please see the
- * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
- * for more information.
- */
-export interface DeprecatedColumnProps {
-  /**
-   * The children of the DeprecatedColumn (cannot be empty).
-   */
-  children?: React.ReactNode;
-  /**
-   * The left and right padding of the DeprecatedColumn (inherits from Layout prop).
-   * @default 12
-   */
-  spacing?: number;
-  /**
-   * The size of the 12-column grid.
-   */
-  columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-  /**
-   * The width of the columns. This will take precedence over `columns`.
-   */
-  width?: number | string;
-}
-
-const ColumnContainer = styled('div', {
-  shouldForwardProp: prop => isPropValid(prop) && prop !== 'spacing',
-})<DeprecatedColumnProps>(
-  {
-    '&:first-of-type': {
-      paddingLeft: 0,
-    },
-    '&:last-child': {
-      paddingRight: 0,
-    },
-  },
-  ({spacing}) => {
-    if (spacing === 0) {
-      return;
-    }
-
-    return {padding: `0 ${spacing}px`};
-  },
-  ({columns, width, spacing}) => {
-    if (width) {
-      return {width};
-    }
-
-    if (columns) {
-      if (columns === 12) {
-        return {width: `100%`};
-      } else {
-        const compensation = ((12 - columns) / 12) * ((spacing || 0) * 2);
-        return {width: `calc(${(columns / 12) * 100}% - ${compensation}px)`};
-      }
-    }
-
-    return {flex: 1};
-  }
-);
-
-export class DeprecatedColumn extends React.Component<DeprecatedColumnProps> {
-  componentDidMount() {
-    console.warn(
-      `This component is being deprecated and will be removed in Canvas Kit V9.\n
-      For more information, please see the V8 upgrade guide:\n
-      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page
-      `
-    );
-  }
-
-  public render() {
-    const {children, spacing, columns, width, ...elemProps} = this.props;
-
-    return (
-      <ColumnContainer spacing={spacing} columns={columns} width={width} {...elemProps}>
-        {children}
-      </ColumnContainer>
-    );
-  }
-}

package/layout/lib/Layout.tsx

@@ -1,124 +0,0 @@
-import * as React from 'react';
-import styled from '@emotion/styled';
-import {GenericStyle} from '@workday/canvas-kit-react/common';
-import {DeprecatedColumn, DeprecatedColumnProps} from './Column';
-import {canvas, spaceNumbers} from '@workday/canvas-kit-react/tokens';
-import isPropValid from '@emotion/is-prop-valid';
-
-/**
- * ### Deprecated Layout Props
- *
- * As of Canvas Kit v8, Layout is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v9. Please see the
- * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
- * for more information.
- */
-export interface DeprecatedLayoutProps {
-  /**
-   * The children of the DeprecatedLayout (cannot be empty).
-   */
-  children: React.ReactElement<DeprecatedColumnProps>[] | React.ReactNode;
-  /**
-   * The spacing of the DeprecatedLayout children.
-   */
-  spacing?: number;
-  /**
-   * The padding of the DeprecatedLayout's outside container.
-   * @default 12
-   */
-  gutter?: number | string;
-  /**
-   * If true, set the max width of the DeprecatedLayout container to `1280px`.
-   * @default false
-   */
-  capWidth?: boolean;
-}
-
-const LayoutStyles: GenericStyle = {
-  classname: 'layout',
-  styles: {
-    display: 'flex',
-    width: '100%',
-    boxSizing: 'border-box',
-  },
-};
-
-const LayoutContainer = styled('div', {
-  shouldForwardProp: prop => isPropValid(prop) && prop !== 'spacing',
-})<DeprecatedLayoutProps>(
-  LayoutStyles.styles,
-  ({gutter}) => {
-    if (gutter === 0) {
-      return;
-    }
-
-    return {padding: `0 ${gutter}`};
-  },
-  ({capWidth}) => {
-    if (!capWidth) {
-      return;
-    }
-
-    return {
-      maxWidth: '1280px',
-      margin: '0 auto',
-    };
-  }
-);
-
-/**
- * ### Deprecated Layout
- *
- * As of Canvas Kit v8, Layout is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v9. Please see the
- * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
- * for more information.
- */
-export class DeprecatedLayout extends React.Component<DeprecatedLayoutProps> {
-  componentDidMount() {
-    console.warn(
-      `This component is being deprecated and will be removed in Canvas Kit V9.\n
-      For more information, please see the V8 upgrade guide:\n
-      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page
-      `
-    );
-  }
-
-  public static Column = DeprecatedColumn;
-
-  private renderChild = (child: React.ReactNode, spacing: number): React.ReactNode => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-
-    if (child.type === DeprecatedColumn) {
-      const childProps = child.props;
-
-      if (childProps.spacing || childProps.spacing === 0) {
-        return child;
-      }
-
-      return React.cloneElement(child, {spacing});
-    }
-
-    return child;
-  };
-
-  public render() {
-    const {
-      gutter = canvas.space.xs,
-      spacing = spaceNumbers.xs,
-      children,
-      capWidth,
-      ...elemProps
-    } = this.props;
-
-    return (
-      <LayoutContainer spacing={spacing} gutter={gutter} capWidth={capWidth} {...elemProps}>
-        {React.Children.map(children, child => this.renderChild(child, spacing))}
-      </LayoutContainer>
-    );
-  }
-}
-
-DeprecatedLayout.Column = DeprecatedColumn;

package/layout/lib/Stack.tsx

@@ -1,97 +0,0 @@
-import * as React from 'react';
-import styled from '@emotion/styled';
-import {createComponent, StyledType} from '@workday/canvas-kit-react/common';
-import {Box, BoxProps} from './Box';
-import {Flex, FlexProps} from './Flex';
-import {getValidChildren} from './utils/getValidChildren';
-import {stack, StackStyleProps} from './utils/stack';
-
-export type StackProps = FlexProps & StackStyleProps;
-
-const StackItem = createComponent('div')({
-  displayName: 'Stack.Item',
-  Component: ({children, ...elemProps}: BoxProps, ref, Element) => {
-    return (
-      <Box
-        as={Element}
-        ref={ref}
-        display="inline-block"
-        flex="0 0 auto"
-        minWidth={0}
-        {...elemProps}
-      >
-        {children}
-      </Box>
-    );
-  },
-});
-
-// prevent `spacing` prop from being passed through to the HTML element
-const shouldForwardProp = (prop: string) => {
-  return prop !== 'spacing';
-};
-
-const StyledStack = styled(Flex, {shouldForwardProp})<StyledType & StackProps>(stack);
-
-export const Stack = createComponent('div')({
-  displayName: 'Stack',
-  Component: ({children, shouldWrapChildren = false, ...elemProps}: StackProps, ref, Element) => {
-    const validChildren = getValidChildren(children);
-    return (
-      <StyledStack as={Element} ref={ref} flexDirection="row" {...elemProps}>
-        {shouldWrapChildren
-          ? validChildren.map((child, index) => (
-              <StackItem key={child.props.id || index}>{child}</StackItem>
-            ))
-          : validChildren}
-      </StyledStack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});
-
-export interface HStackProps extends StackProps {
-  /**
-   * sets the direction for the stack
-   * @default "row"
-   * */
-  flexDirection?: 'row' | 'row-reverse';
-}
-
-export const HStack = createComponent('div')({
-  displayName: 'HStack',
-  Component: ({children, flexDirection = 'row', ...elemProps}: HStackProps, ref, Element) => {
-    return (
-      <Stack as={Element} ref={ref} flexDirection={flexDirection} {...elemProps}>
-        {children}
-      </Stack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});
-
-export interface VStackProps extends StackProps {
-  /**
-   * sets the direction for the stack
-   * @default "column"
-   * */
-  flexDirection?: 'column' | 'column-reverse';
-}
-
-export const VStack = createComponent('div')({
-  displayName: 'VStack',
-  Component: ({children, flexDirection = 'column', ...elemProps}: VStackProps, ref, Element) => {
-    return (
-      <Stack as={Element} ref={ref} flexDirection={flexDirection} {...elemProps}>
-        {children}
-      </Stack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});