@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.100-next.25

package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js

@@ -1,137 +0,0 @@
-"use strict";
-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 __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.DeprecatedWorkdayLogoTitle = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var types_1 = require("../shared/types");
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var LockupContainer = styled_1.default('div')({
-    display: 'inline-block',
-});
-var Lockup = styled_1.default('div')({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}, function (_a) {
-    var variant = _a.variant;
-    return ({
-        height: variant === types_1.DeprecatedHeaderVariant.Global
-            ? types_1.DeprecatedHeaderHeight.Small
-            : types_1.DeprecatedHeaderHeight.Large,
-    });
-});
-var Title = styled_1.default('h3')({
-    fontSize: '20px',
-    fontWeight: 400,
-    marginLeft: tokens_1.space.l,
-    padding: tokens_1.space.s,
-    paddingLeft: tokens_1.space.m,
-    paddingRight: tokens_1.space.l,
-    whiteSpace: 'nowrap',
-    display: 'initial',
-}, function (_a) {
-    var themeColor = _a.themeColor;
-    return ({
-        color: themeColor === types_1.DeprecatedHeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === types_1.DeprecatedHeaderTheme.White
-            ? tokens_1.colors.soap400
-            : chroma_js_1.default(tokens_1.colors.soap400)
-                .alpha(0.4)
-                .css()),
-    });
-});
-var WorkdayLogo = styled_1.default('span')({
-    paddingLeft: tokens_1.space.m,
-    lineHeight: 0,
-});
-/**
- * ### Deprecated Workday Logo Title
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-var DeprecatedWorkdayLogoTitle = /** @class */ (function (_super) {
-    __extends(DeprecatedWorkdayLogoTitle, _super);
-    function DeprecatedWorkdayLogoTitle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DeprecatedWorkdayLogoTitle.prototype.componentDidMount = function () {
-        console.warn("WorkdayLogoTitle is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    DeprecatedWorkdayLogoTitle.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
-        return (React.createElement(LockupContainer, null,
-            React.createElement(Lockup, __assign({}, this.props, elemProps),
-                React.createElement(WorkdayLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
-                        __html: themeColor === types_1.DeprecatedHeaderTheme.White
-                            ? variant === types_1.DeprecatedHeaderVariant.Global
-                                ? common_1.miniWdayLogoBlue
-                                : common_1.wdayLogoBlue
-                            : common_1.wdayLogoWhite,
-                    } })),
-                title && React.createElement(Title, __assign({}, this.props), title))));
-    };
-    return DeprecatedWorkdayLogoTitle;
-}(React.Component));
-exports.DeprecatedWorkdayLogoTitle = DeprecatedWorkdayLogoTitle;

package/dist/commonjs/header/lib/parts/index.d.ts

@@ -1,3 +0,0 @@
-export { DeprecatedDubLogoTitle } from './DubLogoTitle';
-export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/header/lib/parts/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC"}

package/dist/commonjs/header/lib/parts/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeprecatedWorkdayLogoTitle = exports.DeprecatedDubLogoTitle = void 0;
-var DubLogoTitle_1 = require("./DubLogoTitle");
-Object.defineProperty(exports, "DeprecatedDubLogoTitle", { enumerable: true, get: function () { return DubLogoTitle_1.DeprecatedDubLogoTitle; } });
-var WorkdayLogoTitle_1 = require("./WorkdayLogoTitle");
-Object.defineProperty(exports, "DeprecatedWorkdayLogoTitle", { enumerable: true, get: function () { return WorkdayLogoTitle_1.DeprecatedWorkdayLogoTitle; } });

package/dist/commonjs/header/lib/shared/themes.d.ts

@@ -1,43 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * ### Deprecated Header Theme Attributes Interface
- *
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedHeaderThemeAttributes {
-    color: string;
-    background: string;
-    depth: CSSProperties;
-    systemIcon: {
-        color: string;
-        colorHover: string;
-    };
-    linkColor: string;
-    linkFadeOutColor: string;
-    currentLinkColor: string;
-    chipColor: string;
-}
-/**
- * ### Deprecated Header Themes Interface
- *
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedHeaderThemes {
-    [key: string]: DeprecatedHeaderThemeAttributes;
-}
-/**
- * ### Deprecated Header Themes
- *
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export declare const deprecatedHeaderThemes: DeprecatedHeaderThemes;
-//# sourceMappingURL=themes.d.ts.map

package/dist/commonjs/header/lib/shared/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C;;;;;;;GAOG;AACH,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,+BAA+B,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,sBA4CpC,CAAC"}

package/dist/commonjs/header/lib/shared/themes.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deprecatedHeaderThemes = void 0;
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var types_1 = require("./types");
-/**
- * ### Deprecated Header Themes
- *
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-exports.deprecatedHeaderThemes = (_a = {},
-    _a[types_1.DeprecatedHeaderTheme.White] = {
-        color: tokens_1.colors.blackPepper400,
-        background: tokens_1.colors.frenchVanilla100,
-        depth: tokens_1.depth['1'],
-        systemIcon: {
-            color: tokens_1.iconColors.standard,
-            colorHover: tokens_1.iconColors.hover,
-        },
-        linkColor: tokens_1.colors.blackPepper400,
-        linkFadeOutColor: tokens_1.colors.licorice200,
-        currentLinkColor: tokens_1.colors.blueberry500,
-        chipColor: tokens_1.colors.blueberry400,
-    },
-    _a[types_1.DeprecatedHeaderTheme.Blue] = {
-        color: tokens_1.colors.frenchVanilla100,
-        background: tokens_1.gradients.blueberry,
-        depth: tokens_1.depth['3'],
-        systemIcon: {
-            color: tokens_1.colors.frenchVanilla100,
-            colorHover: tokens_1.colors.blueberry200,
-        },
-        linkColor: tokens_1.colors.frenchVanilla100,
-        linkFadeOutColor: chroma_js_1.default(tokens_1.colors.frenchVanilla100)
-            .alpha(0.5)
-            .css(),
-        currentLinkColor: tokens_1.colors.frenchVanilla100,
-        chipColor: tokens_1.colors.frenchVanilla100,
-    },
-    _a[types_1.DeprecatedHeaderTheme.Transparent] = {
-        color: tokens_1.colors.frenchVanilla100,
-        background: 'transparent',
-        depth: { boxShadow: 'none' },
-        systemIcon: {
-            color: tokens_1.colors.frenchVanilla100,
-            colorHover: tokens_1.colors.blueberry200,
-        },
-        linkColor: tokens_1.colors.frenchVanilla100,
-        linkFadeOutColor: chroma_js_1.default(tokens_1.colors.frenchVanilla100)
-            .alpha(0.5)
-            .css(),
-        currentLinkColor: tokens_1.colors.frenchVanilla100,
-        chipColor: tokens_1.colors.frenchVanilla100,
-    },
-    _a);

package/dist/commonjs/header/lib/shared/types.d.ts

@@ -1,15 +0,0 @@
-export declare enum DeprecatedHeaderTheme {
-    White = 0,
-    Blue = 1,
-    Transparent = 2
-}
-export declare enum DeprecatedHeaderVariant {
-    Dub = 0,
-    Full = 1,
-    Global = 2
-}
-export declare enum DeprecatedHeaderHeight {
-    Small = "64px",
-    Large = "80px"
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/commonjs/header/lib/shared/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB;IAC/B,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,oBAAY,uBAAuB;IACjC,GAAG,IAAA;IACH,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,oBAAY,sBAAsB;IAChC,KAAK,SAAS;IACd,KAAK,SAAS;CACf"}

package/dist/commonjs/header/lib/shared/types.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeprecatedHeaderHeight = exports.DeprecatedHeaderVariant = exports.DeprecatedHeaderTheme = void 0;
-var DeprecatedHeaderTheme;
-(function (DeprecatedHeaderTheme) {
-    DeprecatedHeaderTheme[DeprecatedHeaderTheme["White"] = 0] = "White";
-    DeprecatedHeaderTheme[DeprecatedHeaderTheme["Blue"] = 1] = "Blue";
-    DeprecatedHeaderTheme[DeprecatedHeaderTheme["Transparent"] = 2] = "Transparent";
-})(DeprecatedHeaderTheme = exports.DeprecatedHeaderTheme || (exports.DeprecatedHeaderTheme = {}));
-var DeprecatedHeaderVariant;
-(function (DeprecatedHeaderVariant) {
-    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Dub"] = 0] = "Dub";
-    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Full"] = 1] = "Full";
-    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Global"] = 2] = "Global";
-})(DeprecatedHeaderVariant = exports.DeprecatedHeaderVariant || (exports.DeprecatedHeaderVariant = {}));
-var DeprecatedHeaderHeight;
-(function (DeprecatedHeaderHeight) {
-    DeprecatedHeaderHeight["Small"] = "64px";
-    DeprecatedHeaderHeight["Large"] = "80px";
-})(DeprecatedHeaderHeight = exports.DeprecatedHeaderHeight || (exports.DeprecatedHeaderHeight = {}));

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

@@ -1,5 +0,0 @@
-export * from './lib/Flex';
-export * from './lib/Stack';
-export type { FlexStyleProps } from './lib/utils/flex';
-export type { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/commonjs/layout/index.js

@@ -1,14 +0,0 @@
-"use strict";
-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 __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 });
-__exportStar(require("./lib/Flex"), exports);
-__exportStar(require("./lib/Stack"), exports);

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

@@ -1,26 +0,0 @@
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
-import { FlexStyleProps } from './utils/flex';
-export declare type FlexProps = BoxProps & FlexStyleProps;
-/**
- * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
- * It is highly flexible, and can be used on its own or to build other components.
- * `Flex` is built on top of `Box` and has access to all `BoxProps`.
- *
- * @example
- * import { Flex, FlexProps } from '@workday/canvas-kit-labs-react/layout';
- *
- * interface CardProps extends FlexProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `FlexProps`
- * const Card = (props: CardProps) => (
- *   <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
- *     <h1>Hello, Card!</h1>
- *     <p>This card uses flexbox to set its layout.</p>
- *   </Flex>
- * );
- *
- */
-export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
-//# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AASlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,q7BASf,CAAC"}

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

@@ -1,83 +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.Flex = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var common_2 = require("@workday/canvas-kit-labs-react/common");
-var flex_1 = require("./utils/flex");
-var StyledFlex = styled_1.default(common_2.Box)({
-    display: 'flex',
-}, flex_1.flex);
-/**
- * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
- * It is highly flexible, and can be used on its own or to build other components.
- * `Flex` is built on top of `Box` and has access to all `BoxProps`.
- *
- * @example
- * import { Flex, FlexProps } from '@workday/canvas-kit-labs-react/layout';
- *
- * interface CardProps extends FlexProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `FlexProps`
- * const Card = (props: CardProps) => (
- *   <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
- *     <h1>Hello, Card!</h1>
- *     <p>This card uses flexbox to set its layout.</p>
- *   </Flex>
- * );
- *
- */
-exports.Flex = common_1.createComponent('div')({
-    displayName: 'Flex',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(StyledFlex, __assign({ as: Element, ref: ref }, elemProps), children));
-    },
-});

package/dist/commonjs/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("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-export interface HStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: 'row' | 'row-reverse';
-}
-export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-export interface VStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "column"
-     * */
-    flexDirection?: 'column' | 'column-reverse';
-}
-export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-//# 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,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAehB,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/commonjs/layout/lib/Stack.js

@@ -1,99 +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 common_2 = require("@workday/canvas-kit-labs-react/common");
-var Flex_1 = require("./Flex");
-var getValidChildren_1 = require("./utils/getValidChildren");
-var stack_1 = require("./utils/stack");
-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(common_2.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);
-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) { return React.createElement(StackItem, null, child); })
-            : validChildren));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-exports.HStack = common_1.createComponent('div')({
-    displayName: 'HStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(exports.Stack, __assign({ as: Element, ref: ref, flexDirection: "row" }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-exports.VStack = common_1.createComponent('div')({
-    displayName: 'VStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(exports.Stack, __assign({ as: Element, ref: ref, flexDirection: "column" }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});

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

@@ -1,36 +0,0 @@
-import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
-/** style props to for flexbox container properties */
-export declare type FlexStyleProps = {
-    /** sets `align-items` property */
-    alignItems?: PropertyAlignItems;
-    /** sets `align-content` property */
-    alignContent?: PropertyAlignContent;
-    /**
-     * sets `display` property
-     * @default 'flex'
-     * */
-    display?: 'flex' | 'inline-flex';
-    /** sets `justify-items` property */
-    justifyItems?: PropertyJustifyItems;
-    /** sets `justify-content` property */
-    justifyContent?: PropertyJustifyContent;
-    /** sets `flex-wrap` property */
-    flexWrap?: PropertyFlexWrap;
-    /** sets `flex-direction` property */
-    flexDirection?: PropertyFlexDirection;
-};
-/**
- * A style prop function that takes component props and returns flexbox styles.
- * If no `FlexStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flex` with low-level, styled components
- * const FlexExample = () => (
- *   <Flex justifyContent="center" alignItems="center">
- *     Hello, flex!
- *   </Flex>
- * );
- *
- */
-export declare function flex<P extends FlexStyleProps>(props: P): {};
-//# sourceMappingURL=flex.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,sDAAsD;AACtD,oBAAY,cAAc,GAAG;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,oCAAoC;IACpC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,sCAAsC;IACtC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,qCAAqC;IACrC,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAYF;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,MAWtD"}