@workday/canvas-kit-react 8.0.0-alpha.208-next.1 → 8.0.0-alpha.216-next.4

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

@@ -1,57 +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.font = void 0;
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var getFontFamily = function (value) { return ({
-    fontFamily: tokens_1.type.properties.fontFamilies[value] || value,
-}); };
-var getFontSize = function (value) { return ({
-    fontSize: tokens_1.type.properties.fontSizes[value] || value,
-}); };
-var getFontStyle = function (value) { return ({
-    fontStyle: value,
-}); };
-var getFontWeight = function (value) { return ({
-    fontWeight: tokens_1.type.properties.fontWeights[value] || value,
-}); };
-var fontProps = {
-    fontFamily: getFontFamily,
-    fontSize: getFontSize,
-    fontWeight: getFontWeight,
-    fontStyle: getFontStyle,
-};
-/**
- * A style prop function that takes components props and returns font styles from canvas token values.
- * If no `FontStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `font` with low-level, styled components
- * const BoxExample = () => (
- *   <Box fontFamily="monospace" fontWeight="medium">Hello, fonts!</Box>
- * );
- *
- */
-function font(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in fontProps) {
-            var value = props[key];
-            var fontFn = fontProps[key];
-            var style = fontFn(value);
-            styles = __assign(__assign({}, styles), style);
-        }
-    }
-    return styles;
-}
-exports.font = font;

package/dist/es6/layout/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 { Property } from 'csstype';
-/** 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?: Property.Border;
-    /** sets `border-top-style` property */
-    borderTopStyle?: Property.Border;
-    /** sets `border-right-style` property (no bidirectional support) */
-    borderRightStyle?: Property.Border;
-    /** sets `border-bottom-style` property */
-    borderBottomStyle?: Property.Border;
-    /** sets `border-left-style` property (no bidirectional support) */
-    borderLeftStyle?: Property.Border;
-};
-/** 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?: Property.Border;
-    /** 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?: Property.Border;
-    /** 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/layout/lib/utils/border.d.ts.map

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

package/dist/es6/layout/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/layout/lib/utils/font.d.ts

@@ -1,29 +0,0 @@
-import { Property } from 'csstype';
-import { CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
-export declare type FontFamilyTokens = keyof CanvasTypeProperties['fontFamilies'];
-export declare type FontSizeTokens = keyof CanvasTypeProperties['fontSizes'];
-export declare type FontWeightTokens = keyof CanvasTypeProperties['fontWeights'];
-/** style props to for color properties */
-export declare type FontStyleProps = {
-    /** sets `font-family` property */
-    fontFamily?: Property.FontFamily | FontFamilyTokens;
-    /** sets `font-size` property */
-    fontSize?: Property.FontSize | FontSizeTokens;
-    /** sets `font-style` property */
-    fontStyle?: Property.FontStyle;
-    /** sets `font-weight` property */
-    fontWeight?: Property.FontWeight | FontWeightTokens;
-};
-/**
- * A style prop function that takes components props and returns font styles from canvas token values.
- * If no `FontStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `font` with low-level, styled components
- * const BoxExample = () => (
- *   <Box fontFamily="monospace" fontWeight="medium">Hello, fonts!</Box>
- * );
- *
- */
-export declare function font<P extends FontStyleProps>(props: P): {};
-//# sourceMappingURL=font.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"font.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/font.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAO,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAE5E,oBAAY,gBAAgB,GAAG,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAC1E,oBAAY,cAAc,GAAG,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;AACrE,oBAAY,gBAAgB,GAAG,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAGzE,0CAA0C;AAC1C,oBAAY,cAAc,GAAG;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC;IACpD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,cAAc,CAAC;IAC9C,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kCAAkC;IAClC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC;CACrD,CAAC;AAyBF;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,MAYtD"}

package/dist/es6/layout/lib/utils/font.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 { type } from '@workday/canvas-kit-react/tokens';
-var getFontFamily = function (value) { return ({
-    fontFamily: type.properties.fontFamilies[value] || value,
-}); };
-var getFontSize = function (value) { return ({
-    fontSize: type.properties.fontSizes[value] || value,
-}); };
-var getFontStyle = function (value) { return ({
-    fontStyle: value,
-}); };
-var getFontWeight = function (value) { return ({
-    fontWeight: type.properties.fontWeights[value] || value,
-}); };
-var fontProps = {
-    fontFamily: getFontFamily,
-    fontSize: getFontSize,
-    fontWeight: getFontWeight,
-    fontStyle: getFontStyle,
-};
-/**
- * A style prop function that takes components props and returns font styles from canvas token values.
- * If no `FontStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `font` with low-level, styled components
- * const BoxExample = () => (
- *   <Box fontFamily="monospace" fontWeight="medium">Hello, fonts!</Box>
- * );
- *
- */
-export function font(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in fontProps) {
-            var value = props[key];
-            var fontFn = fontProps[key];
-            var style = fontFn(value);
-            styles = __assign(__assign({}, styles), style);
-        }
-    }
-    return styles;
-}

package/layout/lib/utils/border.ts

@@ -1,263 +0,0 @@
-import {
-  borderRadius as borderRadiusTokens,
-  CanvasBorderRadiusKeys,
-  colors as colorTokens,
-  CanvasColor,
-} from '@workday/canvas-kit-react/tokens';
-import {
-  ContentDirection,
-  PartialEmotionCanvasTheme,
-  useTheme,
-} from '@workday/canvas-kit-react/common';
-
-import {Property} from 'csstype';
-
-/** style props to set the border properties */
-export 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 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 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 type BorderLineStyleProps = {
-  /** sets `border-style` property */
-  borderStyle?: Property.Border;
-  /** sets `border-top-style` property */
-  borderTopStyle?: Property.Border;
-  /** sets `border-right-style` property (no bidirectional support) */
-  borderRightStyle?: Property.Border;
-  /** sets `border-bottom-style` property */
-  borderBottomStyle?: Property.Border;
-  /** sets `border-left-style` property (no bidirectional support) */
-  borderLeftStyle?: Property.Border;
-};
-
-/** style props to set the border width properties */
-export 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 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?: Property.Border;
-  /** 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?: Property.Border;
-  /** sets `border-right-width` property (bidirectional support) */
-  borderInlineEndWidth?: string | number;
-};
-
-/** a collection style props for border properties */
-export type BorderStyleProps = BorderShorthandStyleProps &
-  BorderColorStyleProps &
-  BorderRadiusStyleProps &
-  BorderLineStyleProps &
-  BorderWidthStyleProps &
-  BorderLogicalStyleProps;
-
-// border logical prop handlers
-const borderInlineStart = (isRTL: boolean) => (isRTL ? 'borderRight' : 'borderLeft');
-const borderInlineEnd = (isRTL: boolean) => (isRTL ? 'borderLeft' : 'borderRight');
-const borderInlineStartColor = (isRTL: boolean) => (isRTL ? 'borderRightColor' : 'borderLeftColor');
-const borderInlineEndColor = (isRTL: boolean) => (isRTL ? 'borderLeftColor' : 'borderRightColor');
-const borderInlineStartStyle = (isRTL: boolean) => (isRTL ? 'borderRightStyle' : 'borderLeftStyle');
-const borderInlineEndStyle = (isRTL: boolean) => (isRTL ? 'borderLeftStyle' : 'borderRightStyle');
-const borderInlineStartWidth = (isRTL: boolean) => (isRTL ? 'borderRightWidth' : 'borderLeftWidth');
-const borderInlineEndWidth = (isRTL: boolean) => (isRTL ? 'borderLeftWidth' : 'borderRightWidth');
-
-const borderShorthandProps = {
-  border: 'border',
-  borderTop: 'borderTop',
-  borderRight: 'borderRight',
-  borderBottom: 'borderBottom',
-  borderLeft: 'borderLeft',
-  borderInlineStart,
-  borderInlineEnd,
-};
-
-const borderColors = {
-  borderColor: 'borderColor',
-  borderTopColor: 'borderTopColor',
-  borderRightColor: 'borderRightColor',
-  borderBottomColor: 'borderBottomColor',
-  borderLeftColor: 'borderLeftColor',
-  borderInlineStartColor,
-  borderInlineEndColor,
-};
-
-const borderRadii = {
-  borderRadius: 'borderRadius',
-  borderTopLeftRadius: 'borderTopLeftRadius',
-  borderTopRightRadius: 'borderTopRightRadius',
-  borderBottomLeftRadius: 'borderBottomLeftRadius',
-  borderBottomRightRadius: 'borderBottomRightRadius',
-};
-
-const borderStyles = {
-  borderStyle: 'borderStyle',
-  borderTopStyle: 'borderTopStyle',
-  borderRightStyle: 'borderRightStyle',
-  borderBottomStyle: 'borderBottomStyle',
-  borderLeftStyle: 'borderLeftStyle',
-  borderInlineStartStyle,
-  borderInlineEndStyle,
-};
-
-const borderWidths = {
-  borderWidth: 'borderWidth',
-  borderTopWidth: 'borderTopWidth',
-  borderRightWidth: 'borderRightWidth',
-  borderBottomWidth: 'borderBottomWidth',
-  borderLeftWidth: 'borderLeftWidth',
-  borderInlineStartWidth,
-  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<P extends BorderStyleProps & {theme?: PartialEmotionCanvasTheme}>(props: P) {
-  // 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
-  const {canvas} = useTheme(props.theme);
-  const isRTL = canvas.direction === ContentDirection.RTL;
-  const styles = {};
-  for (const key in props) {
-    if (props.hasOwnProperty(key)) {
-      if (key in borderShorthandProps) {
-        const value = props[key as keyof BorderShorthandStyleProps];
-        let attr: string;
-        if (key === 'borderInlineStart') {
-          attr = borderInlineStart(isRTL);
-        } else if (key === 'borderInlineEnd') {
-          attr = borderInlineEnd(isRTL);
-        } else {
-          attr = borderShorthandProps[key as keyof BorderShorthandStyleProps];
-        }
-        // @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) {
-        const propValue = props[key as keyof BorderColorStyleProps] as CanvasColor | string;
-        const value = colorTokens[propValue as CanvasColor] || propValue;
-        let attr: string;
-        if (key === 'borderInlineStartColor') {
-          attr = borderInlineStartColor(isRTL);
-        } else if (key === 'borderInlineEndColor') {
-          attr = borderInlineEndColor(isRTL);
-        } else {
-          attr = borderColors[key as keyof BorderColorStyleProps];
-        }
-        // @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) {
-        const propValue = props[key as keyof BorderRadiusStyleProps] as
-          | CanvasBorderRadiusKeys
-          | number
-          | string;
-        const value = borderRadiusTokens[propValue as CanvasBorderRadiusKeys] || propValue;
-        const attr = borderRadii[key as keyof BorderRadiusStyleProps];
-        // @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) {
-        const value = props[key as keyof BorderLineStyleProps];
-        let attr: string;
-        if (key === 'borderInlineStartStyle') {
-          attr = borderInlineStartStyle(isRTL);
-        } else if (key === 'borderInlineEndStyle') {
-          attr = borderInlineEndStyle(isRTL);
-        } else {
-          attr = borderStyles[key as keyof BorderLineStyleProps];
-        }
-        // @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) {
-        const value = props[key as keyof BorderWidthStyleProps];
-        let attr: string;
-        if (key === 'borderInlineStartWidth') {
-          attr = borderInlineStartWidth(isRTL);
-        } else if (key === 'borderInlineEndWidth') {
-          attr = borderInlineEndWidth(isRTL);
-        } else {
-          attr = borderWidths[key as keyof BorderWidthStyleProps];
-        }
-        // @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;
-}