@workday/canvas-kit-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.78-next.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,2CAA2C;AAC3C,oBAAY,gBAAgB,GAAG;IAC7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,qCAAqC;IACrC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAiBF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAW1D"}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layout = void 0;
+var layoutProps = {
+    display: 'display',
+    height: 'height',
+    listStyle: 'listStyle',
+    maxHeight: 'maxHeight',
+    maxWidth: 'maxWidth',
+    minHeight: 'minHeight',
+    minWidth: 'minWidth',
+    overflow: 'overflow',
+    overflowX: 'overflowX',
+    overflowY: 'overflowY',
+    verticalAlign: 'verticalAlign',
+    width: 'width',
+};
+/**
+ * A style prop function that takes components props and returns layout styles.
+ * If no `LayoutStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `layout` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box display="inline-block" height="50%">
+ *     Hello, positions!
+ *   </Box>
+ * );
+ *
+ */
+function layout(props) {
+    var styles = {};
+    for (var key in props) {
+        if (key in layoutProps) {
+            var attr = layoutProps[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.layout = layout;

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

@@ -0,0 +1,5 @@
+export declare type OtherStyleProps = {
+    animation?: string;
+};
+export declare function other<P extends OtherStyleProps>(props: P): {};
+//# sourceMappingURL=other.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/other.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,MASxD"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.other = void 0;
+var otherProps = {
+    animation: function (value) {
+        return { animation: value };
+    },
+};
+function other(props) {
+    for (var key in props) {
+        if (key in otherProps) {
+            var value = props[key];
+            var styleFn = otherProps[key];
+            return styleFn(value);
+        }
+    }
+    return {};
+}
+exports.other = other;

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

@@ -0,0 +1,41 @@
+import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { PropertyPosition, PropertyZIndex } from './types';
+/** style props to for standard position properties */
+export declare type PositionStandardProps = {
+    /** sets `position` property  */
+    position?: PropertyPosition;
+    /** sets `zIndex` property  */
+    zIndex?: PropertyZIndex;
+    /** sets `top` property  */
+    top?: number | string;
+    /** sets `right` property (no bidirectional support) */
+    right?: number | string;
+    /** sets `bottom` property  */
+    bottom?: number | string;
+    /** sets `left` property (no bidirectional support)  */
+    left?: number | string;
+};
+export declare type PositionLogicalProps = {
+    /** sets `left` property (bidirectional support)  */
+    insetInlineStart?: number | string;
+    /** sets `right` property (bidirectional support) */
+    insetInlineEnd?: number | string;
+};
+export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
+/**
+ * A style prop function that takes components props and returns position styles.
+ * If no `PositionProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `position` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box position="absolute" top="50%">
+ *     Hello, positions!
+ *   </Box>
+ * );
+ *
+ */
+export declare function position<P extends PositionStyleProps & {
+    theme?: PartialEmotionCanvasTheme;
+}>(props: P): {};
+//# sourceMappingURL=position.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEzD,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}

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

@@ -0,0 +1,78 @@
+"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.position = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+var getInsetInlineStartStyle = function (value, isRTL) {
+    var _a;
+    if (isRTL === void 0) { isRTL = false; }
+    var attr = isRTL ? 'right' : 'left';
+    return _a = {}, _a[attr] = value, _a;
+};
+var getInsetInlineEndStyle = function (value, isRTL) {
+    var _a;
+    if (isRTL === void 0) { isRTL = false; }
+    var attr = isRTL ? 'left' : 'right';
+    return _a = {}, _a[attr] = value, _a;
+};
+var standardPositionProps = {
+    position: 'position',
+    zIndex: 'zIndex',
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left',
+};
+var logicalPositionProps = {
+    insetInlineStart: getInsetInlineStartStyle,
+    insetInlineEnd: getInsetInlineEndStyle,
+};
+/**
+ * A style prop function that takes components props and returns position styles.
+ * If no `PositionProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `position` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box position="absolute" top="50%">
+ *     Hello, positions!
+ *   </Box>
+ * );
+ *
+ */
+function position(props) {
+    // position 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 (key in props) {
+            if (key in standardPositionProps) {
+                var value = props[key];
+                var attr = standardPositionProps[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;
+                continue;
+            }
+            if (key in logicalPositionProps) {
+                var value = props[key];
+                var styleFn = logicalPositionProps[key];
+                var isRTL = canvas.direction === common_1.ContentDirection.RTL;
+                var style = styleFn(value, isRTL);
+                styles = __assign(__assign({}, styles), style);
+            }
+        }
+    }
+    return styles;
+}
+exports.position = position;

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

@@ -0,0 +1,64 @@
+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/layout/lib/utils/space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/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/layout/lib/utils/space.js

@@ -0,0 +1,161 @@
+"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/layout/lib/utils/stack.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAuB,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEvF,oBAAY,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEjF,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD,oBAAY,YAAY,GAAG,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEpE,oBAAY,eAAe,GAAG;IAC5B,uEAAuE;IACvE,OAAO,EAAE,YAAY,CAAC;IACtB;;;SAGK;IACL,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;;SAGK;IACL,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AA+BF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EAAE,KAAK,EAAE,CAAC;;EAoB9F"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stack = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var selector = '& > *:not(style) ~ *:not(style)';
+var column = function (value) { return ({
+    marginTop: tokens_1.space[value] || value,
+}); };
+var columnReverse = function (value) { return ({
+    marginBottom: tokens_1.space[value] || value,
+}); };
+var row = 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 rowReverse = 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 stackDirectionProps = {
+    column: column,
+    'column-reverse': columnReverse,
+    row: row,
+    'row-reverse': rowReverse,
+};
+function stack(props) {
+    var _a;
+    var styles = {};
+    var _b = props.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, spacing = props.spacing;
+    if (flexDirection === 'column' || flexDirection === 'column-reverse') {
+        var stackFn = stackDirectionProps[flexDirection];
+        styles = stackFn(spacing);
+    }
+    if (flexDirection === 'row' || flexDirection === 'row-reverse') {
+        // stack 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 stackFn = stackDirectionProps[flexDirection];
+        var isRTL = canvas.direction === common_1.ContentDirection.RTL;
+        styles = stackFn(spacing, isRTL);
+    }
+    return _a = {},
+        _a[selector] = styles,
+        _a;
+}
+exports.stack = stack;

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

@@ -0,0 +1,20 @@
+import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle, ContentDistribution, ContentPosition } 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';
+export declare type PropertyAlignItems = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch' | (string & {});
+export declare type PropertyAlignContent = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal' | (string & {});
+export declare type PropertyJustifyItems = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});
+export declare type PropertyJustifyContent = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right' | (string & {});
+export declare type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
+export declare type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,eAAe,EAChB,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;AAGpD,oBAAY,kBAAkB,GAC1B,OAAO,GACP,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,oBAAoB,GAC5B,OAAO,GACP,mBAAmB,GACnB,eAAe,GACf,UAAU,GACV,QAAQ,GACR,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,oBAAoB,GAC5B,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,sBAAsB,GAC9B,OAAO,GACP,mBAAmB,GACnB,eAAe,GACf,MAAM,GACN,QAAQ,GACR,OAAO,GACP,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,oBAAY,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE5E,oBAAY,qBAAqB,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,KAAK,GAAG,aAAa,CAAC"}

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

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

package/dist/commonjs/modal/lib/Modal.d.ts

@@ -6,7 +6,7 @@ export interface ModalProps extends ExtractProps<typeof Dialog, never> {
     children: React.ReactNode;
 }
 export declare const Modal: import("../../common").Component<ModalProps> & {
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
     Card: import("../../common").ElementComponent<"div", import("./ModalCard").ModalCardProps>;
     CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
     Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;

package/dist/commonjs/modal/lib/ModalOverflowOverlay.js

@@ -56,6 +56,6 @@ exports.ModalOverflowOverlay = common_1.createComponent('div')({
     displayName: 'Modal.OverflowOverlay',
     Component: function (_a, ref, Element) {
         var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        return (React.createElement(StyledOverlay, __assign({ as: Element, ref: ref, overflow: "auto" }, elemProps), children));
+        return (React.createElement(StyledOverlay, __assign({ as: Element, ref: ref, overflowX: "hidden", overflowY: "auto" }, elemProps), children));
     },
 });

package/dist/commonjs/modal/lib/ModalOverlay.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopupModel } from '@workday/canvas-kit-react/popup';
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+import { BoxProps } from '@workday/canvas-kit-react/layout';
 export interface ModalOverlayProps extends BoxProps {
     model?: PopupModel;
     children: React.ReactNode;

package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAG7F,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAG7F,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}

package/dist/commonjs/modal/lib/ModalOverlay.js

@@ -36,9 +36,9 @@ var common_1 = require("@workday/canvas-kit-react/common");
 var popup_1 = require("@workday/canvas-kit-react/popup");
 var react_2 = require("@emotion/react");
 var styled_1 = __importDefault(require("@emotion/styled"));
-var common_2 = require("@workday/canvas-kit-labs-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
 var fadeIn = react_2.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"], ["\n  from {\n    background: none;\n  }\n  to {\n    background: rgba(0,0,0,0.65);\n  }\n"])));
-var Container = styled_1.default(common_2.Box)({
+var Container = styled_1.default(layout_1.Box)({
     position: 'fixed',
     top: 0,
     left: 0,

package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PaginationModel } from './types';
-import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface AdditionalDetailsProps extends FlexProps {
     children: (model: PaginationModel) => React.ReactNode | React.ReactNode;
     model: PaginationModel;

package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalDetails.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/AdditionalDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAO,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAGtE,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE,KAAK,EAAE,eAAe,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuBD,eAAO,MAAM,iBAAiB,oEAK3B,sBAAsB,gBAQxB,CAAC"}
+{"version":3,"file":"AdditionalDetails.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/AdditionalDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAGjE,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACxE,KAAK,EAAE,eAAe,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuBD,eAAO,MAAM,iBAAiB,oEAK3B,sBAAsB,gBAQxB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js

@@ -45,7 +45,7 @@ exports.AdditionalDetails = void 0;
 var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-labs-react/layout");
+var layout_1 = require("@workday/canvas-kit-react/layout");
 var useLiveRegion_1 = require("./common/useLiveRegion");
 var StyledAdditionalDetails = common_1.styled(layout_1.Flex)(function (_a) {
     var shouldHideDetails = _a.shouldHideDetails;

package/dist/commonjs/pagination/lib/Pagination/Controls.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
+import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
 import { PaginationModel } from './types';
-export declare type ControlButtonProps = IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare type ControlButtonProps = TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     model: PaginationModel;
 };
 export declare type ControlsProps = React.HTMLAttributes<HTMLDivElement>;