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

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

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

@@ -1,29 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValidChildren = void 0;
-var React = __importStar(require("react"));
-function getValidChildren(children) {
-    return React.Children.toArray(children).filter(function (child) {
-        return React.isValidElement(child);
-    });
-}
-exports.getValidChildren = getValidChildren;

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

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,55 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-import { Globals, SelfPosition, ContentDistribution, ContentPosition } from 'csstype';
-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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AAMpF,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

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

package/dist/es6/common/lib/Box.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { BorderStyleProps } from './utils/border';
-import { ColorStyleProps } from './utils/color';
-import { DepthStyleProps } from './utils/depth';
-import { FlexItemStyleProps } from './utils/flexItem';
-import { LayoutStyleProps } from './utils/layout';
-import { OtherStyleProps } from './utils/other';
-import { PositionStyleProps } from './utils/position';
-import { SpaceStyleProps } from './utils/space';
-export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
-    children?: React.ReactNode;
-};
-/**
- * `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
- * It is highly flexible, and its primary purpose is to build other components.
- *
- * @example
- * import { Box, BoxProps } from '@workday/canvas-kit-labs-react/common';
- *
- * interface CardProps extends BoxProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `BoxProps`
- * const Card = (props: CardProps) => (
- *   <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
- * );
- *
- */
-export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
-//# sourceMappingURL=Box.d.ts.map

package/dist/es6/common/lib/Box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../common/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAS,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAS,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,QAAQ,GAAG,gBAAgB,GACrC,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GAAG;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqCJ;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,2oBAad,CAAC"}

package/dist/es6/common/lib/Box.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);
-};
-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;
-};
-import * as React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
-import { createComponent, useConstant } from '@workday/canvas-kit-react/common';
-// style props
-import { border } from './utils/border';
-import { color } from './utils/color';
-import { depth } from './utils/depth';
-import { flexItem } from './utils/flexItem';
-import { layout } from './utils/layout';
-import { other } from './utils/other';
-import { position } from './utils/position';
-import { space } from './utils/space';
-var omittedProps = ['display', 'color', 'height', 'overflow', 'width', 'border', 'background'];
-var shouldForwardProp = function (prop) {
-    return isPropValid(prop) && !omittedProps.includes(prop);
-};
-// Meant to be used with elements. The `shouldForwardProps` will remove all style props
-var StyledBoxElement = styled('div', { shouldForwardProp: shouldForwardProp })({
-    boxSizing: 'border-box',
-}, border, color, depth, flexItem, layout, position, space);
-// Meant to be used with components. There is no `shouldForwardProps` - all props will be forwarded to the component
-var StyledBoxComponent = styled('div')({
-    boxSizing: 'border-box',
-}, border, color, depth, flexItem, layout, other, position, space);
-/**
- * `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
- * It is highly flexible, and its primary purpose is to build other components.
- *
- * @example
- * import { Box, BoxProps } from '@workday/canvas-kit-labs-react/common';
- *
- * interface CardProps extends BoxProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `BoxProps`
- * const Card = (props: CardProps) => (
- *   <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
- * );
- *
- */
-export var Box = createComponent('div')({
-    displayName: 'Box',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        var BoxComponent = useConstant(function () {
-            return typeof Element === 'string' ? StyledBoxElement : StyledBoxComponent;
-        });
-        return (React.createElement(BoxComponent, __assign({ as: Element, ref: ref }, elemProps), children));
-    },
-});

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

@@ -1,103 +0,0 @@
-import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { PropertyBorder } from './types';
-/** style props to set the border properties */
-export declare type BorderShorthandStyleProps = {
-    /** sets `border` property */
-    border?: string;
-    /** sets `border-top` property */
-    borderTop?: string;
-    /** sets `border-right` property (no bidirectional support) */
-    borderRight?: string;
-    /** sets `border-bottom` property */
-    borderBottom?: string;
-    /** sets `border-left` property (no bidirectional support) */
-    borderLeft?: string;
-};
-/** style props to set the border color properties */
-export declare type BorderColorStyleProps = {
-    /** sets `border-color` property */
-    borderColor?: CanvasColor | (string & {});
-    /** sets `border-top-color` property */
-    borderTopColor?: CanvasColor | (string & {});
-    /** sets `border-right-color` property (no bidirectional support) */
-    borderRightColor?: CanvasColor | (string & {});
-    /** sets `border-bottom-color` property */
-    borderBottomColor?: CanvasColor | (string & {});
-    /** sets `border-left-color` property (no bidirectional support) */
-    borderLeftColor?: CanvasColor | (string & {});
-};
-/** style props to set the border radius properties */
-export declare type BorderRadiusStyleProps = {
-    /** sets `border-radius` property */
-    borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-top-left-radius` property */
-    borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-top-right-radius` property */
-    borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-bottom-left-radius` property */
-    borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-bottom-right-radius` property */
-    borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
-};
-/** style props to set the border style properties */
-export declare type BorderLineStyleProps = {
-    /** sets `border-style` property */
-    borderStyle?: PropertyBorder;
-    /** sets `border-top-style` property */
-    borderTopStyle?: PropertyBorder;
-    /** sets `border-right-style` property (no bidirectional support) */
-    borderRightStyle?: PropertyBorder;
-    /** sets `border-bottom-style` property */
-    borderBottomStyle?: PropertyBorder;
-    /** sets `border-left-style` property (no bidirectional support) */
-    borderLeftStyle?: PropertyBorder;
-};
-/** style props to set the border width properties */
-export declare type BorderWidthStyleProps = {
-    /** sets `border-width` property */
-    borderWidth?: string | number;
-    /** sets `border-top-width` property */
-    borderTopWidth?: string | number;
-    /** sets `border-right-width` property (no bidirectional support) */
-    borderRightWidth?: string | number;
-    /** sets `border-bottom-width` property */
-    borderBottomWidth?: string | number;
-    /** sets `border-left-width` property (no bidirectional support) */
-    borderLeftWidth?: string | number;
-};
-export declare type BorderLogicalStyleProps = {
-    /** sets `border-left` property (bidirectional support) */
-    borderInlineStart?: string;
-    /** sets `border-left-color` property (bidirectional support) */
-    borderInlineStartColor?: CanvasColor | (string & {});
-    /** sets `border-left-style` property (bidirectional support) */
-    borderInlineStartStyle?: PropertyBorder;
-    /** sets `border-left-width` property (bidirectional support) */
-    borderInlineStartWidth?: string | number;
-    /** sets `border-right` property (bidirectional support) */
-    borderInlineEnd?: string;
-    /** sets `border-right-color` property (bidirectional support) */
-    borderInlineEndColor?: CanvasColor | (string & {});
-    /** sets `border-right-style` property (bidirectional support) */
-    borderInlineEndStyle?: PropertyBorder;
-    /** sets `border-right-width` property (bidirectional support) */
-    borderInlineEndWidth?: string | number;
-};
-/** a collection style props for border properties */
-export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
-/**
- * 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 declare function border<P extends BorderStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
-//# sourceMappingURL=border.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/border.ts"],"names":[],"mappings":"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"}