@workday/canvas-kit-react 14.0.9 → 14.1.0-1282-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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "14.0.9",
+  "version": "14.1.0-1282-next.0",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -52,8 +52,8 @@
     "@popperjs/core": "^2.5.4",
     "@tanstack/react-virtual": "^3.13.9",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^14.0.9",
-    "@workday/canvas-kit-styling": "^14.0.9",
+    "@workday/canvas-kit-popup-stack": "^14.1.0-1282-next.0",
+    "@workday/canvas-kit-styling": "^14.1.0-1282-next.0",
     "@workday/canvas-system-icons-web": "^3.0.36",
     "@workday/canvas-tokens-web": "^3.1.1",
     "@workday/design-assets-types": "^0.2.10",
@@ -68,5 +68,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "63f17c093376eb1d2ad11be8f9c5340a4d9a71df"
+  "gitHead": "69e1e3b1fb6262a3db424e4b538fb6dc1afb20f2"
 }