@workday/canvas-kit-react 14.0.9 → 14.1.0-1284-next.0

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

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

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

@@ -1 +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,MAAM,MAAM,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"}
+{"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;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderLineStyleFns = exports.borderLineStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("../buildStyleFns");
+/** @deprecated */
 exports.borderLineStyleFnConfigs = [
     {
         name: 'borderCollapse',
@@ -49,4 +50,5 @@ exports.borderLineStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.borderLineStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderLineStyleFnConfigs);

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

@@ -1,33 +1,42 @@
 import { StyleFnConfig } from '../buildStyleFns';
 import { SystemPropValues } from '../systemProps';
-/** style props to set CSS border radius properties */
+/** style props to set CSS border radius properties
+ * @deprecated
+ */
 export type BorderRadiusStyleProps = {
     /**
      * - sets [CSS border-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
      * - system tokens: `shape`
-     * */
+     * @deprecated ⚠️ Please use the `cs` prop with `createStyles` and `createStencil` to apply styles to our components. For more information, view our [Styling docs](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
+     */
     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`
-     * */
+     * @deprecated
+     */
     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`
-     * */
+     * @deprecated
+     */
     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`
-     * */
+     * @deprecated
+     */
     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`
-     * */
+     * @deprecated
+     */
     borderBottomRightRadius?: SystemPropValues['shape'];
 };
+/** @deprecated */
 export declare const borderRadiusStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const borderRadiusFns: import("../buildStyleFns").StyleFns;
 //# sourceMappingURL=radius.d.ts.map

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

@@ -1 +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,MAAM,MAAM,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"}
+{"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;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,0BAA0B,EAAE,aAAa,EA0BrD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,eAAe,qCAA4C,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderRadiusFns = exports.borderRadiusStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("../buildStyleFns");
+/** @deprecated */
 exports.borderRadiusStyleFnConfigs = [
     {
         name: 'borderRadius',
@@ -29,4 +30,5 @@ exports.borderRadiusStyleFnConfigs = [
         system: 'shape',
     },
 ];
+/** @deprecated */
 exports.borderRadiusFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderRadiusStyleFnConfigs);

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

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

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

@@ -1 +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,MAAM,MAAM,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"}
+{"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;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;CAC5C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,6BAA6B,EAAE,aAAa,EAoCxD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,qCAA+C,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderShorthandFns = exports.borderShorthandStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("../buildStyleFns");
+/** @deprecated */
 exports.borderShorthandStyleFnConfigs = [
     {
         name: 'border',
@@ -39,4 +40,5 @@ exports.borderShorthandStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.borderShorthandFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderShorthandStyleFnConfigs);

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

@@ -1,34 +1,48 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from '../buildStyleFns';
-/** style props to set CSS border width properties */
+/** style props to set CSS border width properties
+ * @deprecated
+ */
 export type BorderWidthStyleProps = {
-    /** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) */
+    /** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)
+     * @deprecated
+     */
     borderWidth?: Property.BorderWidth | number;
-    /** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width) */
+    /** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)
+     * @deprecated
+     */
     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
+     * @deprecated
      * */
     borderRightWidth?: Property.BorderRightWidth | number;
-    /** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width) */
+    /** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)
+     * @deprecated
+     */
     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
+     * @deprecated
      * */
     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
+     * @deprecated
      * */
     borderInlineStartWidth?: Property.BorderInlineStartWidth | number;
     /**
      * - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
      * - bidirectional support
+     * @deprecated
      * */
     borderInlineEndWidth?: Property.BorderInlineEndWidth | number;
 };
+/** @deprecated */
 export declare const borderWidthStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const borderWidthFns: import("../buildStyleFns").StyleFns;
 //# sourceMappingURL=width.d.ts.map

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

@@ -1 +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,MAAM,MAAM,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"}
+{"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;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5C;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;IAClD;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACxD;;;;SAIK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC;IACpD;;;;SAIK;IACL,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,GAAG,MAAM,CAAC;IAClE;;;;SAIK;IACL,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;CAC/D,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,cAAc,qCAA2C,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderWidthFns = exports.borderWidthStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("../buildStyleFns");
+/** @deprecated */
 exports.borderWidthStyleFnConfigs = [
     {
         name: 'borderWidth',
@@ -39,4 +40,5 @@ exports.borderWidthStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.borderWidthFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderWidthStyleFnConfigs);

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

@@ -1,12 +1,16 @@
 import { SystemPropNames } from './systemProps';
+/** @deprecated */
 export type StyleFnConfig = {
     name: string;
     properties: string[];
     system: SystemPropNames | 'none';
 };
+/** @deprecated */
 export type StyleFns = {
     [key: string]: (value: unknown) => {};
 };
+/** @deprecated */
 export declare function buildStyleFns(styleFnConfigs: StyleFnConfig[]): StyleFns;
+/** @deprecated */
 export declare function buildStylePropFn<P extends {}>(styleFns: StyleFns): (props: P) => {};
 //# sourceMappingURL=buildStyleFns.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AASA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AAuCF,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}
+{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AASA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,kBAAkB;AAClB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,kBAAkB;AAClB,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AA8CF,kBAAkB;AAClB,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,kBAAkB;AAClB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}

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

@@ -3,30 +3,38 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStylePropFn = exports.buildStyleFns = void 0;
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+/** @deprecated */
 const getColor = (value) => {
     return tokens_1.colors[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
 };
+/** @deprecated */
 const getDepth = (value) => {
     return tokens_1.depth[value];
 };
+/** @deprecated */
 const getShape = (value) => {
     return tokens_1.borderRadius[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
 };
+/** @deprecated */
 const getSpace = (value) => {
     return tokens_1.space[value] || (0, canvas_kit_styling_1.wrapProperty)(value);
 };
+/** @deprecated */
 const getFont = (value) => {
     return (tokens_1.type.properties.fontFamilies[value] ||
         (0, canvas_kit_styling_1.wrapProperty)(value));
 };
+/** @deprecated */
 const getFontSize = (value) => {
     return (tokens_1.type.properties.fontSizes[value] ||
         (0, canvas_kit_styling_1.wrapProperty)(value));
 };
+/** @deprecated */
 const getFontWeight = (value) => {
     return (tokens_1.type.properties.fontWeights[value] ||
         (0, canvas_kit_styling_1.wrapProperty)(value));
 };
+/** @deprecated */
 function buildStyleFns(styleFnConfigs) {
     return styleFnConfigs.reduce((styleFns = {}, styleFnConfig) => {
         const styleFn = (value) => {
@@ -73,6 +81,7 @@ function buildStyleFns(styleFnConfigs) {
     }, {});
 }
 exports.buildStyleFns = buildStyleFns;
+/** @deprecated */
 function buildStylePropFn(styleFns) {
     return (props) => {
         let styles = {};

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

@@ -1,22 +1,30 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to set CSS color properties */
+/** style props to set CSS color properties
+ * @deprecated
+ */
 export type ColorStyleProps = {
     /**
      * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
      * - system tokens: `color`
-     * */
+     * @deprecated
+     */
     backgroundColor?: SystemPropValues['color'];
     /**
      * - sets [CSS color property](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
      * - system tokens: `color`
-     * */
+     * @deprecated
+     */
     color?: SystemPropValues['color'];
-    /** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
+    /** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
+     * @deprecated
+     */
     opacity?: Property.Opacity;
 };
+/** @deprecated */
 export declare const colorStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const colorFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns color styles from Canvas token values.
@@ -28,6 +36,7 @@ export declare const colorFns: import("./buildStyleFns").StyleFns;
  *   <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
  * );
  * ```
+ * @deprecated
  */
 export declare const color: (props: ColorStyleProps) => {};
 //# sourceMappingURL=color.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.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,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.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;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.color = exports.colorFns = exports.colorStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.colorStyleFnConfigs = [
     {
         name: 'backgroundColor',
@@ -19,6 +20,7 @@ exports.colorStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.colorFns = (0, buildStyleFns_1.buildStyleFns)(exports.colorStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns color styles from Canvas token values.
@@ -30,5 +32,6 @@ exports.colorFns = (0, buildStyleFns_1.buildStyleFns)(exports.colorStyleFnConfig
  *   <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
  * );
  * ```
+ * @deprecated
  */
 exports.color = (0, buildStyleFns_1.buildStylePropFn)(exports.colorFns);

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

@@ -1,17 +1,24 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to for depth styles */
+/** style props to for depth styles
+ * @deprecated
+ */
 export type DepthStyleProps = {
-    /** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
+    /** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
+     * @deprecated
+     */
     boxShadow?: Property.BoxShadow;
     /**
      * - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
      * - system tokens: `depth`
-     * */
+     * @deprecated
+     */
     depth?: SystemPropValues['depth'];
 };
+/** @deprecated */
 export declare const depthStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns depth styles from Canvas token values.
@@ -23,6 +30,7 @@ export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
  *   <Box depth={3}>Hello, box shadows!</Box>
  * );
  * ```
+ * @deprecated
  */
 export declare const depth: (props: DepthStyleProps) => {};
 //# sourceMappingURL=depth.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,sCAAsC;AACtC,MAAM,MAAM,eAAe,GAAG;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAW9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
+{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAW9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.depth = exports.depthStyleFns = exports.depthStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.depthStyleFnConfigs = [
     {
         name: 'boxShadow',
@@ -14,6 +15,7 @@ exports.depthStyleFnConfigs = [
         system: 'depth',
     },
 ];
+/** @deprecated */
 exports.depthStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.depthStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns depth styles from Canvas token values.
@@ -25,5 +27,6 @@ exports.depthStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.depthStyleFnC
  *   <Box depth={3}>Hello, box shadows!</Box>
  * );
  * ```
+ * @deprecated
  */
 exports.depth = (0, buildStyleFns_1.buildStylePropFn)(exports.depthStyleFns);

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

@@ -1,42 +1,62 @@
 import { Property, Globals } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to for CSS flexbox container properties */
+/** style props to for CSS flexbox container properties
+ * @deprecated
+ */
 export type FlexStyleProps = {
-    /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) */
+    /** sets [CSS align-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
+     * @deprecated
+     */
     alignItems?: Property.AlignItems;
-    /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content) */
+    /** sets [CSS align-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content)
+     * @deprecated
+     */
     alignContent?: Property.AlignContent;
     /**
      * - sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
      * - @default 'flex'
-     * */
+     * @deprecated
+     */
     display?: 'flex' | 'inline-flex' | 'none' | Globals | (string & {});
-    /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items) */
+    /** sets [CSS justify-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items)
+     * @deprecated
+     */
     justifyItems?: Property.JustifyItems;
-    /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
+    /** sets [CSS justify-content property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
+     * @deprecated
+     */
     justifyContent?: Property.JustifyContent;
-    /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) */
+    /** sets [CSS flex-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap)
+     * @deprecated
+     */
     flexWrap?: Property.FlexWrap;
-    /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) */
+    /** sets [CSS flex-direction property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
+     * @deprecated
+     */
     flexDirection?: Property.FlexDirection;
     /**
      * - sets [CSS gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     gap?: SystemPropValues['space'];
     /**
      * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     columnGap?: SystemPropValues['space'];
     /**
      * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     rowGap?: SystemPropValues['space'];
 };
+/** @deprecated */
 export declare const flexStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns flexbox styles.
@@ -50,6 +70,7 @@ export declare const flexStyleFns: import("./buildStyleFns").StyleFns;
  *   </Flex>
  * );
  * ```
+ * @deprecated ⚠️ `flex` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs
  */
 export declare const flex: (props: FlexStyleProps) => {};
 //# sourceMappingURL=flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,GAAG,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAmD7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;;OAIG;IACH,GAAG,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAmD7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flex = exports.flexStyleFns = exports.flexStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.flexStyleFnConfigs = [
     {
         name: 'alignContent',
@@ -54,6 +55,7 @@ exports.flexStyleFnConfigs = [
         system: 'space',
     },
 ];
+/** @deprecated */
 exports.flexStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox styles.
@@ -67,5 +69,6 @@ exports.flexStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexStyleFnCon
  *   </Flex>
  * );
  * ```
+ * @deprecated ⚠️ `flex` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs
  */
 exports.flex = (0, buildStyleFns_1.buildStylePropFn)(exports.flexStyleFns);