@workday/canvas-kit-react 8.0.0-alpha.208-next.1 → 8.0.0-alpha.222-next.6

package/dist/commonjs/layout/lib/Stack.d.ts

@@ -1,8 +1,8 @@
 import { FlexProps } from './Flex';
 import { StackStyleProps } from './utils/stack';
 export declare type StackProps = FlexProps & StackStyleProps;
-export declare const Stack: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").FontStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").TextStyleProps & import("..").FlexStyleProps & StackStyleProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").FontStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").TextStyleProps>;
+export declare const Stack: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps & import("..").FlexStyleProps & StackStyleProps> & {
+    Item: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps>;
 };
 export interface HStackProps extends StackProps {
     /**
@@ -12,7 +12,7 @@ export interface HStackProps extends StackProps {
     flexDirection?: 'row' | 'row-reverse';
 }
 export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").FontStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").TextStyleProps>;
+    Item: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps>;
 };
 export interface VStackProps extends StackProps {
     /**
@@ -22,6 +22,6 @@ export interface VStackProps extends StackProps {
     flexDirection?: 'column' | 'column-reverse';
 }
 export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").BorderShorthandStyleProps & import("..").BorderColorStyleProps & import("..").BorderRadiusStyleProps & import("..").BorderLineStyleProps & import("..").BorderWidthStyleProps & import("..").BorderLogicalStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").FontStyleProps & import("..").LayoutStyleProps & import("./utils/other").OtherStyleProps & import("..").PositionStandardProps & import("..").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps & import("..").TextStyleProps>;
+    Item: import("../../common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps>;
 };
 //# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1,44 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from './buildStyleFns';
+import { SystemPropValues } from './systemProps';
+/** style props to set CSS background properties */
+export declare type BackgroundStyleProps = {
+    /**
+     * - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
+     * - system tokens: `color`
+     * */
+    background?: SystemPropValues['color'];
+    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
+    backgroundAttachment?: Property.BackgroundAttachment;
+    /**
+     * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
+     * - system tokens: `color`
+     * */
+    backgroundColor?: SystemPropValues['color'];
+    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
+    backgroundImage?: Property.BackgroundImage;
+    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
+    backgroundPosition?: Property.BackgroundPosition;
+    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
+    backgroundRepeat?: Property.BackgroundRepeat;
+    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
+    backgroundSize?: Property.BackgroundSize;
+};
+export declare const backgroundStyleFnConfigs: StyleFnConfig[];
+export declare const backgroundFns: import("./buildStyleFns").StyleFns;
+/**
+ * A style prop function that takes component props and returns border styles.
+ * Some props, such as background and backgroundColor, are connected to our design tokens.
+ * If no `BackgroundStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * ```tsx
+ * const BackgroundExample = () => (
+ *   <Box backgroundColor="blueberry500">
+ *     Hello, background styles!
+ *   </Box>
+ * );
+ *```
+ */
+export declare const background: (props: BackgroundStyleProps) => {};
+//# sourceMappingURL=background.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,mDAAmD;AACnD,oBAAY,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.background = exports.backgroundFns = exports.backgroundStyleFnConfigs = void 0;
+var buildStyleFns_1 = require("./buildStyleFns");
+exports.backgroundStyleFnConfigs = [
+    {
+        name: 'background',
+        properties: ['background'],
+        system: 'color',
+    },
+    {
+        name: 'backgroundAttachment',
+        properties: ['backgroundAttachment'],
+        system: 'none',
+    },
+    {
+        name: 'backgroundColor',
+        properties: ['backgroundColor'],
+        system: 'color',
+    },
+    {
+        name: 'backgroundImage',
+        properties: ['backgroundImage'],
+        system: 'none',
+    },
+    {
+        name: 'backgroundPosition',
+        properties: ['backgroundPosition'],
+        system: 'none',
+    },
+    {
+        name: 'backgroundRepeat',
+        properties: ['backgroundRepeat'],
+        system: 'none',
+    },
+    {
+        name: 'backgroundSize',
+        properties: ['backgroundSize'],
+        system: 'none',
+    },
+];
+exports.backgroundFns = buildStyleFns_1.buildStyleFns(exports.backgroundStyleFnConfigs);
+/**
+ * A style prop function that takes component props and returns border styles.
+ * Some props, such as background and backgroundColor, are connected to our design tokens.
+ * If no `BackgroundStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * ```tsx
+ * const BackgroundExample = () => (
+ *   <Box backgroundColor="blueberry500">
+ *     Hello, background styles!
+ *   </Box>
+ * );
+ *```
+ */
+exports.background = buildStyleFns_1.buildStylePropFn(exports.backgroundFns);

package/dist/commonjs/layout/lib/utils/border/color.d.ts

@@ -0,0 +1,47 @@
+import { StyleFnConfig } from '../buildStyleFns';
+import { SystemPropValues } from '../systemProps';
+/** style props to set CSS border color properties */
+export declare type BorderColorStyleProps = {
+    /**
+     * - sets [CSS border-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
+     * - system tokens: `color`
+     */
+    borderColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-top-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
+     * - system tokens: `color`
+     */
+    borderTopColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-right-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
+     * - no bidirectional support
+     * - system tokens: `color`
+     */
+    borderRightColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-bottom-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
+     * - system tokens: `color`
+     */
+    borderBottomColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-left-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
+     * - no bidirectional support
+     * - system tokens: `color`
+     */
+    borderLeftColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-inline-start-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
+     * - bidirectional support
+     * - system tokens: `color`
+     */
+    borderInlineStartColor?: SystemPropValues['color'];
+    /**
+     * - sets [CSS border-inline-end-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
+     * - bidirectional support
+     * - system tokens: `color`
+     */
+    borderInlineEndColor?: SystemPropValues['color'];
+};
+export declare const borderColorStyleFnConfigs: StyleFnConfig[];
+export declare const borderColorFns: import("../buildStyleFns").StyleFns;
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderColorFns = exports.borderColorStyleFnConfigs = void 0;
+var buildStyleFns_1 = require("../buildStyleFns");
+exports.borderColorStyleFnConfigs = [
+    {
+        name: 'borderColor',
+        properties: ['borderColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderTopColor',
+        properties: ['borderTopColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderRightColor',
+        properties: ['borderRightColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderBottomColor',
+        properties: ['borderBottomColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderLeftColor',
+        properties: ['borderLeftColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderInlineStartColor',
+        properties: ['borderInlineStartColor'],
+        system: 'color',
+    },
+    {
+        name: 'borderInlineEndColor',
+        properties: ['borderInlineEndColor'],
+        system: 'color',
+    },
+];
+exports.borderColorFns = buildStyleFns_1.buildStyleFns(exports.borderColorStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/index.d.ts

@@ -0,0 +1,26 @@
+import { BorderColorStyleProps } from './color';
+import { BorderLineStyleProps } from './lineStyle';
+import { BorderRadiusStyleProps } from './radius';
+import { BorderShorthandStyleProps } from './shorthand';
+import { BorderWidthStyleProps } from './width';
+export declare type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
+/**
+ * A style prop function that takes component 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
+ * ```tsx
+ * const BorderExample = () => (
+ *   <Box
+ *    border="solid 1px"
+ *    borderColor="soap500"
+ *    borderRadius="l"
+ *   >
+ *     Hello, border styles!
+ *   </Box>
+ * );
+ *```
+ */
+export declare const border: (props: BorderStyleProps) => {};
+export declare const borderStyleFnConfigs: import("../buildStyleFns").StyleFnConfig[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,oBAAY,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}

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

@@ -0,0 +1,46 @@
+"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 __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderStyleFnConfigs = exports.border = void 0;
+var buildStyleFns_1 = require("../buildStyleFns");
+var color_1 = require("./color");
+var lineStyle_1 = require("./lineStyle");
+var radius_1 = require("./radius");
+var shorthand_1 = require("./shorthand");
+var width_1 = require("./width");
+/**
+ * A style prop function that takes component 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
+ * ```tsx
+ * const BorderExample = () => (
+ *   <Box
+ *    border="solid 1px"
+ *    borderColor="soap500"
+ *    borderRadius="l"
+ *   >
+ *     Hello, border styles!
+ *   </Box>
+ * );
+ *```
+ */
+exports.border = buildStyleFns_1.buildStylePropFn(__assign(__assign(__assign(__assign(__assign({}, color_1.borderColorFns), lineStyle_1.borderLineStyleFns), radius_1.borderRadiusFns), shorthand_1.borderShorthandFns), width_1.borderWidthFns));
+exports.borderStyleFnConfigs = __spreadArrays(color_1.borderColorStyleFnConfigs, lineStyle_1.borderLineStyleFnConfigs, radius_1.borderRadiusStyleFnConfigs, shorthand_1.borderShorthandStyleFnConfigs, width_1.borderWidthStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts

@@ -0,0 +1,38 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from '../buildStyleFns';
+/** style props to set CSS border style properties */
+export declare type BorderLineStyleProps = {
+    /** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse) */
+    borderCollapse?: Property.BorderCollapse;
+    /** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing) */
+    borderSpacing?: Property.BorderSpacing;
+    /** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) */
+    borderStyle?: Property.Border;
+    /** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style) */
+    borderTopStyle?: Property.Border;
+    /**
+     * - sets [CSS border-right-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)
+     * - no bidirectional support
+     */
+    borderRightStyle?: Property.Border;
+    /** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style) */
+    borderBottomStyle?: Property.Border;
+    /**
+     * - sets [CSS border-left-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)
+     * - no bidirectional support
+     */
+    borderLeftStyle?: Property.Border;
+    /**
+     * - sets [CSS border-inline-start-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style)
+     * - bidirectional support
+     */
+    borderInlineStartStyle?: Property.Border;
+    /**
+     * - sets [CSS border-inline-end-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style)
+     * - bidirectional support
+     */
+    borderInlineEndStyle?: Property.Border;
+};
+export declare const borderLineStyleFnConfigs: StyleFnConfig[];
+export declare const borderLineStyleFns: import("../buildStyleFns").StyleFns;
+//# sourceMappingURL=lineStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,oBAAY,oBAAoB,GAAG;IACjC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderLineStyleFns = exports.borderLineStyleFnConfigs = void 0;
+var buildStyleFns_1 = require("../buildStyleFns");
+exports.borderLineStyleFnConfigs = [
+    {
+        name: 'borderCollapse',
+        properties: ['borderCollapse'],
+        system: 'none',
+    },
+    {
+        name: 'borderSpacing',
+        properties: ['borderSpacing'],
+        system: 'none',
+    },
+    {
+        name: 'borderStyle',
+        properties: ['borderStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderTopStyle',
+        properties: ['borderTopStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderRightStyle',
+        properties: ['borderRightStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderBottomStyle',
+        properties: ['borderBottomStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderLeftStyle',
+        properties: ['borderLeftStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderInlineStartStyle',
+        properties: ['borderInlineStartStyle'],
+        system: 'none',
+    },
+    {
+        name: 'borderInlineEndStyle',
+        properties: ['borderInlineEndStyle'],
+        system: 'none',
+    },
+];
+exports.borderLineStyleFns = buildStyleFns_1.buildStyleFns(exports.borderLineStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/radius.d.ts

@@ -0,0 +1,33 @@
+import { StyleFnConfig } from '../buildStyleFns';
+import { SystemPropValues } from '../systemProps';
+/** style props to set CSS border radius properties */
+export declare type BorderRadiusStyleProps = {
+    /**
+     * - sets [CSS border-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
+     * - system tokens: `shape`
+     * */
+    borderRadius?: SystemPropValues['shape'];
+    /**
+     * - sets [CSS border-top-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)
+     * - system tokens: `shape`
+     * */
+    borderTopLeftRadius?: SystemPropValues['shape'];
+    /**
+     * - sets [CSS border-top-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)
+     * - system tokens: `shape`
+     * */
+    borderTopRightRadius?: SystemPropValues['shape'];
+    /**
+     * - sets [CSS border-bottom-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)
+     * - system tokens: `shape`
+     * */
+    borderBottomLeftRadius?: SystemPropValues['shape'];
+    /**
+     * - sets [CSS border-bottom-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)
+     * - system tokens: `shape`
+     * */
+    borderBottomRightRadius?: SystemPropValues['shape'];
+};
+export declare const borderRadiusStyleFnConfigs: StyleFnConfig[];
+export declare const borderRadiusFns: import("../buildStyleFns").StyleFns;
+//# sourceMappingURL=radius.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,sDAAsD;AACtD,oBAAY,sBAAsB,GAAG;IACnC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD;;;SAGK;IACL,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;SAGK;IACL,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAAa,EA0BrD,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderRadiusFns = exports.borderRadiusStyleFnConfigs = void 0;
+var buildStyleFns_1 = require("../buildStyleFns");
+exports.borderRadiusStyleFnConfigs = [
+    {
+        name: 'borderRadius',
+        properties: ['borderRadius'],
+        system: 'shape',
+    },
+    {
+        name: 'borderTopLeftRadius',
+        properties: ['borderTopLeftRadius'],
+        system: 'shape',
+    },
+    {
+        name: 'borderTopRightRadius',
+        properties: ['borderTopRightRadius'],
+        system: 'shape',
+    },
+    {
+        name: 'borderBottomLeftRadius',
+        properties: ['borderBottomLeftRadius'],
+        system: 'shape',
+    },
+    {
+        name: 'borderBottomRightRadius',
+        properties: ['borderBottomRightRadius'],
+        system: 'shape',
+    },
+];
+exports.borderRadiusFns = buildStyleFns_1.buildStyleFns(exports.borderRadiusStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts

@@ -0,0 +1,34 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from '../buildStyleFns';
+/** style props to set CSS border properties */
+export declare type BorderShorthandStyleProps = {
+    /** sets [CSS border property](https://developer.mozilla.org/en-US/docs/Web/CSS/border) */
+    border?: Property.Border;
+    /** sets [CSS border-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) */
+    borderTop?: Property.BorderTop;
+    /**
+     * - sets [CSS border-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)
+     * - no bidirectional support
+     * */
+    borderRight?: Property.BorderRight;
+    /** sets [CSS border-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) */
+    borderBottom?: Property.BorderBottom;
+    /**
+     * - sets [CSS border-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)
+     * - no bidirectional support
+     * */
+    borderLeft?: Property.BorderLeft;
+    /**
+     * - sets [CSS border-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start)
+     * - bidirectional support
+     * */
+    borderInlineStart?: Property.BorderInlineStart;
+    /**
+     * - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
+     * - bidirectional support
+     * */
+    borderInlineEnd?: Property.BorderInlineEnd;
+};
+export declare const borderShorthandStyleFnConfigs: StyleFnConfig[];
+export declare const borderShorthandFns: import("../buildStyleFns").StyleFns;
+//# sourceMappingURL=shorthand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/shorthand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,+CAA+C;AAC/C,oBAAY,yBAAyB,GAAG;IACtC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;SAGK;IACL,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,aAAa,EAoCxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA+C,CAAC"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderShorthandFns = exports.borderShorthandStyleFnConfigs = void 0;
+var buildStyleFns_1 = require("../buildStyleFns");
+exports.borderShorthandStyleFnConfigs = [
+    {
+        name: 'border',
+        properties: ['border'],
+        system: 'none',
+    },
+    {
+        name: 'borderTop',
+        properties: ['borderTop'],
+        system: 'none',
+    },
+    {
+        name: 'borderRight',
+        properties: ['borderRight'],
+        system: 'none',
+    },
+    {
+        name: 'borderBottom',
+        properties: ['borderBottom'],
+        system: 'none',
+    },
+    {
+        name: 'borderLeft',
+        properties: ['borderLeft'],
+        system: 'none',
+    },
+    {
+        name: 'borderInlineStart',
+        properties: ['borderInlineStart'],
+        system: 'none',
+    },
+    {
+        name: 'borderInlineEnd',
+        properties: ['borderInlineEnd'],
+        system: 'none',
+    },
+];
+exports.borderShorthandFns = buildStyleFns_1.buildStyleFns(exports.borderShorthandStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/width.d.ts

@@ -0,0 +1,34 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from '../buildStyleFns';
+/** style props to set CSS border width properties */
+export declare type BorderWidthStyleProps = {
+    /** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) */
+    borderWidth?: Property.BorderWidth | number;
+    /** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width) */
+    borderTopWidth?: Property.BorderTopWidth | number;
+    /**
+     * - sets [CSS border-right-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)
+     * - no bidirectional support
+     * */
+    borderRightWidth?: Property.BorderRightWidth | number;
+    /** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width) */
+    borderBottomWidth?: Property.BorderBottomWidth | number;
+    /**
+     * - sets [CSS border-left-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)
+     * - no bidirectional support
+     * */
+    borderLeftWidth?: Property.BorderLeftWidth | number;
+    /**
+     * - sets [CSS border-inline-start-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width)
+     * - bidirectional support
+     * */
+    borderInlineStartWidth?: Property.BorderInlineStartWidth | number;
+    /**
+     * - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
+     * - bidirectional support
+     * */
+    borderInlineEndWidth?: Property.BorderInlineEndWidth | number;
+};
+export declare const borderWidthStyleFnConfigs: StyleFnConfig[];
+export declare const borderWidthFns: import("../buildStyleFns").StyleFns;
+//# sourceMappingURL=width.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,oBAAY,qBAAqB,GAAG;IAClC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5C,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;IAClD;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACtD,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACxD;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC;IACpD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,GAAG,MAAM,CAAC;IAClE;;;SAGK;IACL,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}