@workday/canvas-kit-react 15.0.0-alpha.1283-next.0 → 15.0.0-alpha.1287-next.0

package/dist/es6/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/es6/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/es6/layout/lib/utils/border/radius.js

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderRadiusStyleFnConfigs = [
     {
         name: 'borderRadius',
@@ -26,4 +27,5 @@ export const borderRadiusStyleFnConfigs = [
         system: 'shape',
     },
 ];
+/** @deprecated */
 export const borderRadiusFns = buildStyleFns(borderRadiusStyleFnConfigs);

package/dist/es6/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/es6/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/es6/layout/lib/utils/border/shorthand.js

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderShorthandStyleFnConfigs = [
     {
         name: 'border',
@@ -36,4 +37,5 @@ export const borderShorthandStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const borderShorthandFns = buildStyleFns(borderShorthandStyleFnConfigs);

package/dist/es6/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/es6/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/es6/layout/lib/utils/border/width.js

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderWidthStyleFnConfigs = [
     {
         name: 'borderWidth',
@@ -36,4 +37,5 @@ export const borderWidthStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const borderWidthFns = buildStyleFns(borderWidthStyleFnConfigs);

package/dist/es6/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/es6/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/es6/layout/lib/utils/buildStyleFns.js

@@ -1,29 +1,37 @@
 import { borderRadius as borderRadiusTokens, colors as colorTokens, depth as depthTokens, space as spaceTokens, type as typeTokens, } from '@workday/canvas-kit-react/tokens';
 import { wrapProperty } from '@workday/canvas-kit-styling';
+/** @deprecated */
 const getColor = (value) => {
     return colorTokens[value] || wrapProperty(value);
 };
+/** @deprecated */
 const getDepth = (value) => {
     return depthTokens[value];
 };
+/** @deprecated */
 const getShape = (value) => {
     return borderRadiusTokens[value] || wrapProperty(value);
 };
+/** @deprecated */
 const getSpace = (value) => {
     return spaceTokens[value] || wrapProperty(value);
 };
+/** @deprecated */
 const getFont = (value) => {
     return (typeTokens.properties.fontFamilies[value] ||
         wrapProperty(value));
 };
+/** @deprecated */
 const getFontSize = (value) => {
     return (typeTokens.properties.fontSizes[value] ||
         wrapProperty(value));
 };
+/** @deprecated */
 const getFontWeight = (value) => {
     return (typeTokens.properties.fontWeights[value] ||
         wrapProperty(value));
 };
+/** @deprecated */
 export function buildStyleFns(styleFnConfigs) {
     return styleFnConfigs.reduce((styleFns = {}, styleFnConfig) => {
         const styleFn = (value) => {
@@ -69,6 +77,7 @@ export function buildStyleFns(styleFnConfigs) {
         return { ...styleFns, [styleFnConfig.name]: styleFn };
     }, {});
 }
+/** @deprecated */
 export function buildStylePropFn(styleFns) {
     return (props) => {
         let styles = {};

package/dist/es6/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/es6/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/es6/layout/lib/utils/color.js

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const colorStyleFnConfigs = [
     {
         name: 'backgroundColor',
@@ -16,6 +17,7 @@ export const colorStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const colorFns = buildStyleFns(colorStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns color styles from Canvas token values.
@@ -27,5 +29,6 @@ export const colorFns = buildStyleFns(colorStyleFnConfigs);
  *   <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
  * );
  * ```
+ * @deprecated
  */
 export const color = buildStylePropFn(colorFns);

package/dist/es6/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/es6/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/es6/layout/lib/utils/depth.js

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const depthStyleFnConfigs = [
     {
         name: 'boxShadow',
@@ -11,6 +12,7 @@ export const depthStyleFnConfigs = [
         system: 'depth',
     },
 ];
+/** @deprecated */
 export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns depth styles from Canvas token values.
@@ -22,5 +24,6 @@ export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
  *   <Box depth={3}>Hello, box shadows!</Box>
  * );
  * ```
+ * @deprecated
  */
 export const depth = buildStylePropFn(depthStyleFns);

package/dist/es6/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/es6/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/es6/layout/lib/utils/flex.js

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const flexStyleFnConfigs = [
     {
         name: 'alignContent',
@@ -51,6 +52,7 @@ export const flexStyleFnConfigs = [
         system: 'space',
     },
 ];
+/** @deprecated */
 export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox styles.
@@ -64,5 +66,6 @@ export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
  *   </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 const flex = buildStylePropFn(flexStyleFns);

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

@@ -1,23 +1,41 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
-/** style props to for CSS flex item properties */
+/** style props to for CSS flex item properties
+ * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` 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 type FlexItemStyleProps = {
-    /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) */
+    /** sets [CSS flex property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)
+     * @deprecated
+     */
     flex?: Property.Flex;
-    /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) */
+    /** sets [CSS flex-grow property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)
+     * @deprecated
+     */
     flexGrow?: Property.FlexGrow;
-    /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) */
+    /** sets [CSS flex-shrink property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)
+     * @deprecated
+     */
     flexShrink?: Property.FlexShrink;
-    /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) */
+    /** sets [CSS flex-basis property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)
+     * @deprecated
+     */
     flexBasis?: Property.FlexBasis;
-    /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
+    /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self)
+     * @deprecated
+     */
     justifySelf?: Property.JustifySelf;
-    /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
+    /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self)
+     * @deprecated
+     */
     alignSelf?: Property.AlignSelf;
-    /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order) */
+    /** sets [CSS order property](https://developer.mozilla.org/en-US/docs/Web/CSS/order)
+     * @deprecated
+     */
     order?: Property.Order;
 };
+/** @deprecated */
 export declare const flexItemStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns flexbox item styles.
@@ -31,6 +49,7 @@ export declare const flexItemStyleFns: import("./buildStyleFns").StyleFns;
  *   </Box>
  * );
  * ```
+ * @deprecated
  */
 export declare const flexItem: (props: FlexItemStyleProps) => {};
 //# sourceMappingURL=flexItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,wFAAwF;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAoCjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
+{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAoCjD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}

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

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const flexItemStyleFnConfigs = [
     {
         name: 'flex',
@@ -36,6 +37,7 @@ export const flexItemStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox item styles.
@@ -49,5 +51,6 @@ export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
  *   </Box>
  * );
  * ```
+ * @deprecated
  */
 export const flexItem = buildStylePropFn(flexItemStyleFns);