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

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

@@ -1,107 +1,129 @@
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to for CSS space properties */
+/** style props to for CSS space 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 SpaceStyleProps = {
     /**
      * - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
      * - bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginInlineStart?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)
      * - bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginInlineEnd?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)
      * - bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingInlineStart?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)
      * - bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingInlineEnd?: SystemPropValues['space'];
     /**
      * - sets [CSS margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     margin?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left) and [margin-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginX?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top) and [margin-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginY?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginTop?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
      * - no bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginRight?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginBottom?: SystemPropValues['space'];
     /**
      * - sets [CSS margin-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)
      * - no bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     marginLeft?: SystemPropValues['space'];
     /**
      * - sets [CSS padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     padding?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-left]((https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left) and [padding-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingX?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top) and [padding-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingY?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingTop?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
      * - no bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingRight?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingBottom?: SystemPropValues['space'];
     /**
      * - sets [CSS padding-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)
      * - no bidirectional support
      * - system tokens: `space`
-     * */
+     * @deprecated
+     */
     paddingLeft?: SystemPropValues['space'];
 };
+/** @deprecated */
 export declare const spaceStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns space styles.
@@ -115,6 +137,7 @@ export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
  *   </Box>
  * );
  * ```
+ * @deprecated
  */
 export declare const space: (props: SpaceStyleProps) => {};
 //# sourceMappingURL=space.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,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;;;;SAIK;IACL,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;SAIK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;SAIK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;SAIK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,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;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.space = exports.spaceStyleFns = exports.spaceStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.spaceStyleFnConfigs = [
     {
         name: 'marginInlineStart',
@@ -94,6 +95,7 @@ exports.spaceStyleFnConfigs = [
         system: 'space',
     },
 ];
+/** @deprecated */
 exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns space styles.
@@ -107,5 +109,6 @@ exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnC
  *   </Box>
  * );
  * ```
+ * @deprecated
  */
 exports.space = (0, buildStyleFns_1.buildStylePropFn)(exports.spaceStyleFns);

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

@@ -27,6 +27,7 @@ import { TextStyleProps } from './text';
  * - position
  * - space
  * - text
+ * @deprecated
  */
 export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
 /**
@@ -36,6 +37,7 @@ export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorSt
  * - common
  * - flex
  * - grid
+ * @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 AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
 //# sourceMappingURL=styleProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}

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

@@ -1,31 +1,48 @@
 import { CanvasBorderRadiusKeys, CanvasColor, CanvasDepth, CanvasSpaceKeys, CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
+/** @deprecated */
 export type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
 /**
  * Canvas System Prop Values
  * ---
  * These system prop values are restricted to Canvas token values.
+ * @deprecated
  */
 export type CanvasSystemPropValues = {
+    /** @deprecated */
     color: CanvasColor;
+    /** @deprecated */
     depth: keyof CanvasDepth;
+    /** @deprecated */
     font: keyof CanvasTypeProperties['fontFamilies'];
+    /** @deprecated */
     fontSize: keyof CanvasTypeProperties['fontSizes'];
+    /** @deprecated */
     fontWeight: keyof CanvasTypeProperties['fontWeights'];
+    /** @deprecated */
     shape: CanvasBorderRadiusKeys;
+    /** @deprecated */
     space: CanvasSpaceKeys;
 };
 /**
  * System Prop Values
  * ---
  * These system prop values include Canvas System Prop Values and generic values.
+ * @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 SystemPropValues = {
+    /** @deprecated */
     color: CanvasSystemPropValues['color'] | (string & {});
+    /** @deprecated */
     depth: CanvasSystemPropValues['depth'];
+    /** @deprecated */
     font: CanvasSystemPropValues['font'] | (string & {});
+    /** @deprecated */
     fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
+    /** @deprecated */
     fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
+    /** @deprecated */
     shape: CanvasSystemPropValues['shape'] | number | (string & {});
+    /** @deprecated */
     space: CanvasSystemPropValues['space'] | number | (string & {});
 };
 //# sourceMappingURL=systemProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
+{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,kBAAkB;AAClB,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,kBAAkB;IAClB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,kBAAkB;IAClB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,kBAAkB;IAClB,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,kBAAkB;IAClB,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB;IAClB,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,kBAAkB;IAClB,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,kBAAkB;IAClB,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}

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

@@ -1,42 +1,72 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to for CSS font and text properties */
+/** style props to for CSS font and text 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 TextStyleProps = {
     /**
      * - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
-     * - system tokens: `font` */
+     * - system tokens: `font`
+     * @deprecated
+     */
     fontFamily?: Property.FontFamily | SystemPropValues['font'];
     /**
      * - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
-     * - system tokens: `fontSize` */
+     * - system tokens: `fontSize`
+     * @deprecated
+     */
     fontSize?: Property.FontSize | SystemPropValues['fontSize'];
-    /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
+    /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)
+     * @deprecated
+     */
     fontStyle?: Property.FontStyle;
     /**
      * - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
-     * - system tokens: `fontWeight` */
+     * - system tokens: `fontWeight`
+     * @deprecated
+     */
     fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
-    /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
+    /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)
+     * @deprecated
+     */
     lineHeight?: Property.LineHeight;
-    /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
+    /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)
+     * @deprecated
+     */
     letterSpacing?: Property.LetterSpacing;
-    /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
+    /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
+     * @deprecated
+     */
     textAlign?: Property.TextAlign;
-    /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
+    /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)
+     * @deprecated
+     */
     textDecoration?: Property.TextDecoration;
-    /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
+    /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)
+     * @deprecated
+     */
     textOverflow?: Property.TextOverflow;
-    /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
+    /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)
+     * @deprecated
+     */
     textTransform?: Property.TextTransform;
-    /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
+    /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)
+     * @deprecated
+     */
     textShadow?: Property.TextShadow;
-    /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
+    /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
+     * @deprecated
+     */
     whiteSpace?: Property.WhiteSpace;
-    /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
+    /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break)
+     * @deprecated
+     */
     wordBreak?: Property.WordBreak;
 };
+/** @deprecated */
 export declare const textStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const textStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns font and text styles.
@@ -48,6 +78,7 @@ export declare const textStyleFns: import("./buildStyleFns").StyleFns;
  *   <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
  * );
  * ```
+ * @deprecated
  */
 export declare const text: (props: TextStyleProps) => {};
 //# sourceMappingURL=text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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,cAAc,GAAG;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.text = exports.textStyleFns = exports.textStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.textStyleFnConfigs = [
     {
         name: 'fontFamily',
@@ -69,6 +70,7 @@ exports.textStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns font and text styles.
@@ -80,5 +82,6 @@ exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnCon
  *   <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
  * );
  * ```
+ * @deprecated
  */
 exports.text = (0, buildStyleFns_1.buildStylePropFn)(exports.textStyleFns);

package/dist/commonjs/text-input/lib/TextInput.js

@@ -10,15 +10,15 @@ exports.textInputStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         width: '',
     },
-    base: { name: "18drvp", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:block;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1-half);height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;padding:var(--cnvs-sys-space-x2);margin:0rem;width:var(--width-text-input-696c53);min-width:var(--width-text-input-696c53, calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10)));color:var(--cnvs-sys-color-text-default);text-overflow:ellipsis;::-ms-clear{display:none;}&::placeholder{color:var(--cnvs-sys-color-text-hint);}&:is(:hover, .hover){border-color:var(--cnvs-sys-color-border-input-strong);}&:is(:focus-visible, .focus):where(:not([disabled])){border-color:var(--cnvs-brand-common-focus-outline);box-shadow:inset 0 0 0 1px var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;}&:is(:disabled, .disabled){background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-fg-disabled);&::placeholder{color:var(--cnvs-sys-color-fg-disabled);}}" },
+    base: { name: "3rj64e", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:block;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x1-half));height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;padding:var(--cnvs-sys-space-x2);margin:0rem;width:var(--width-text-input-696c53);min-width:var(--width-text-input-696c53, calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10)));color:var(--cnvs-sys-color-text-default);text-overflow:ellipsis;::-ms-clear{display:none;}&::placeholder{color:var(--cnvs-sys-color-text-hint);}&:is(:hover, .hover){border-color:var(--cnvs-sys-color-border-input-strong);}&:is(:focus-visible, .focus):where(:not([disabled])){border-color:var(--cnvs-brand-common-focus-outline);box-shadow:inset 0 0 0 1px var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;}&:is(:disabled, .disabled){background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-fg-disabled);&::placeholder{color:var(--cnvs-sys-color-fg-disabled);}}" },
     modifiers: {
         grow: {
-            true: { name: "kxkr6", styles: "width:100%;resize:vertical;" },
-            false: { name: "3i5nz5", styles: "width:initial;" }
+            true: { name: "28pgp9", styles: "width:100%;resize:vertical;" },
+            false: { name: "3mn8t8", styles: "width:initial;" }
         },
         error: {
-            error: { name: "48d7tw", styles: "border-color:var(--cnvs-brand-common-error-inner);border-width:0.125rem;background-color:var(--cnvs-brand-error-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-error-inner);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
-            caution: { name: "anba1", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n        0 0 0 2px var(--cnvs-sys-color-border-inverse),\n        0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
+            error: { name: "20wgzr", styles: "border-color:var(--cnvs-brand-common-error-inner);border-width:0.125rem;background-color:var(--cnvs-brand-error-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-error-inner);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
+            caution: { name: "miahg", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n        0 0 0 2px var(--cnvs-sys-color-border-inverse),\n        0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
         }
     },
     defaultModifiers: {

package/dist/es6/layout/lib/Box.d.ts

@@ -38,6 +38,7 @@ export type BoxProps = CommonStyleProps & CSProps & {
  *
  * <StyledHeader color='red'>Hello World</StyledHeader>
  * ```
+ * @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 declare const boxStyleFn: <P extends BoxProps>(props: P) => {};
 /**

package/dist/es6/layout/lib/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA8BJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}

package/dist/es6/layout/lib/Box.js

@@ -37,6 +37,7 @@ const omittedProps = [
     'whiteSpace',
     'wordBreak',
 ];
+/** @deprecated */
 const shouldForwardProp = (prop) => {
     return isPropValid(prop) && !omittedProps.includes(prop);
 };
@@ -57,6 +58,7 @@ const shouldForwardProp = (prop) => {
  *
  * <StyledHeader color='red'>Hello World</StyledHeader>
  * ```
+ * @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 const boxStyleFn = (props) => {
     return [

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

@@ -1,30 +1,46 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to set CSS background properties */
+/** style props to set CSS background properties
+ * @deprecated
+ */
 export type BackgroundStyleProps = {
     /**
      * - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
      * - system tokens: `color`
-     * */
+     * @deprecated Use `cs` prop with `system.color.bg.*` tokens
+     */
     background?: SystemPropValues['color'];
-    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
+    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/)
+     * @deprecated
+     */
     backgroundAttachment?: Property.BackgroundAttachment;
     /**
      * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
      * - system tokens: `color`
-     * */
+     * @deprecated Use `cs` prop with `system.color.bg.*` tokens
+     */
     backgroundColor?: SystemPropValues['color'];
-    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
+    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)
+     * @deprecated
+     */
     backgroundImage?: Property.BackgroundImage;
-    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
+    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
+     * @deprecated
+     */
     backgroundPosition?: Property.BackgroundPosition;
-    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
+    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)
+     * @deprecated
+     */
     backgroundRepeat?: Property.BackgroundRepeat;
-    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
+    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
+     * @deprecated
+     */
     backgroundSize?: Property.BackgroundSize;
 };
+/** @deprecated */
 export declare const backgroundStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const backgroundFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns border styles.
@@ -39,6 +55,7 @@ export declare const backgroundFns: import("./buildStyleFns").StyleFns;
  *   </Box>
  * );
  *```
+ @deprecated
  */
 export declare const background: (props: BackgroundStyleProps) => {};
 //# sourceMappingURL=background.d.ts.map

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

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

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

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const backgroundStyleFnConfigs = [
     {
         name: 'background',
@@ -36,6 +37,7 @@ export const backgroundStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns border styles.
@@ -50,5 +52,6 @@ export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
  *   </Box>
  * );
  *```
+ @deprecated
  */
 export const background = buildStylePropFn(backgroundFns);

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

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

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

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