@workday/canvas-kit-react 8.0.0-alpha.192-next.1 → 8.0.0-alpha.194-next.2

package/dist/commonjs/layout/index.d.ts

@@ -1,6 +1,6 @@
-import { Layout } from './lib/Layout';
-import { Column } from './lib/Column';
-export { Layout, Column };
+import { DeprecatedLayout } from './lib/Layout';
+import { DeprecatedColumn } from './lib/Column';
+export { DeprecatedLayout, DeprecatedColumn };
 export * from './lib/Box';
 export * from './lib/utils/border';
 export * from './lib/utils/color';

package/dist/commonjs/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/commonjs/layout/index.js

@@ -10,11 +10,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Column = exports.Layout = void 0;
+exports.DeprecatedColumn = exports.DeprecatedLayout = void 0;
 var Layout_1 = require("./lib/Layout");
-Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
+Object.defineProperty(exports, "DeprecatedLayout", { enumerable: true, get: function () { return Layout_1.DeprecatedLayout; } });
 var Column_1 = require("./lib/Column");
-Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return Column_1.Column; } });
+Object.defineProperty(exports, "DeprecatedColumn", { enumerable: true, get: function () { return Column_1.DeprecatedColumn; } });
 __exportStar(require("./lib/Box"), exports);
 __exportStar(require("./lib/utils/border"), exports);
 __exportStar(require("./lib/utils/color"), exports);

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

@@ -1,11 +1,19 @@
 import * as React from 'react';
-export interface ColumnProps {
+/**
+ * ### 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 Column (cannot be empty).
+     * The children of the DeprecatedColumn (cannot be empty).
      */
     children?: React.ReactNode;
     /**
-     * The left and right padding of the Column (inherits from Layout prop).
+     * The left and right padding of the DeprecatedColumn (inherits from Layout prop).
      * @default 12
      */
     spacing?: number;
@@ -18,7 +26,8 @@ export interface ColumnProps {
      */
     width?: number | string;
 }
-export declare class Column extends React.Component<ColumnProps> {
+export declare class DeprecatedColumn extends React.Component<DeprecatedColumnProps> {
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=Column.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM;CASd"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,iBAAiB;IASV,MAAM;CASd"}

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

@@ -57,7 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Column = void 0;
+exports.DeprecatedColumn = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
@@ -92,15 +92,18 @@ var ColumnContainer = styled_1.default('div', {
     }
     return { flex: 1 };
 });
-var Column = /** @class */ (function (_super) {
-    __extends(Column, _super);
-    function Column() {
+var DeprecatedColumn = /** @class */ (function (_super) {
+    __extends(DeprecatedColumn, _super);
+    function DeprecatedColumn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Column.prototype.render = function () {
+    DeprecatedColumn.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      ");
+    };
+    DeprecatedColumn.prototype.render = function () {
         var _a = this.props, children = _a.children, spacing = _a.spacing, columns = _a.columns, width = _a.width, elemProps = __rest(_a, ["children", "spacing", "columns", "width"]);
         return (React.createElement(ColumnContainer, __assign({ spacing: spacing, columns: columns, width: width }, elemProps), children));
     };
-    return Column;
+    return DeprecatedColumn;
 }(React.Component));
-exports.Column = Column;
+exports.DeprecatedColumn = DeprecatedColumn;

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

@@ -1,27 +1,44 @@
 import * as React from 'react';
-import { Column, ColumnProps } from './Column';
-export interface LayoutProps {
+import { DeprecatedColumn, DeprecatedColumnProps } from './Column';
+/**
+ * ### 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 Layout (cannot be empty).
+     * The children of the DeprecatedLayout (cannot be empty).
      */
-    children: React.ReactElement<ColumnProps>[] | React.ReactNode;
+    children: React.ReactElement<DeprecatedColumnProps>[] | React.ReactNode;
     /**
-     * The spacing of the Layout children.
+     * The spacing of the DeprecatedLayout children.
      */
     spacing?: number;
     /**
-     * The padding of the Layout's outside container.
+     * The padding of the DeprecatedLayout's outside container.
      * @default 12
      */
     gutter?: number | string;
     /**
-     * If true, set the max width of the Layout container to `1280px`.
+     * If true, set the max width of the DeprecatedLayout container to `1280px`.
      * @default false
      */
     capWidth?: boolean;
 }
-export declare class Layout extends React.Component<LayoutProps> {
-    static Column: typeof Column;
+/**
+ * ### 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 declare class DeprecatedLayout extends React.Component<DeprecatedLayoutProps> {
+    componentDidMount(): void;
+    static Column: typeof DeprecatedColumn;
     private renderChild;
     render(): JSX.Element;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAI7C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,OAAc,MAAM,gBAAU;IAE9B,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAIjE;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,iBAAiB;IASjB,OAAc,MAAM,0BAAoB;IAExC,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}

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

@@ -57,7 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Layout = void 0;
+exports.DeprecatedLayout = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var Column_1 = require("./Column");
@@ -89,15 +89,23 @@ var LayoutContainer = styled_1.default('div', {
         margin: '0 auto',
     };
 });
-var Layout = /** @class */ (function (_super) {
-    __extends(Layout, _super);
-    function Layout() {
+/**
+ * ### 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 === Column_1.Column) {
+            if (child.type === Column_1.DeprecatedColumn) {
                 var childProps = child.props;
                 if (childProps.spacing || childProps.spacing === 0) {
                     return child;
@@ -108,13 +116,16 @@ var Layout = /** @class */ (function (_super) {
         };
         return _this;
     }
-    Layout.prototype.render = function () {
+    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 ? tokens_1.canvas.space.xs : _b, _c = _a.spacing, spacing = _c === void 0 ? tokens_1.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); })));
     };
-    Layout.Column = Column_1.Column;
-    return Layout;
+    DeprecatedLayout.Column = Column_1.DeprecatedColumn;
+    return DeprecatedLayout;
 }(React.Component));
-exports.Layout = Layout;
-Layout.Column = Column_1.Column;
+exports.DeprecatedLayout = DeprecatedLayout;
+DeprecatedLayout.Column = Column_1.DeprecatedColumn;

package/dist/es6/layout/index.d.ts

@@ -1,6 +1,6 @@
-import { Layout } from './lib/Layout';
-import { Column } from './lib/Column';
-export { Layout, Column };
+import { DeprecatedLayout } from './lib/Layout';
+import { DeprecatedColumn } from './lib/Column';
+export { DeprecatedLayout, DeprecatedColumn };
 export * from './lib/Box';
 export * from './lib/utils/border';
 export * from './lib/utils/color';

package/dist/es6/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/es6/layout/index.js

@@ -1,6 +1,6 @@
-import { Layout } from './lib/Layout';
-import { Column } from './lib/Column';
-export { Layout, Column };
+import { DeprecatedLayout } from './lib/Layout';
+import { DeprecatedColumn } from './lib/Column';
+export { DeprecatedLayout, DeprecatedColumn };
 export * from './lib/Box';
 export * from './lib/utils/border';
 export * from './lib/utils/color';

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

@@ -1,11 +1,19 @@
 import * as React from 'react';
-export interface ColumnProps {
+/**
+ * ### 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 Column (cannot be empty).
+     * The children of the DeprecatedColumn (cannot be empty).
      */
     children?: React.ReactNode;
     /**
-     * The left and right padding of the Column (inherits from Layout prop).
+     * The left and right padding of the DeprecatedColumn (inherits from Layout prop).
      * @default 12
      */
     spacing?: number;
@@ -18,7 +26,8 @@ export interface ColumnProps {
      */
     width?: number | string;
 }
-export declare class Column extends React.Component<ColumnProps> {
+export declare class DeprecatedColumn extends React.Component<DeprecatedColumnProps> {
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=Column.d.ts.map

package/dist/es6/layout/lib/Column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM;CASd"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,iBAAiB;IASV,MAAM;CASd"}

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

@@ -67,15 +67,18 @@ var ColumnContainer = styled('div', {
     }
     return { flex: 1 };
 });
-var Column = /** @class */ (function (_super) {
-    __extends(Column, _super);
-    function Column() {
+var DeprecatedColumn = /** @class */ (function (_super) {
+    __extends(DeprecatedColumn, _super);
+    function DeprecatedColumn() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Column.prototype.render = function () {
+    DeprecatedColumn.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      ");
+    };
+    DeprecatedColumn.prototype.render = function () {
         var _a = this.props, children = _a.children, spacing = _a.spacing, columns = _a.columns, width = _a.width, elemProps = __rest(_a, ["children", "spacing", "columns", "width"]);
         return (React.createElement(ColumnContainer, __assign({ spacing: spacing, columns: columns, width: width }, elemProps), children));
     };
-    return Column;
+    return DeprecatedColumn;
 }(React.Component));
-export { Column };
+export { DeprecatedColumn };

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

@@ -1,27 +1,44 @@
 import * as React from 'react';
-import { Column, ColumnProps } from './Column';
-export interface LayoutProps {
+import { DeprecatedColumn, DeprecatedColumnProps } from './Column';
+/**
+ * ### 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 Layout (cannot be empty).
+     * The children of the DeprecatedLayout (cannot be empty).
      */
-    children: React.ReactElement<ColumnProps>[] | React.ReactNode;
+    children: React.ReactElement<DeprecatedColumnProps>[] | React.ReactNode;
     /**
-     * The spacing of the Layout children.
+     * The spacing of the DeprecatedLayout children.
      */
     spacing?: number;
     /**
-     * The padding of the Layout's outside container.
+     * The padding of the DeprecatedLayout's outside container.
      * @default 12
      */
     gutter?: number | string;
     /**
-     * If true, set the max width of the Layout container to `1280px`.
+     * If true, set the max width of the DeprecatedLayout container to `1280px`.
      * @default false
      */
     capWidth?: boolean;
 }
-export declare class Layout extends React.Component<LayoutProps> {
-    static Column: typeof Column;
+/**
+ * ### 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 declare class DeprecatedLayout extends React.Component<DeprecatedLayoutProps> {
+    componentDidMount(): void;
+    static Column: typeof DeprecatedColumn;
     private renderChild;
     render(): JSX.Element;
 }

package/dist/es6/layout/lib/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAI7C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,OAAc,MAAM,gBAAU;IAE9B,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAIjE;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,iBAAiB;IASjB,OAAc,MAAM,0BAAoB;IAExC,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}

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

@@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import styled from '@emotion/styled';
-import { Column } from './Column';
+import { DeprecatedColumn } from './Column';
 import { canvas, spaceNumbers } from '@workday/canvas-kit-react/tokens';
 import isPropValid from '@emotion/is-prop-valid';
 var LayoutStyles = {
@@ -64,15 +64,23 @@ var LayoutContainer = styled('div', {
         margin: '0 auto',
     };
 });
-var Layout = /** @class */ (function (_super) {
-    __extends(Layout, _super);
-    function Layout() {
+/**
+ * ### 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 === Column) {
+            if (child.type === DeprecatedColumn) {
                 var childProps = child.props;
                 if (childProps.spacing || childProps.spacing === 0) {
                     return child;
@@ -83,13 +91,16 @@ var Layout = /** @class */ (function (_super) {
         };
         return _this;
     }
-    Layout.prototype.render = function () {
+    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); })));
     };
-    Layout.Column = Column;
-    return Layout;
+    DeprecatedLayout.Column = DeprecatedColumn;
+    return DeprecatedLayout;
 }(React.Component));
-export { Layout };
-Layout.Column = Column;
+export { DeprecatedLayout };
+DeprecatedLayout.Column = DeprecatedColumn;

package/layout/README.md

@@ -14,26 +14,27 @@ For more detailed information on this component, please refer to the
 # Canvas Kit Layout
 
 The layout component is used to create layouts for your application. The component comes with the
-`Layout` and `Column` component. Layout and Columns can be utilized to create a combination of
-different workday specific layouts. Layouts should be used to create the main layout on the page.
+`DeprecatedLayout` and `DeprecatedColumn` component. Layout and Columns can be utilized to create a
+combination of different workday specific layouts. Layouts should be used to create the main layout
+on the page.
 
-# Layout
+# Layout (deprecated)
 
 > Layout Container
 
 ## Usage
 
 ```tsx
-import {Layout} from '@workday/canvas-kit-react/layout';
+import {DeprecatedLayout} from '@workday/canvas-kit-react/layout';
 
 // Basic
-<Layout>...</Layout>
+<DeprecatedLayout>...</DeprecatedLayout>
 
 // No spacing and no gutter
-<Layout gutter={0} spacing={0}>...</Layout>
+<DeprecatedLayout gutter={0} spacing={0}>...</DeprecatedLayout>
 
 // Layout with a max container width
-<Layout capWidth={true}>...</Layout>
+<DeprecatedLayout capWidth={true}>...</DeprecatedLayout>
 ```
 
 ## Static Properties
@@ -70,39 +71,39 @@ Default: `12`
 
 ---
 
-# Column
+# Column (deprecated)
 
 > The column acts as a pillar for building layouts. Columns widths can be fluid, 12 columns, or a
-> fixed. Columns should be used exclusively with `Layout` to build the main page layouts. `width`
-> and `columns` props are mutually exclusive. The `width` prop will take precedence over the
+> fixed. Columns should be used exclusively with `DeprecatedLayout` to build the main page layouts.
+> `width` and `columns` props are mutually exclusive. The `width` prop will take precedence over the
 > `columns` prop.
 
 ```tsx
-import {Layout} from '@workday/canvas-kit-react/layout';
+import {DeprecatedLayout} from '@workday/canvas-kit-react/layout';
 
 // Fluid layouts
-<Layout>
-  <Layout.Column />
-  <Layout.Column />
-</Layout>
+<DeprecatedLayout>
+  <DeprecatedLayout.Column />
+  <DeprecatedLayout.Column />
+</DeprecatedLayout>
 
 // 12 column layouts
-<Layout>
-  <Layout.Column columns={4}/>
-  <Layout.Column columns={8}/>
-</Layout>
+<DeprecatedLayout>
+  <DeprecatedLayout.Column columns={4}/>
+  <DeprecatedLayout.Column columns={8}/>
+</DeprecatedLayout>
 
 // Fixed column width
-<Layout>
-  <Layout.Column width={'400px'}/>
-  <Layout.Column columns={8}/>
-</Layout>
+<DeprecatedLayout>
+  <DeprecatedLayout.Column width={'400px'}/>
+  <DeprecatedLayout.Column columns={8}/>
+</DeprecatedLayout>
 
 // Custom spacing
-<Layout>
-  <Layout.Column spacing={0}/>
-  <Layout.Column />
-</Layout>
+<DeprecatedLayout>
+  <DeprecatedLayout.Column spacing={0}/>
+  <DeprecatedLayout.Column />
+</DeprecatedLayout>
 ```
 
 ## Static Properties

package/layout/index.ts

@@ -1,7 +1,7 @@
-import {Layout} from './lib/Layout';
-import {Column} from './lib/Column';
+import {DeprecatedLayout} from './lib/Layout';
+import {DeprecatedColumn} from './lib/Column';
 
-export { Layout, Column};
+export { DeprecatedLayout, DeprecatedColumn};
 export * from './lib/Box';
 export * from './lib/utils/border';
 export * from './lib/utils/color';

package/layout/lib/Column.tsx

@@ -2,13 +2,21 @@ import * as React from 'react';
 import styled from '@emotion/styled';
 import isPropValid from '@emotion/is-prop-valid';
 
-export interface ColumnProps {
+/**
+ * ### 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 Column (cannot be empty).
+   * The children of the DeprecatedColumn (cannot be empty).
    */
   children?: React.ReactNode;
   /**
-   * The left and right padding of the Column (inherits from Layout prop).
+   * The left and right padding of the DeprecatedColumn (inherits from Layout prop).
    * @default 12
    */
   spacing?: number;
@@ -24,7 +32,7 @@ export interface ColumnProps {
 
 const ColumnContainer = styled('div', {
   shouldForwardProp: prop => isPropValid(prop) && prop !== 'spacing',
-})<ColumnProps>(
+})<DeprecatedColumnProps>(
   {
     '&:first-of-type': {
       paddingLeft: 0,
@@ -58,7 +66,16 @@ const ColumnContainer = styled('div', {
   }
 );
 
-export class Column extends React.Component<ColumnProps> {
+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;
 

package/layout/lib/Layout.tsx

@@ -1,26 +1,34 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
 import {GenericStyle} from '@workday/canvas-kit-react/common';
-import {Column, ColumnProps} from './Column';
+import {DeprecatedColumn, DeprecatedColumnProps} from './Column';
 import {canvas, spaceNumbers} from '@workday/canvas-kit-react/tokens';
 import isPropValid from '@emotion/is-prop-valid';
 
-export interface LayoutProps {
+/**
+ * ### 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 Layout (cannot be empty).
+   * The children of the DeprecatedLayout (cannot be empty).
    */
-  children: React.ReactElement<ColumnProps>[] | React.ReactNode;
+  children: React.ReactElement<DeprecatedColumnProps>[] | React.ReactNode;
   /**
-   * The spacing of the Layout children.
+   * The spacing of the DeprecatedLayout children.
    */
   spacing?: number;
   /**
-   * The padding of the Layout's outside container.
+   * The padding of the DeprecatedLayout's outside container.
    * @default 12
    */
   gutter?: number | string;
   /**
-   * If true, set the max width of the Layout container to `1280px`.
+   * If true, set the max width of the DeprecatedLayout container to `1280px`.
    * @default false
    */
   capWidth?: boolean;
@@ -37,7 +45,7 @@ const LayoutStyles: GenericStyle = {
 
 const LayoutContainer = styled('div', {
   shouldForwardProp: prop => isPropValid(prop) && prop !== 'spacing',
-})<LayoutProps>(
+})<DeprecatedLayoutProps>(
   LayoutStyles.styles,
   ({gutter}) => {
     if (gutter === 0) {
@@ -58,15 +66,32 @@ const LayoutContainer = styled('div', {
   }
 );
 
-export class Layout extends React.Component<LayoutProps> {
-  public static Column = Column;
+/**
+ * ### 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 === Column) {
+    if (child.type === DeprecatedColumn) {
       const childProps = child.props;
 
       if (childProps.spacing || childProps.spacing === 0) {
@@ -96,4 +121,4 @@ export class Layout extends React.Component<LayoutProps> {
   }
 }
 
-Layout.Column = Column;
+DeprecatedLayout.Column = DeprecatedColumn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "8.0.0-alpha.192-next.1+f60e379b",
+  "version": "8.0.0-alpha.194-next.2+bc1f2fe6",
   "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": "^8.0.0-alpha.192-next.1+f60e379b",
+    "@workday/canvas-kit-popup-stack": "^8.0.0-alpha.194-next.2+bc1f2fe6",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -68,5 +68,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "f60e379b0083b092707830478248ba5d78b2c96e"
+  "gitHead": "bc1f2fe6cdb9fccd4592698f6c1cdad5a64e84de"
 }