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

package/common/lib/theming/createCanvasTheme.ts

@@ -15,6 +15,9 @@ import {pickForegroundColor} from '../utils';
 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: string, amount = 100) => {
     const canvasColor = Object.keys(colors).find(color => colors[color] === hexColor);
@@ -105,5 +108,6 @@ 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 const createCanvasTheme = memoize(calculateCanvasTheme, (...args) => JSON.stringify(args));

package/common/lib/theming/styled.ts

@@ -10,6 +10,9 @@ interface ThemingStyledOptions {
   shouldForwardProp?: (prop: any) => boolean;
 }
 
+/**
+ * @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: string[]) => {
   return (prop: string) => !omittedProps.includes(prop);
 };
@@ -42,4 +45,7 @@ function styled<Props>(node: any, options?: ThemingStyledOptions) {
   };
 }
 
+/**
+ * @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 as CreateStyled;

package/common/lib/theming/theme.ts

@@ -2,6 +2,9 @@ import {CanvasTheme, 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: CanvasTheme = {
   palette: {
     primary: {

package/common/lib/theming/useIsRTL.ts

@@ -14,7 +14,7 @@ function useDefaultTheme<T, C>(theme: T | undefined, config: C, fn: (config: C)
  * 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?: PartialEmotionCanvasTheme) => {

package/common/lib/theming/useTheme.ts

@@ -13,6 +13,7 @@ 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: string, value: number) => {
   return `oklch(from ${color} calc(l ${value > 0 ? '+' : '-'} ${Math.abs(value) / 1000}) c h)`;
@@ -108,6 +109,7 @@ const getFilledTheme = (theme: PartialEmotionCanvasTheme): EmotionCanvasTheme =>
  *    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?: PartialEmotionCanvasTheme): EmotionCanvasTheme {
   if (theme?.canvas) {
@@ -150,6 +152,7 @@ export function getTheme(theme?: PartialEmotionCanvasTheme): EmotionCanvasTheme
  *    <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?: PartialEmotionCanvasTheme): EmotionCanvasTheme {
   if (!theme) {

package/common/lib/theming/useThemedRing.ts

@@ -40,6 +40,9 @@ const getPaletteColorsFromTheme = (
   };
 };
 
+/**
+ * @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: paletteSelection,
   theme: EmotionCanvasTheme
@@ -99,6 +102,7 @@ export function getPaletteColorsForFocusRing(
  *  );
  * };
  *```
+ * @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: paletteSelection): CSSProperties => {
   const theme = useTheme();

package/dist/commonjs/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/commonjs/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/commonjs/common/lib/theming/createCanvasTheme.js

@@ -12,6 +12,9 @@ const utils_1 = require("../utils");
 // Should these be exported?
 const deepMerge_1 = require("../utils/deepMerge");
 const memoize_1 = require("../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.
+ */
 exports.shiftColor = (0, memoize_1.memoize)((hexColor, amount = 100) => {
     const canvasColor = Object.keys(canvas_colors_web_1.default).find(color => canvas_colors_web_1.default[color] === hexColor);
     if (canvasColor) {
@@ -79,5 +82,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).
  */
 exports.createCanvasTheme = (0, memoize_1.memoize)(calculateCanvasTheme, (...args) => JSON.stringify(args));

package/dist/commonjs/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/commonjs/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/commonjs/common/lib/theming/styled.js

@@ -8,6 +8,9 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const index_1 = require("./index");
 const rtl_css_js_1 = __importDefault(require("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).
+ */
 const filterOutProps = (omittedProps) => {
     return (prop) => !omittedProps.includes(prop);
 };
@@ -32,4 +35,7 @@ function styled(node, options) {
         return (0, styled_1.default)(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).
+ */
 exports.default = styled;

package/dist/commonjs/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/commonjs/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/commonjs/common/lib/theming/theme.js

@@ -4,6 +4,9 @@ exports.defaultCanvasTheme = void 0;
 const types_1 = require("./types");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const breakpoints_1 = require("./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).
+ */
 exports.defaultCanvasTheme = {
     palette: {
         primary: {

package/dist/commonjs/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/commonjs/common/lib/theming/useIsRTL.js

@@ -38,7 +38,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.
  */
 const useIsRTL = (partialTheme) => {
     const theme = useDefaultTheme(partialTheme, react_1.ThemeContext, React.useContext);

package/dist/commonjs/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/commonjs/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/commonjs/common/lib/theming/useTheme.js

@@ -9,6 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@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)`;
@@ -93,6 +94,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.
  */
 function getTheme(theme) {
     var _a, _b;
@@ -133,6 +135,7 @@ exports.getTheme = getTheme;
  *    <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.
  */
 function useTheme(theme) {
     if (!theme) {

package/dist/commonjs/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/commonjs/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/commonjs/common/lib/theming/useThemedRing.js

@@ -30,6 +30,9 @@ const getPaletteColorsFromTheme = (palette, fallbackColors, errorType) => {
         inner: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.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).
+ */
 function getPaletteColorsForFocusRing(type, theme) {
     switch (type) {
         case 'error': {
@@ -86,6 +89,7 @@ exports.getPaletteColorsForFocusRing = getPaletteColorsForFocusRing;
  *  );
  * };
  *```
+ * @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.
  */
 const useThemedRing = (type) => {
     const theme = (0, common_1.useTheme)();

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

@@ -43,6 +43,7 @@ const omittedProps = [
     'whiteSpace',
     'wordBreak',
 ];
+/** @deprecated */
 const shouldForwardProp = (prop) => {
     return (0, is_prop_valid_1.default)(prop) && !omittedProps.includes(prop);
 };
@@ -63,6 +64,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).
  */
 const boxStyleFn = (props) => {
     return [

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.background = exports.backgroundFns = exports.backgroundStyleFnConfigs = void 0;
 const buildStyleFns_1 = require("./buildStyleFns");
+/** @deprecated */
 exports.backgroundStyleFnConfigs = [
     {
         name: 'background',
@@ -39,6 +40,7 @@ exports.backgroundStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 exports.backgroundFns = (0, buildStyleFns_1.buildStyleFns)(exports.backgroundStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns border styles.
@@ -53,5 +55,6 @@ exports.backgroundFns = (0, buildStyleFns_1.buildStyleFns)(exports.backgroundSty
  *   </Box>
  * );
  *```
+ @deprecated
  */
 exports.background = (0, buildStyleFns_1.buildStylePropFn)(exports.backgroundFns);

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

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

package/dist/commonjs/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/commonjs/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"}

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

@@ -23,6 +23,7 @@ const width_1 = require("./width");
  *   </Box>
  * );
  *```
+ * @deprecated
  */
 exports.border = (0, buildStyleFns_1.buildStylePropFn)({
     ...color_1.borderColorFns,
@@ -31,6 +32,7 @@ exports.border = (0, buildStyleFns_1.buildStylePropFn)({
     ...shorthand_1.borderShorthandFns,
     ...width_1.borderWidthFns,
 });
+/** @deprecated */
 exports.borderStyleFnConfigs = [
     ...color_1.borderColorStyleFnConfigs,
     ...lineStyle_1.borderLineStyleFnConfigs,