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

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);

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flexItem = exports.flexItemStyleFns = exports.flexItemStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.flexItemStyleFnConfigs = [
     {
         name: 'flex',
@@ -39,6 +40,7 @@ exports.flexItemStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.flexItemStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexItemStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox item styles.
@@ -52,5 +54,6 @@ exports.flexItemStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexItemSt
  *   </Box>
  * );
  * ```
+ * @deprecated
  */
 exports.flexItem = (0, buildStyleFns_1.buildStylePropFn)(exports.flexItemStyleFns);

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

@@ -1,58 +1,94 @@
 import { Property, Globals } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to for CSS grid container properties */
+/** style props to for CSS grid container 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 GridStyleProps = {
-    /** 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 'grid'
-     * */
+     * @deprecated
+     */
     display?: 'grid' | 'inline-grid' | '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 grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template) */
+    /** sets [CSS grid-template property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template)
+     * @deprecated
+     */
     gridTemplate?: Property.GridTemplate;
-    /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas) */
+    /** sets [CSS grid-template-areas property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas)
+     * @deprecated
+     */
     gridTemplateAreas?: Property.GridTemplateAreas;
-    /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) */
+    /** sets [CSS grid-template-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)
+     * @deprecated
+     */
     gridTemplateColumns?: Property.GridTemplateColumns;
-    /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) */
+    /** sets [CSS grid-template-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows)
+     * @deprecated
+     */
     gridTemplateRows?: Property.GridTemplateRows;
     /**
      * - sets [CSS column-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     gridColumnGap?: Property.GridColumnGap | SystemPropValues['space'];
     /**
      * - sets [CSS row-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     gridRowGap?: Property.GridRowGap | SystemPropValues['space'];
     /**
      * - sets [CSS grid-gap property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     gridGap?: Property.GridGap | SystemPropValues['space'];
-    /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items) */
+    /** sets [CSS place-items property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-items)
+     * @deprecated
+     */
     gridPlaceItems?: Property.PlaceItems;
-    /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) */
+    /** sets [CSS grid-auto-columns property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns)
+     * @deprecated
+     */
     gridAutoColumns?: Property.GridAutoColumns;
-    /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) */
+    /** sets [CSS grid-auto-rows property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows)
+     * @deprecated
+     */
     gridAutoRows?: Property.GridAutoRows;
-    /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
+    /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area)
+     * @deprecated
+     */
     gridArea?: Property.GridArea;
-    /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) */
+    /** sets [CSS grid-auto-flow property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow)
+     * @deprecated
+     */
     gridAutoFlow?: Property.GridAutoFlow;
-    /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid) */
+    /** sets [CSS grid property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)
+     * @deprecated
+     */
     grid?: Property.Grid;
 };
+/** @deprecated */
 export declare const gridStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns grid styles.
@@ -67,6 +103,7 @@ export declare const gridStyleFns: import("./buildStyleFns").StyleFns;
  *   </Grid>
  * );
  * ```
+ * @deprecated
  */
 export declare const grid: (props: GridStyleProps) => {};
 //# sourceMappingURL=grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.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,uDAAuD;AACvD,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,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C,wHAAwH;IACxH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD,kHAAkH;IAClH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnE;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D;;;SAGK;IACL,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,oGAAoG;IACpG,cAAc,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACrC,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EA2F7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/grid.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,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;OAEG;IACH,mBAAmB,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IACnD;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;;;OAIG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnE;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7D;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EA2F7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.grid = exports.gridStyleFns = exports.gridStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.gridStyleFnConfigs = [
     {
         name: 'gridGap',
@@ -94,6 +95,7 @@ exports.gridStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.gridStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.gridStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns grid styles.
@@ -108,5 +110,6 @@ exports.gridStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.gridStyleFnCon
  *   </Grid>
  * );
  * ```
+ * @deprecated
  */
 exports.grid = (0, buildStyleFns_1.buildStylePropFn)(exports.gridStyleFns);