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

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/common/lib/theming/createCanvasTheme.d.ts

@@ -1,10 +1,14 @@
 import { CanvasTheme, PartialCanvasTheme } from './types';
+/**
+ * @deprecated ⚠️ `shiftColor` is deprecated and will be removed in a future major version. While we work on an algorithm for color shifting, you can use [oklch from or with calc](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch) to calculate colors.
+ */
 export declare const shiftColor: (hexColor: string, amount?: any) => string;
 declare function calculateCanvasTheme(partialTheme: PartialCanvasTheme): CanvasTheme;
 /**
  * Creates a full {@link CanvasTheme} from any partial theme by deeply merging with the
  * `defaultCanvasTheme` object. The function is memoized, but it is best to run this function
  * only once and save the result.
+ * @deprecated ⚠️ `createCanvasTheme` is deprecated and will be removed in a future major version. Please use our CSS Branding tokens to create a theme. For more information, please use our [theming docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
  */
 export declare const createCanvasTheme: typeof calculateCanvasTheme;
 export {};

package/dist/es6/common/lib/theming/createCanvasTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createCanvasTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/createCanvasTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EACX,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAQjB,eAAO,MAAM,UAAU,aACV,MAAM,yBA+BlB,CAAC;AAkCF,iBAAS,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,GAAG,WAAW,CAkB3E;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,6BAAmE,CAAC"}
+{"version":3,"file":"createCanvasTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/createCanvasTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EACX,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAQjB;;GAEG;AACH,eAAO,MAAM,UAAU,aACV,MAAM,yBA+BlB,CAAC;AAkCF,iBAAS,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,GAAG,WAAW,CAkB3E;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6BAAmE,CAAC"}

package/dist/es6/common/lib/theming/createCanvasTheme.js

@@ -6,6 +6,9 @@ import { pickForegroundColor } from '../utils';
 // Should these be exported?
 import { deepMerge } from '../utils/deepMerge';
 import { memoize } from '../utils/memoize';
+/**
+ * @deprecated ⚠️ `shiftColor` is deprecated and will be removed in a future major version. While we work on an algorithm for color shifting, you can use [oklch from or with calc](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch) to calculate colors.
+ */
 export const shiftColor = memoize((hexColor, amount = 100) => {
     const canvasColor = Object.keys(colors).find(color => colors[color] === hexColor);
     if (canvasColor) {
@@ -73,5 +76,6 @@ function calculateCanvasTheme(partialTheme) {
  * Creates a full {@link CanvasTheme} from any partial theme by deeply merging with the
  * `defaultCanvasTheme` object. The function is memoized, but it is best to run this function
  * only once and save the result.
+ * @deprecated ⚠️ `createCanvasTheme` is deprecated and will be removed in a future major version. Please use our CSS Branding tokens to create a theme. For more information, please use our [theming docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
  */
 export const createCanvasTheme = memoize(calculateCanvasTheme, (...args) => JSON.stringify(args));

package/dist/es6/common/lib/theming/styled.d.ts

@@ -1,7 +1,13 @@
 import { CreateStyled } from '@emotion/styled';
 import { CSSProperties } from '@workday/canvas-kit-react/tokens';
+/**
+ * @deprecated ⚠️ `filterOutProps` is deprecated and will be removed in a future major version. Use our `createComponent` and `handleCsProp` helpers to handle props. For more information, view our [Meriging Styles Docs](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-merging-styles--docs#handlecsprop).
+ */
 export declare const filterOutProps: (omittedProps: string[]) => (prop: string) => boolean;
 export type StyleRewriteFn = (obj?: CSSProperties) => CSSProperties | undefined;
+/**
+ * @deprecated ⚠️ `styled` is deprecated and will be removed in a future major version. Please use `createStyles` or `createStencil` instead with [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values). For more information, view our [Styling docs](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
+ */
 declare const _default: CreateStyled;
 export default _default;
 //# sourceMappingURL=styled.d.ts.map

package/dist/es6/common/lib/theming/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAA2B,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAW/D,eAAO,MAAM,cAAc,iBAAkB,MAAM,EAAE,YACrC,MAAM,YACrB,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,EAAE,aAAa,KAAK,aAAa,GAAG,SAAS,CAAC;;AA0BhF,wBAAsC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAA2B,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAW/D;;GAEG;AACH,eAAO,MAAM,cAAc,iBAAkB,MAAM,EAAE,YACrC,MAAM,YACrB,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,EAAE,aAAa,KAAK,aAAa,GAAG,SAAS,CAAC;AA0BhF;;GAEG;;AACH,wBAAsC"}

package/dist/es6/common/lib/theming/styled.js

@@ -2,6 +2,9 @@ import { default as emotionStyled } from '@emotion/styled';
 import { useTheme, ContentDirection } from './index';
 import rtlCSSJS from 'rtl-css-js';
 const noop = (styles) => styles;
+/**
+ * @deprecated ⚠️ `filterOutProps` is deprecated and will be removed in a future major version. Use our `createComponent` and `handleCsProp` helpers to handle props. For more information, view our [Meriging Styles Docs](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-merging-styles--docs#handlecsprop).
+ */
 export const filterOutProps = (omittedProps) => {
     return (prop) => !omittedProps.includes(prop);
 };
@@ -25,4 +28,7 @@ function styled(node, options) {
         return emotionStyled(node, options)(newArgs);
     };
 }
+/**
+ * @deprecated ⚠️ `styled` is deprecated and will be removed in a future major version. Please use `createStyles` or `createStencil` instead with [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values). For more information, view our [Styling docs](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
+ */
 export default styled;

package/dist/es6/common/lib/theming/theme.d.ts

@@ -1,3 +1,6 @@
 import { CanvasTheme } from './types';
+/**
+ * @deprecated ⚠️ `defaultCanvasTheme` is deprecated and will be removed in a future major version. If you want to reset the theme, use `defaultBranding` and apply it to the `CanvasProvider`. For more information, view our [theming docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
+ */
 export declare const defaultCanvasTheme: CanvasTheme;
 //# sourceMappingURL=theme.d.ts.map

package/dist/es6/common/lib/theming/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAmB,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,kBAAkB,EAAE,WA8DhC,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAmB,MAAM,SAAS,CAAC;AAItD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WA8DhC,CAAC"}

package/dist/es6/common/lib/theming/theme.js

@@ -1,6 +1,9 @@
 import { ContentDirection } from './types';
 import { base } from '@workday/canvas-tokens-web';
 import { breakpoints, up, down, between, only } from './breakpoints';
+/**
+ * @deprecated ⚠️ `defaultCanvasTheme` is deprecated and will be removed in a future major version. If you want to reset the theme, use `defaultBranding` and apply it to the `CanvasProvider`. For more information, view our [theming docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
+ */
 export const defaultCanvasTheme = {
     palette: {
         primary: {

package/dist/es6/common/lib/theming/useIsRTL.d.ts

@@ -7,7 +7,7 @@ import { PartialEmotionCanvasTheme } from './types';
  * const isRTL = useIsRTL();
  * ```
  *
- * @deprecated Use isElementRTL instead.
+ * @deprecated ⚠️ `useIsRTL` is deprecated and will be removed in a future major version. Please use `isElementRTL` instead.
  */
 export declare const useIsRTL: (partialTheme?: PartialEmotionCanvasTheme) => boolean;
 //# sourceMappingURL=useIsRTL.d.ts.map

package/dist/es6/common/lib/theming/useIsRTL.js

@@ -12,7 +12,7 @@ function useDefaultTheme(theme, config, fn) {
  * const isRTL = useIsRTL();
  * ```
  *
- * @deprecated Use isElementRTL instead.
+ * @deprecated ⚠️ `useIsRTL` is deprecated and will be removed in a future major version. Please use `isElementRTL` instead.
  */
 export const useIsRTL = (partialTheme) => {
     const theme = useDefaultTheme(partialTheme, ThemeContext, React.useContext);

package/dist/es6/common/lib/theming/useTheme.d.ts

@@ -31,6 +31,7 @@ import { EmotionCanvasTheme, PartialEmotionCanvasTheme } from './index';
  *    margin: space.l
  *  }
  * }
+ * @deprecated ⚠️ `getTheme` is deprecated and will be removed in a future major version. Please use our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) to theme components.
  */
 export declare function getTheme(theme?: PartialEmotionCanvasTheme): EmotionCanvasTheme;
 /**
@@ -60,6 +61,7 @@ export declare function getTheme(theme?: PartialEmotionCanvasTheme): EmotionCanv
  *    <Subtext size="large" color={theme.canvas.palette.error.main}>
  *  );
  * }
+ * @deprecated ⚠️ `useTheme` is deprecated and will be removed in a future major version. Please use our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) to theme components.
  */
 export declare function useTheme(theme?: PartialEmotionCanvasTheme): EmotionCanvasTheme;
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/es6/common/lib/theming/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,kBAAkB,EAClB,yBAAyB,EAE1B,MAAM,SAAS,CAAC;AAqEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAY9E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAkB9E"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,kBAAkB,EAClB,yBAAyB,EAE1B,MAAM,SAAS,CAAC;AAsEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAY9E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAkB9E"}

package/dist/es6/common/lib/theming/useTheme.js

@@ -6,6 +6,7 @@ import { cssVar } from '@workday/canvas-kit-styling';
 import { base } from '@workday/canvas-tokens-web';
 /**
  * We can adjust the shift but this should get us close enough until we clean up the algorithm to determine the colors.
+ * @deprecated ⚠️ `shiftColor` is deprecated and will be removed in a future major version. While we work on an algorithm for color shifting, you can use [`oklch from`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch) to generate a palette.
  */
 const shiftColor = (color, value) => {
     return `oklch(from ${color} calc(l ${value > 0 ? '+' : '-'} ${Math.abs(value) / 1000}) c h)`;
@@ -90,6 +91,7 @@ const getFilledTheme = (theme) => {
  *    margin: space.l
  *  }
  * }
+ * @deprecated ⚠️ `getTheme` is deprecated and will be removed in a future major version. Please use our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) to theme components.
  */
 export function getTheme(theme) {
     var _a, _b;
@@ -129,6 +131,7 @@ export function getTheme(theme) {
  *    <Subtext size="large" color={theme.canvas.palette.error.main}>
  *  );
  * }
+ * @deprecated ⚠️ `useTheme` is deprecated and will be removed in a future major version. Please use our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) to theme components.
  */
 export function useTheme(theme) {
     if (!theme) {

package/dist/es6/common/lib/theming/useThemedRing.d.ts

@@ -5,6 +5,9 @@ interface ContrastColors {
     outer?: string;
     inner?: string;
 }
+/**
+ * @deprecated ⚠️ `getPaletteColorsForFocusRing` is deprecated and will be removed in a future major version. Please use the `brand.common.focusRing` CSS variable to theme focus rings. For more information, view our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs).
+ */
 export declare function getPaletteColorsForFocusRing(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
 /**
  * This is a way to automatically add themed colors to your input and is helpful when showing alerts, success or errors to users.
@@ -40,6 +43,7 @@ export declare function getPaletteColorsForFocusRing(type: paletteSelection, the
  *  );
  * };
  *```
+ * @deprecated `useThemedRing` is deprecated and will be removed in a future major version. Please use `brand.common.focusOutline` CSS variable instead. View our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) for more information.
  */
 export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
 export {};

package/dist/es6/common/lib/theming/useThemedRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAE3F,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAG/D,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCD,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAoBhB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,aAAa,SAAU,gBAAgB,KAAG,aA0BtD,CAAC"}
+{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAE3F,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAG/D,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCD;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAoBhB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,aAAa,SAAU,gBAAgB,KAAG,aA0BtD,CAAC"}

package/dist/es6/common/lib/theming/useThemedRing.js

@@ -27,6 +27,9 @@ const getPaletteColorsFromTheme = (palette, fallbackColors, errorType) => {
         inner: cssVar(brand.common.focusOutline),
     };
 };
+/**
+ * @deprecated ⚠️ `getPaletteColorsForFocusRing` is deprecated and will be removed in a future major version. Please use the `brand.common.focusRing` CSS variable to theme focus rings. For more information, view our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs).
+ */
 export function getPaletteColorsForFocusRing(type, theme) {
     switch (type) {
         case 'error': {
@@ -82,6 +85,7 @@ export function getPaletteColorsForFocusRing(type, theme) {
  *  );
  * };
  *```
+ * @deprecated `useThemedRing` is deprecated and will be removed in a future major version. Please use `brand.common.focusOutline` CSS variable instead. View our [CSS tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-brand-tokens--docs) for more information.
  */
 export const useThemedRing = (type) => {
     const theme = useTheme();

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"}

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

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderColorStyleFnConfigs = [
     {
         name: 'borderColor',
@@ -36,4 +37,5 @@ export const borderColorStyleFnConfigs = [
         system: 'color',
     },
 ];
+/** @deprecated */
 export const borderColorFns = buildStyleFns(borderColorStyleFnConfigs);

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

@@ -3,6 +3,7 @@ import { BorderLineStyleProps } from './lineStyle';
 import { BorderRadiusStyleProps } from './radius';
 import { BorderShorthandStyleProps } from './shorthand';
 import { BorderWidthStyleProps } from './width';
+/** @deprecated */
 export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
 /**
  * A style prop function that takes component props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
@@ -20,7 +21,9 @@ export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & Bo
  *   </Box>
  * );
  *```
+ * @deprecated
  */
 export declare const border: (props: BorderStyleProps) => {};
+/** @deprecated */
 export declare const borderStyleFnConfigs: import("../buildStyleFns").StyleFnConfig[];
 //# sourceMappingURL=index.d.ts.map

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

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