@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.79-next.7

package/dist/commonjs/common/lib/utils/space.d.ts

@@ -1,64 +0,0 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
-declare type SpacePropValues = CanvasSpaceKeys | number | (string & {});
-/** These props automatically adjust for bidirectionality (LTR & RTL) */
-export declare type SpaceLogicalProps = {
-    /** sets margin-left property (bidirectional support) */
-    marginInlineStart?: SpacePropValues;
-    /** sets margin-right property (bidirectional support) */
-    marginInlineEnd?: SpacePropValues;
-    /** sets padding-left property (bidirectional support) */
-    paddingInlineStart?: SpacePropValues;
-    /** sets padding-right property (bidirectional support) */
-    paddingInlineEnd?: SpacePropValues;
-};
-/** These props do not adjust for bidirectionality (LTR & RTL) */
-export declare type SpaceStandardProps = {
-    /** sets margin property */
-    margin?: SpacePropValues;
-    /** sets margin-left and margin-right properties */
-    marginX?: SpacePropValues;
-    /** sets margin-top and margin-bottom properties */
-    marginY?: SpacePropValues;
-    /** sets margin-top property */
-    marginTop?: SpacePropValues;
-    /** sets margin-right property (no bidirectional support) */
-    marginRight?: SpacePropValues;
-    /** sets margin-bottom property */
-    marginBottom?: SpacePropValues;
-    /** sets margin-left property (no bidirectional support) */
-    marginLeft?: SpacePropValues;
-    /** sets padding property */
-    padding?: SpacePropValues;
-    /** sets padding-left and margin-right properties */
-    paddingX?: SpacePropValues;
-    /** sets padding-top and padding-bottom properties */
-    paddingY?: SpacePropValues;
-    /** sets padding-top property */
-    paddingTop?: SpacePropValues;
-    /** sets padding-right property (no bidirectional support) */
-    paddingRight?: SpacePropValues;
-    /** sets padding-bottom */
-    paddingBottom?: SpacePropValues;
-    /** sets padding-left property (no bidirectional support) */
-    paddingLeft?: SpacePropValues;
-};
-export declare type SpaceStyleProps = SpaceStandardProps & SpaceLogicalProps;
-/**
- * A style prop function that takes component props and returns space styles.
- * If no `SpaceStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `space` with low-level, styled components
- * const BoxExample = () => (
- *   <Box padding="xs" margin="m">
- *     Hello, space!
- *   </Box>
- * );
- *
- */
-export declare function space<P extends SpaceStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
-export {};
-//# sourceMappingURL=space.d.ts.map

package/dist/commonjs/common/lib/utils/space.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAoC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEpG,aAAK,eAAe,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEhE,wEAAwE;AACxE,oBAAY,iBAAiB,GAAG;IAC9B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,yDAAyD;IACzD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,eAAe,CAAC;CACpC,CAAC;AAEF,iEAAiE;AACjE,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,kCAAkC;IAClC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,gCAAgC;IAChC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0BAA0B;IAC1B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAoHrE;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EAAE,KAAK,EAAE,CAAC,MAwB9F"}

package/dist/commonjs/common/lib/utils/space.js

@@ -1,161 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.space = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var margin = function (value) {
-    return { margin: tokens_1.space[value] || value };
-};
-var marginX = function (value) {
-    return {
-        marginLeft: tokens_1.space[value] || value,
-        marginRight: tokens_1.space[value] || value,
-    };
-};
-var marginY = function (value) {
-    return {
-        marginTop: tokens_1.space[value] || value,
-        marginBottom: tokens_1.space[value] || value,
-    };
-};
-var marginTop = function (value) {
-    return {
-        marginTop: tokens_1.space[value] || value,
-    };
-};
-var marginRight = function (value, isRTL) {
-    var _a;
-    if (isRTL === void 0) { isRTL = false; }
-    var attr = isRTL ? 'marginLeft' : 'marginRight';
-    return _a = {},
-        _a[attr] = tokens_1.space[value] || value,
-        _a;
-};
-var marginBottom = function (value) {
-    return {
-        marginBottom: tokens_1.space[value] || value,
-    };
-};
-var marginLeft = function (value, isRTL) {
-    var _a;
-    if (isRTL === void 0) { isRTL = false; }
-    var attr = isRTL ? 'marginRight' : 'marginLeft';
-    return _a = {},
-        _a[attr] = tokens_1.space[value] || value,
-        _a;
-};
-var padding = function (value) {
-    return {
-        padding: tokens_1.space[value] || value,
-    };
-};
-var paddingX = function (value) {
-    return {
-        paddingLeft: tokens_1.space[value] || value,
-        paddingRight: tokens_1.space[value] || value,
-    };
-};
-var paddingY = function (value) {
-    return {
-        paddingTop: tokens_1.space[value] || value,
-        paddingBottom: tokens_1.space[value] || value,
-    };
-};
-var paddingTop = function (value) {
-    return {
-        paddingTop: tokens_1.space[value] || value,
-    };
-};
-var paddingRight = function (value, isRTL) {
-    var _a;
-    if (isRTL === void 0) { isRTL = false; }
-    var attr = isRTL ? 'paddingLeft' : 'paddingRight';
-    return _a = {},
-        _a[attr] = tokens_1.space[value] || value,
-        _a;
-};
-var paddingBottom = function (value) {
-    return {
-        paddingBottom: tokens_1.space[value] || value,
-    };
-};
-var paddingLeft = function (value, isRTL) {
-    var _a;
-    if (isRTL === void 0) { isRTL = false; }
-    var attr = isRTL ? 'paddingRight' : 'paddingLeft';
-    return _a = {},
-        _a[attr] = tokens_1.space[value] || value,
-        _a;
-};
-var logicalSpaceStyleProps = {
-    marginInlineStart: marginLeft,
-    marginInlineEnd: marginRight,
-    paddingInlineStart: paddingLeft,
-    paddingInlineEnd: paddingRight,
-};
-var standardSpaceStyleProps = {
-    margin: margin,
-    marginX: marginX,
-    marginY: marginY,
-    marginTop: marginTop,
-    marginRight: marginRight,
-    marginBottom: marginBottom,
-    marginLeft: marginLeft,
-    padding: padding,
-    paddingX: paddingX,
-    paddingY: paddingY,
-    paddingTop: paddingTop,
-    paddingRight: paddingRight,
-    paddingBottom: paddingBottom,
-    paddingLeft: paddingLeft,
-};
-/**
- * A style prop function that takes component props and returns space styles.
- * If no `SpaceStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `space` with low-level, styled components
- * const BoxExample = () => (
- *   <Box padding="xs" margin="m">
- *     Hello, space!
- *   </Box>
- * );
- *
- */
-function space(props) {
-    // space will always be used within the context of a component, but eslint doesn't know that
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var canvas = common_1.useTheme(props.theme).canvas;
-    var styles = {};
-    for (var key in props) {
-        if (props.hasOwnProperty(key)) {
-            if (key in standardSpaceStyleProps) {
-                var value = props[key];
-                var spaceFn = standardSpaceStyleProps[key];
-                var style = spaceFn(value);
-                styles = __assign(__assign({}, styles), style);
-                continue;
-            }
-            if (key in logicalSpaceStyleProps) {
-                var value = props[key];
-                var spaceFn = logicalSpaceStyleProps[key];
-                var isRTL = canvas.direction === common_1.ContentDirection.RTL;
-                var style = spaceFn(value, isRTL);
-                styles = __assign(__assign({}, styles), style);
-            }
-        }
-    }
-    return styles;
-}
-exports.space = space;

package/dist/commonjs/common/lib/utils/types.d.ts

@@ -1,14 +0,0 @@
-import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle } from 'csstype';
-export declare type PropertyBorder = Globals | LineStyle | (string & {});
-export declare type PropertyJustifySelf = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});
-export declare type PropertyAlignSelf = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});
-export declare type PropertyOrder = GlobalsNumber;
-export declare type PropertyDisplay = Globals | DisplayOutside | DisplayInside | DisplayInternal | DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});
-export declare type PropertyListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});
-export declare type PropertyOverflow = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible' | (string & {});
-export declare type PropertyOverflowX = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
-export declare type PropertyOverflowY = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
-export declare type PropertyVerticalAlign = Globals | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});
-export declare type PropertyPosition = Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
-export declare type PropertyZIndex = GlobalsNumber | 'auto';
-//# sourceMappingURL=types.d.ts.map

package/dist/commonjs/common/lib/utils/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAS,EACV,MAAM,SAAS,CAAC;AAMjB,oBAAY,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGjE,oBAAY,mBAAmB,GAC3B,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,aAAa,GAAG,aAAa,CAAC;AAG1C,oBAAY,eAAe,GACvB,OAAO,GACP,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,WAAW,GACX,MAAM,GACN,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExF,oBAAY,gBAAgB,GACxB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,iBAAiB,GACzB,OAAO,GACP,0BAA0B,GAC1B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,oBAAY,qBAAqB,GAC7B,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,aAAa,GACb,UAAU,GACV,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAGlB,oBAAY,gBAAgB,GACxB,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,CAAC;AAEb,oBAAY,cAAc,GAAG,aAAa,GAAG,MAAM,CAAC"}

package/dist/commonjs/common/lib/utils/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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"}

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flex = void 0;
-var flexProps = {
-    alignContent: 'alignContent',
-    alignItems: 'alignItems',
-    display: 'display',
-    flexDirection: 'flexDirection',
-    flexWrap: 'flexWrap',
-    justifyContent: 'justifyContent',
-    justifyItems: 'justifyItems',
-};
-/**
- * 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>
- * );
- *
- */
-function flex(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in flexProps) {
-            var attr = flexProps[key];
-            var value = props[key];
-            // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
-            styles[attr] = value;
-        }
-    }
-    return styles;
-}
-exports.flex = flex;

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
-//# sourceMappingURL=getValidChildren.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,oJAIzD"}