@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.101-next.26

package/dist/es6/common/lib/utils/border.js

@@ -1,149 +0,0 @@
-import { borderRadius as borderRadiusTokens, colors as colorTokens, } from '@workday/canvas-kit-react/tokens';
-import { ContentDirection, useTheme, } from '@workday/canvas-kit-react/common';
-// border logical prop handlers
-var borderInlineStart = function (isRTL) { return (isRTL ? 'borderRight' : 'borderLeft'); };
-var borderInlineEnd = function (isRTL) { return (isRTL ? 'borderLeft' : 'borderRight'); };
-var borderInlineStartColor = function (isRTL) { return (isRTL ? 'borderRightColor' : 'borderLeftColor'); };
-var borderInlineEndColor = function (isRTL) { return (isRTL ? 'borderLeftColor' : 'borderRightColor'); };
-var borderInlineStartStyle = function (isRTL) { return (isRTL ? 'borderRightStyle' : 'borderLeftStyle'); };
-var borderInlineEndStyle = function (isRTL) { return (isRTL ? 'borderLeftStyle' : 'borderRightStyle'); };
-var borderInlineStartWidth = function (isRTL) { return (isRTL ? 'borderRightWidth' : 'borderLeftWidth'); };
-var borderInlineEndWidth = function (isRTL) { return (isRTL ? 'borderLeftWidth' : 'borderRightWidth'); };
-var borderShorthandProps = {
-    border: 'border',
-    borderTop: 'borderTop',
-    borderRight: 'borderRight',
-    borderBottom: 'borderBottom',
-    borderLeft: 'borderLeft',
-    borderInlineStart: borderInlineStart,
-    borderInlineEnd: borderInlineEnd,
-};
-var borderColors = {
-    borderColor: 'borderColor',
-    borderTopColor: 'borderTopColor',
-    borderRightColor: 'borderRightColor',
-    borderBottomColor: 'borderBottomColor',
-    borderLeftColor: 'borderLeftColor',
-    borderInlineStartColor: borderInlineStartColor,
-    borderInlineEndColor: borderInlineEndColor,
-};
-var borderRadii = {
-    borderRadius: 'borderRadius',
-    borderTopLeftRadius: 'borderTopLeftRadius',
-    borderTopRightRadius: 'borderTopRightRadius',
-    borderBottomLeftRadius: 'borderBottomLeftRadius',
-    borderBottomRightRadius: 'borderBottomRightRadius',
-};
-var borderStyles = {
-    borderStyle: 'borderStyle',
-    borderTopStyle: 'borderTopStyle',
-    borderRightStyle: 'borderRightStyle',
-    borderBottomStyle: 'borderBottomStyle',
-    borderLeftStyle: 'borderLeftStyle',
-    borderInlineStartStyle: borderInlineStartStyle,
-    borderInlineEndStyle: borderInlineEndStyle,
-};
-var borderWidths = {
-    borderWidth: 'borderWidth',
-    borderTopWidth: 'borderTopWidth',
-    borderRightWidth: 'borderRightWidth',
-    borderBottomWidth: 'borderBottomWidth',
-    borderLeftWidth: 'borderLeftWidth',
-    borderInlineStartWidth: borderInlineStartWidth,
-    borderInlineEndWidth: borderInlineEndWidth,
-};
-/**
- * A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
- * If no `BorderStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `border` with low-level, styled components
- * const BoxExample = () => (
- *   <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
- * );
- *
- */
-export function border(props) {
-    // border 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 = useTheme(props.theme).canvas;
-    var isRTL = canvas.direction === ContentDirection.RTL;
-    var styles = {};
-    for (var key in props) {
-        if (props.hasOwnProperty(key)) {
-            if (key in borderShorthandProps) {
-                var value = props[key];
-                var attr = void 0;
-                if (key === 'borderInlineStart') {
-                    attr = borderInlineStart(isRTL);
-                }
-                else if (key === 'borderInlineEnd') {
-                    attr = borderInlineEnd(isRTL);
-                }
-                else {
-                    attr = borderShorthandProps[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 borderColors) {
-                var propValue = props[key];
-                var value = colorTokens[propValue] || propValue;
-                var attr = void 0;
-                if (key === 'borderInlineStartColor') {
-                    attr = borderInlineStartColor(isRTL);
-                }
-                else if (key === 'borderInlineEndColor') {
-                    attr = borderInlineEndColor(isRTL);
-                }
-                else {
-                    attr = borderColors[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 borderRadii) {
-                var propValue = props[key];
-                var value = borderRadiusTokens[propValue] || propValue;
-                var attr = borderRadii[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 borderStyles) {
-                var value = props[key];
-                var attr = void 0;
-                if (key === 'borderInlineStartStyle') {
-                    attr = borderInlineStartStyle(isRTL);
-                }
-                else if (key === 'borderInlineEndStyle') {
-                    attr = borderInlineEndStyle(isRTL);
-                }
-                else {
-                    attr = borderStyles[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 borderWidths) {
-                var value = props[key];
-                var attr = void 0;
-                if (key === 'borderInlineStartWidth') {
-                    attr = borderInlineStartWidth(isRTL);
-                }
-                else if (key === 'borderInlineEndWidth') {
-                    attr = borderInlineEndWidth(isRTL);
-                }
-                else {
-                    attr = borderWidths[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;
-}

package/dist/es6/common/lib/utils/color.d.ts

@@ -1,26 +0,0 @@
-import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
-export declare type ColorTokens = typeof colorTokens;
-/** style props to for color properties */
-export declare type ColorStyleProps = {
-    /** sets `background` property */
-    background?: CanvasColor | (string & {});
-    /** sets `background-color` property */
-    backgroundColor?: CanvasColor | (string & {});
-    /** sets `background-image` property */
-    backgroundImage?: string;
-    /** sets `color` property */
-    color?: CanvasColor | (string & {});
-};
-/**
- * A style prop function that takes components props and returns color styles from canvas token values.
- * If no `ColorStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `color` with low-level, styled components
- * const BoxExample = () => (
- *   <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
- * );
- *
- */
-export declare function color<P extends ColorStyleProps>(props: P): {};
-//# sourceMappingURL=color.d.ts.map

package/dist/es6/common/lib/utils/color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,IAAI,WAAW,EAAE,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAEpF,oBAAY,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C,0CAA0C;AAC1C,oBAAY,eAAe,GAAG;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACzC,uCAAuC;IACvC,eAAe,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC9C,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACrC,CAAC;AAyBF;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,MAWxD"}

package/dist/es6/common/lib/utils/color.js

@@ -1,53 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { colors as colorTokens } from '@workday/canvas-kit-react/tokens';
-var getBackground = function (value) { return ({
-    background: colorTokens[value] || value,
-}); };
-var getBackgroundColor = function (value) { return ({
-    backgroundColor: colorTokens[value] || value,
-}); };
-var getBackgroundImage = function (value) { return ({
-    backgroundImage: value,
-}); };
-var getColor = function (value) { return ({
-    color: colorTokens[value] || value,
-}); };
-var colorProps = {
-    background: getBackground,
-    backgroundColor: getBackgroundColor,
-    backgroundImage: getBackgroundImage,
-    color: getColor,
-};
-/**
- * A style prop function that takes components props and returns color styles from canvas token values.
- * If no `ColorStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `color` with low-level, styled components
- * const BoxExample = () => (
- *   <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
- * );
- *
- */
-export function color(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in colorProps) {
-            var value = props[key];
-            var colorFn = colorProps[key];
-            var style = colorFn(value);
-            styles = __assign(__assign({}, styles), style);
-        }
-    }
-    return styles;
-}

package/dist/es6/common/lib/utils/depth.d.ts

@@ -1,22 +0,0 @@
-import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
-export declare type DepthTokens = typeof depthTokens;
-export declare type DepthTokenKeys = keyof DepthTokens;
-export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
-/** style props to for depth styles */
-export declare type DepthStyleProps = {
-    /** sets depth styles (box-shadow & border) */
-    depth?: DepthTokenKeys;
-};
-/**
- * A style prop function that takes components props and returns depth styles from canvas token values.
- * If no `DepthStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll mostly likely use `depth` with low-level, styled components
- * const BoxExample = () => (
- *   <Box depth={3}>Hello, box shadows!</Box>
- * );
- *
- */
-export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
-//# sourceMappingURL=depth.d.ts.map

package/dist/es6/common/lib/utils/depth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAEtE,oBAAY,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,oBAAY,cAAc,GAAG,MAAM,WAAW,CAAC;AAC/C,oBAAY,gBAAgB,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;AAE9D,sCAAsC;AACtC,oBAAY,eAAe,GAAG;IAC5B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAMF;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAS3E"}

package/dist/es6/common/lib/utils/depth.js

@@ -1,25 +0,0 @@
-import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
-var depthProps = {
-    depth: function (token) { return depthTokens[token]; },
-};
-/**
- * A style prop function that takes components props and returns depth styles from canvas token values.
- * If no `DepthStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll mostly likely use `depth` with low-level, styled components
- * const BoxExample = () => (
- *   <Box depth={3}>Hello, box shadows!</Box>
- * );
- *
- */
-export function depth(props) {
-    for (var key in props) {
-        if (key in depthProps) {
-            var token = props[key];
-            var depthFn = depthProps[key];
-            return depthFn(token);
-        }
-    }
-    return {};
-}

package/dist/es6/common/lib/utils/flexItem.d.ts

@@ -1,33 +0,0 @@
-import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
-/** style props to for flexbox item properties */
-export declare type FlexItemStyleProps = {
-    /** sets `flex` property */
-    flex?: number | string;
-    /** sets `flex-grow` property */
-    flexGrow?: number | string;
-    /** sets `flex-shrink` property */
-    flexShrink?: number | string;
-    /** sets `flex-basis` property */
-    flexBasis?: number | string;
-    /** sets `justify-self` property */
-    justifySelf?: PropertyJustifySelf;
-    /** sets `align-self` property */
-    alignSelf?: PropertyAlignSelf;
-    /** sets `order` property */
-    order?: PropertyOrder;
-};
-/**
- * A style prop function that takes component props and returns flexbox item styles.
- * If no `FlexItemStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flexItem` with low-level, styled components
- * const FlexItemExample = () => (
- *   <Box flex={1} flexBasis="auto" alignSelf={center}>
- *     Hello, flex item!
- *   </Box>
- * );
- *
- */
-export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
-//# sourceMappingURL=flexItem.d.ts.map

package/dist/es6/common/lib/utils/flexItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAE9E,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,iCAAiC;IACjC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAaF;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,EAAE,KAAK,EAAE,CAAC,MAW9D"}

package/dist/es6/common/lib/utils/flexItem.js

@@ -1,35 +0,0 @@
-/** style props to for flexbox item properties */
-var flexItemProps = {
-    flex: 'flex',
-    flexGrow: 'flexGrow',
-    flexShrink: 'flexShrink',
-    flexBasis: 'flexBasis',
-    justifySelf: 'justifySelf',
-    alignSelf: 'alignSelf',
-    order: 'order',
-};
-/**
- * A style prop function that takes component props and returns flexbox item styles.
- * If no `FlexItemStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flexItem` with low-level, styled components
- * const FlexItemExample = () => (
- *   <Box flex={1} flexBasis="auto" alignSelf={center}>
- *     Hello, flex item!
- *   </Box>
- * );
- *
- */
-export function flexItem(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in flexItemProps) {
-            var attr = flexItemProps[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;
-}

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

@@ -1,43 +0,0 @@
-import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
-/** style props to for layout properties */
-export declare type LayoutStyleProps = {
-    /** sets `display` property */
-    display?: PropertyDisplay;
-    /** sets `height` property */
-    height?: number | string;
-    /** sets `list-style property */
-    listStyle?: PropertyListStyle;
-    /** sets `max-height` property */
-    maxHeight?: number | string;
-    /** sets `max-width` property */
-    maxWidth?: number | string;
-    /** sets `min-height` property */
-    minHeight?: number | string;
-    /** sets `min-width` property */
-    minWidth?: number | string;
-    /** sets `overflow` property */
-    overflow?: PropertyOverflow;
-    /** sets `overflow-x` property */
-    overflowX?: PropertyOverflowX;
-    /** sets `overflow-y` property */
-    overflowY?: PropertyOverflowY;
-    /** sets `vertical-align` property */
-    verticalAlign?: PropertyVerticalAlign;
-    /** sets `width` property */
-    width?: number | string;
-};
-/**
- * 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>
- * );
- *
- */
-export declare function layout<P extends LayoutStyleProps>(props: P): {};
-//# sourceMappingURL=layout.d.ts.map

package/dist/es6/common/lib/utils/layout.d.ts.map

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

@@ -1,39 +0,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>
- * );
- *
- */
-export 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;
-}

package/dist/es6/common/lib/utils/other.d.ts

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

package/dist/es6/common/lib/utils/other.d.ts.map

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

@@ -1,15 +0,0 @@
-var otherProps = {
-    animation: function (value) {
-        return { animation: value };
-    },
-};
-export function other(props) {
-    for (var key in props) {
-        if (key in otherProps) {
-            var value = props[key];
-            var styleFn = otherProps[key];
-            return styleFn(value);
-        }
-    }
-    return {};
-}

package/dist/es6/common/lib/utils/position.d.ts

@@ -1,41 +0,0 @@
-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/es6/common/lib/utils/position.d.ts.map

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

@@ -1,74 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { ContentDirection, useTheme, } from '@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>
- * );
- *
- */
-export 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 = 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 === ContentDirection.RTL;
-                var style = styleFn(value, isRTL);
-                styles = __assign(__assign({}, styles), style);
-            }
-        }
-    }
-    return styles;
-}

package/dist/es6/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