@workday/canvas-kit-react 14.0.0-alpha.1237-next.0 → 14.0.0-alpha.1239-next.0

package/badge/lib/CountBadge.tsx

@@ -52,7 +52,7 @@ const countBadgeStencil = createStencil({
     lineHeight: px2rem(20),
     minWidth: px2rem(20),
     padding: `0 ${px2rem(6.5)}`,
-    background: system.color.static.red.default,
+    background: system.color.fg.critical.default,
     color: system.color.text.inverse,
   },
   modifiers: {
@@ -66,8 +66,8 @@ const countBadgeStencil = createStencil({
     emphasis: {
       high: {},
       low: {
-        background: system.color.static.blue.soft,
-        color: system.color.static.blue.stronger,
+        background: system.color.bg.info.softer,
+        color: system.color.fg.info.stronger,
       },
     },
   },

package/banner/lib/Banner.tsx

@@ -51,20 +51,20 @@ export const bannerStencil = createStencil({
           background: brand.error.dark,
         },
         '& [data-part="exclamation-circle-icon"]': {
-          [systemIconStencil.vars.accentColor]: brand.error.accent,
-          [systemIconStencil.vars.color]: brand.error.accent,
+          [systemIconStencil.vars.accentColor]: 'currentColor',
+          [systemIconStencil.vars.color]: 'currentColor',
           [systemIconStencil.vars.backgroundColor]: 'none',
         },
       },
       false: {
         backgroundColor: brand.alert.base,
-        color: system.color.fg.contrast.default,
+        color: brand.alert.accent,
         '&:hover, &.hover': {
           background: brand.alert.dark,
         },
         '& [data-part="exclamation-triangle-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.fg.contrast.default,
-          [systemIconStencil.vars.color]: system.color.fg.contrast.default,
+          [systemIconStencil.vars.accentColor]: 'currentColor',
+          [systemIconStencil.vars.color]: 'currentColor',
           [systemIconStencil.vars.backgroundColor]: 'none',
         },
       },

package/button/lib/Hyperlink.tsx

@@ -8,9 +8,9 @@ export interface HyperlinkProps extends CSProps {
    * sets modifier styles for Hyperlink
    * - `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes
    * - `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.
-   * - `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.
+   * - `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.
    */
-  variant?: 'inverse' | 'standalone' | 'standalone-inverse';
+  variant?: 'inverse' | 'standalone' | 'standaloneInverse';
   /**
    * attribute for the hyperlink URL
    */
@@ -61,7 +61,7 @@ export const hyperlinkStencil = createStencil({
       standalone: {
         textDecoration: 'none',
       },
-      'standalone-inverse': {
+      standaloneInverse: {
         textDecoration: 'none',
         color: system.color.text.inverse,
         '&:hover, &.hover': {

package/button/lib/SecondaryButton.tsx

@@ -21,13 +21,14 @@ const secondaryButtonStencil = createStencil({
   extends: buttonStencil,
   base: {
     // Base Styles
-    [buttonStencil.vars.background]: system.color.bg.alt.default,
+    [buttonStencil.vars.background]: system.color.bg.transparent.default,
     [buttonStencil.vars.borderRadius]: system.shape.round,
+    [buttonStencil.vars.border]: system.color.border.input.default,
     [buttonStencil.vars.label]: system.color.fg.strong,
     [systemIconStencil.vars.color]: 'currentColor',
     // Focus Styles
     '&:focus-visible, &.focus': {
-      [buttonStencil.vars.background]: system.color.bg.alt.default,
+      [buttonStencil.vars.background]: system.color.bg.default,
       [buttonStencil.vars.label]: system.color.fg.stronger,
       [buttonStencil.vars.boxShadowInner]: system.color.border.inverse,
       [buttonStencil.vars.boxShadowOuter]: brand.common.focusOutline,
@@ -35,19 +36,21 @@ const secondaryButtonStencil = createStencil({
     },
     // Hover Styles
     '&:hover, &.hover': {
-      [buttonStencil.vars.background]: system.color.bg.alt.strong,
+      [buttonStencil.vars.background]: system.color.bg.alt.default,
       [buttonStencil.vars.label]: system.color.fg.stronger,
+      [buttonStencil.vars.border]: system.color.border.input.strong,
       [systemIconStencil.vars.color]: 'currentColor',
     },
     // Active Styles
     '&:active, &.active': {
-      [buttonStencil.vars.background]: system.color.bg.alt.stronger,
+      [buttonStencil.vars.background]: system.color.bg.alt.strong,
       [buttonStencil.vars.label]: system.color.fg.stronger,
+      [buttonStencil.vars.border]: system.color.border.input.strong,
       [systemIconStencil.vars.color]: 'currentColor',
     },
     // Disabled Styles
     '&:disabled, &.disabled': {
-      [buttonStencil.vars.background]: system.color.bg.alt.default,
+      [buttonStencil.vars.background]: system.color.bg.transparent.default,
       [buttonStencil.vars.label]: system.color.fg.stronger,
       [buttonStencil.vars.opacity]: system.opacity.disabled,
       [systemIconStencil.vars.color]: 'currentColor',

package/button/lib/parts/ButtonLabelIcon.tsx

@@ -25,7 +25,7 @@ const iconSizes: Record<ButtonSizes, number> = {
 };
 
 export const ButtonLabelIcon = createComponent('span')({
-  displayName: 'ButtonLabelIconNew',
+  displayName: 'ButtonLabelIcon',
   Component: (
     {icon, size = 'medium', shouldMirrorIcon = false, ...elemProps}: ButtonLabelIconProps,
     ref,

package/card/lib/Card.tsx

@@ -38,6 +38,7 @@ export const cardStencil = createStencil({
       },
       filled: {
         backgroundColor: system.color.bg.alt.soft,
+        borderColor: system.color.border.transparent,
       },
     },
   },

package/checkbox/lib/CheckBackground.tsx

@@ -34,7 +34,7 @@ export const checkboxBackgroundStencil = createStencil({
         [errorRingColorOuter]: 'transparent',
         backgroundColor: brand.error.lightest,
       }),
-      alert: ({errorRingColorInner, errorRingColorOuter}) => ({
+      caution: ({errorRingColorInner, errorRingColorOuter}) => ({
         [errorRingColorInner]: brand.common.alertInner,
         [errorRingColorOuter]: brand.common.alertOuter,
         backgroundColor: brand.alert.lightest,

package/common/lib/styles/errorRing.ts

@@ -18,7 +18,7 @@ export function getErrorColors(error?: ErrorType, theme?: EmotionCanvasTheme) {
         inner: brand.common.errorInner,
       };
     }
-  } else if (error === ErrorType.Alert) {
+  } else if (error === ErrorType.Caution) {
     if (theme) {
       const palette = theme.canvas.palette;
       return {
@@ -37,7 +37,7 @@ export function getErrorColors(error?: ErrorType, theme?: EmotionCanvasTheme) {
 }
 
 export function errorRing(error?: ErrorType, theme?: EmotionCanvasTheme): CSSObject {
-  if (error !== ErrorType.Error && error !== ErrorType.Alert) {
+  if (error !== ErrorType.Error && error !== ErrorType.Caution) {
     return {};
   }
   const errorColors = getErrorColors(error, theme);

package/common/lib/theming/README.md

@@ -51,7 +51,7 @@ export const defaultCanvasTheme: CanvasTheme = {
       darkest: colors.blueberry600,
       contrast: colors.frenchVanilla100,
     },
-    alert: {
+    caution: {
       lightest: colors.cantaloupe100,
       light: colors.cantaloupe300,
       main: colors.cantaloupe400,

package/common/lib/types.ts

@@ -21,7 +21,7 @@ export interface TransformOrigin {
  */
 export enum ErrorType {
   Error = 'error',
-  Alert = 'alert',
+  Caution = 'caution',
 }
 
 /**

package/dist/commonjs/badge/lib/CountBadge.js

@@ -8,21 +8,21 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const grow = (0, canvas_kit_styling_1.keyframes)({ name: "1sszko", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
 // .cnvs-count-badge
 const countBadgeStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "20dpi8", styles: "box-sizing:border-box;align-items:center;animation:animation-1sszko 0.2s ease;border-radius:var(--cnvs-sys-shape-round);display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-medium);font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:1.25rem;min-width:1.25rem;padding:0 0.40625rem;background:var(--cnvs-sys-color-static-red-default);color:var(--cnvs-sys-color-text-inverse);" },
+    base: { name: "46avee", styles: "box-sizing:border-box;align-items:center;animation:animation-1sszko 0.2s ease;border-radius:var(--cnvs-sys-shape-round);display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-medium);font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:1.25rem;min-width:1.25rem;padding:0 0.40625rem;background:var(--cnvs-sys-color-fg-critical-default);color:var(--cnvs-sys-color-text-inverse);" },
     modifiers: {
         variant: {
             // .cnvs-count-badge--variant-inverse
-            inverse: { name: "3qiw2s", styles: "background:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-primary-default);" }
+            inverse: { name: "3yfp2e", styles: "background:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-primary-default);" }
         },
         emphasis: {
-            high: { name: "1dd2u9", styles: "" },
-            low: { name: "23qfwe", styles: "background:var(--cnvs-sys-color-static-blue-soft);color:var(--cnvs-sys-color-static-blue-stronger);" }
+            high: { name: "2i6g1m", styles: "" },
+            low: { name: "23hqu8", styles: "background:var(--cnvs-sys-color-bg-info-softer);color:var(--cnvs-sys-color-fg-info-stronger);" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', emphasis: 'low' },
-            styles: { name: "5oskq", styles: "background:var(--cnvs-sys-color-bg-transparent-strong);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "4lzgx", styles: "background:var(--cnvs-sys-color-bg-transparent-strong);color:var(--cnvs-sys-color-fg-inverse);" }
         }
     ]
 }, "count-badge-524876");

package/dist/commonjs/banner/lib/Banner.d.ts

@@ -21,7 +21,7 @@ export declare const bannerStencil: import("@workday/canvas-kit-styling").Stenci
         };
         false: {
             backgroundColor: "--cnvs-brand-alert-base";
-            color: "--cnvs-sys-color-fg-contrast-default";
+            color: "--cnvs-brand-alert-accent";
             '&:hover, &.hover': {
                 background: "--cnvs-brand-alert-dark";
             };

package/dist/commonjs/banner/lib/Banner.js

@@ -15,12 +15,12 @@ exports.bannerStencil = (0, canvas_kit_styling_1.createStencil)({
     base: { name: "22an3o", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default), Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:var(--cnvs-sys-font-weight-medium);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);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);border:0;display:flex;align-items:center;text-align:left;border-start-start-radius:var(--cnvs-sys-shape-x1);border-start-end-radius:var(--cnvs-sys-shape-x1);border-end-start-radius:var(--cnvs-sys-shape-x1);border-end-end-radius:var(--cnvs-sys-shape-x1);cursor:pointer;transition:background-color 120ms;outline:var(--cnvs-sys-space-x1) solid transparent;&:focus-visible, &.focus{outline:var(--cnvs-sys-shape-x1) double transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}" },
     modifiers: {
         hasErrors: {
-            true: { name: "1go7x8", styles: "background-color:var(--cnvs-brand-error-base);color:var(--cnvs-brand-error-accent);&:hover, &.hover{background:var(--cnvs-brand-error-dark);}& [data-part=\"exclamation-circle-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--cnvs-brand-error-accent);--backgroundColor-system-icon-3a4847:none;}" },
-            false: { name: "ldr5n", styles: "background-color:var(--cnvs-brand-alert-base);color:var(--cnvs-sys-color-fg-contrast-default);&:hover, &.hover{background:var(--cnvs-brand-alert-dark);}& [data-part=\"exclamation-triangle-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-3a4847:none;}" }
+            true: { name: "pbtnx", styles: "background-color:var(--cnvs-brand-error-base);color:var(--cnvs-brand-error-accent);&:hover, &.hover{background:var(--cnvs-brand-error-dark);}& [data-part=\"exclamation-circle-icon\"]{--accentColor-system-icon-3a4847:currentColor;--color-system-icon-3a4847:currentColor;--backgroundColor-system-icon-3a4847:none;}" },
+            false: { name: "by9gt", styles: "background-color:var(--cnvs-brand-alert-base);color:var(--cnvs-brand-alert-accent);&:hover, &.hover{background:var(--cnvs-brand-alert-dark);}& [data-part=\"exclamation-triangle-icon\"]{--accentColor-system-icon-3a4847:currentColor;--color-system-icon-3a4847:currentColor;--backgroundColor-system-icon-3a4847:none;}" }
         },
         isSticky: {
-            true: { name: "qp0nx", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
-            false: { name: "34qdqq", styles: "width:20.5rem;" }
+            true: { name: "24wi6o", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
+            false: { name: "24tiix", styles: "width:20.5rem;" }
         }
     }
 }, "banner-4eaf8d");

package/dist/commonjs/button/lib/ExternalHyperlink.d.ts

@@ -29,7 +29,7 @@ export declare const externalHyperlinkStencil: import("@workday/canvas-kit-styli
         standalone: {
             textDecoration: string;
         };
-        'standalone-inverse': {
+        standaloneInverse: {
             textDecoration: string;
             color: "--cnvs-sys-color-text-inverse";
             '&:hover, &.hover': {

package/dist/commonjs/button/lib/Hyperlink.d.ts

@@ -5,9 +5,9 @@ export interface HyperlinkProps extends CSProps {
      * sets modifier styles for Hyperlink
      * - `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes
      * - `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.
-     * - `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.
+     * - `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.
      */
-    variant?: 'inverse' | 'standalone' | 'standalone-inverse';
+    variant?: 'inverse' | 'standalone' | 'standaloneInverse';
     /**
      * attribute for the hyperlink URL
      */
@@ -33,7 +33,7 @@ export declare const hyperlinkStencil: import("@workday/canvas-kit-styling").Ste
         standalone: {
             textDecoration: string;
         };
-        'standalone-inverse': {
+        standaloneInverse: {
             textDecoration: string;
             color: "--cnvs-sys-color-text-inverse";
             '&:hover, &.hover': {

package/dist/commonjs/button/lib/Hyperlink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hyperlink.d.ts","sourceRoot":"","sources":["../../../../button/lib/Hyperlink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,OAAO,EAA+B,MAAM,6BAA6B,CAAC;AAGjG,MAAM,WAAW,cAAe,SAAQ,OAAO;IAC7C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,oBAAoB,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4D3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,SAAS,kFAOpB,CAAC"}
+{"version":3,"file":"Hyperlink.d.ts","sourceRoot":"","sources":["../../../../button/lib/Hyperlink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,OAAO,EAA+B,MAAM,6BAA6B,CAAC;AAGjG,MAAM,WAAW,cAAe,SAAQ,OAAO;IAC7C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,mBAAmB,CAAC;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4D3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,SAAS,kFAOpB,CAAC"}

package/dist/commonjs/button/lib/Hyperlink.js

@@ -6,15 +6,15 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 exports.hyperlinkStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2wgkuv", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);text-decoration:underline;color:var(--cnvs-sys-color-text-primary-default);cursor:pointer;border-radius:var(--cnvs-sys-shape-half);padding:0 0.125rem ;margin:0 -2px;transition:color 0.15s,background-color 0.15s;word-break:break-word;&:hover, &.hover{color:var(--cnvs-sys-color-text-primary-strong);background:var(--cnvs-sys-color-bg-alt-soft);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem var(--cnvs-brand-common-focus-outline);outline:none;}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-default);}" },
+    base: { name: "3q0n37", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);text-decoration:underline;color:var(--cnvs-sys-color-text-primary-default);cursor:pointer;border-radius:var(--cnvs-sys-shape-half);padding:0 0.125rem ;margin:0 -2px;transition:color 0.15s,background-color 0.15s;word-break:break-word;&:hover, &.hover{color:var(--cnvs-sys-color-text-primary-strong);background:var(--cnvs-sys-color-bg-alt-soft);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem var(--cnvs-brand-common-focus-outline);outline:none;}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-default);}" },
     modifiers: {
         variant: {
-            inverse: { name: "29zes7", styles: "color:var(--cnvs-sys-color-text-inverse);&:hover, &.hover{color:var(--cnvs-sys-color-text-inverse);background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-text-inverse);}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-soft);}" },
-            standalone: { name: "2qhj1t", styles: "text-decoration:none;" },
-            'standalone-inverse': { name: "28mtlt", styles: "text-decoration:none;color:var(--cnvs-sys-color-text-inverse);&:hover, &.hover{color:var(--cnvs-sys-color-text-inverse);background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-text-inverse);}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-soft);}" }
+            inverse: { name: "3nfulx", styles: "color:var(--cnvs-sys-color-text-inverse);&:hover, &.hover{color:var(--cnvs-sys-color-text-inverse);background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-text-inverse);}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-soft);}" },
+            standalone: { name: "457mbm", styles: "text-decoration:none;" },
+            standaloneInverse: { name: "2kb3z5", styles: "text-decoration:none;color:var(--cnvs-sys-color-text-inverse);&:hover, &.hover{color:var(--cnvs-sys-color-text-inverse);background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-text-inverse);}&:active, &.active{color:var(--cnvs-sys-color-text-primary-stronger);background:var(--cnvs-sys-color-bg-alt-soft);}" }
         }
     }
-}, "hyperlink-fabcee");
+}, "hyperlink-7be9df");
 /**
  * `Hyperlink`s should be used when you want to navigate away from the current page or to an anchor
  * on the current page.

package/dist/commonjs/button/lib/SecondaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,WAAW,EAAC,MAAM,UAAU,CAAC;AAG7C;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAiFD,eAAO,MAAM,eAAe,6FAqB1B,CAAC"}
+{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/SecondaryButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,WAAW,EAAC,MAAM,UAAU,CAAC;AAG7C;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAoFD,eAAO,MAAM,eAAe,6FAqB1B,CAAC"}

package/dist/commonjs/button/lib/SecondaryButton.js

@@ -10,10 +10,10 @@ const Button_1 = require("./Button");
 const icon_1 = require("@workday/canvas-kit-react/icon");
 const secondaryButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: BaseButton_1.buttonStencil,
-    base: { name: "1ixjbb", styles: "box-sizing:border-box;--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--borderRadius-button-65cb05:var(--cnvs-sys-shape-round);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-3a4847:currentColor;&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-inverse);--boxShadowOuter-button-65cb05:var(--cnvs-brand-common-focus-outline);--color-system-icon-3a4847:currentColor;}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--color-system-icon-3a4847:currentColor;}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-stronger);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--color-system-icon-3a4847:currentColor;}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--opacity-button-65cb05:var(--cnvs-sys-opacity-disabled);--color-system-icon-3a4847:currentColor;}" },
+    base: { name: "3mwfg", styles: "box-sizing:border-box;--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-default);--borderRadius-button-65cb05:var(--cnvs-sys-shape-round);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-3a4847:currentColor;&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-default);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-inverse);--boxShadowOuter-button-65cb05:var(--cnvs-brand-common-focus-outline);--color-system-icon-3a4847:currentColor;}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--color-system-icon-3a4847:currentColor;}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--color-system-icon-3a4847:currentColor;}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-default);--label-button-65cb05:var(--cnvs-sys-color-fg-stronger);--opacity-button-65cb05:var(--cnvs-sys-opacity-disabled);--color-system-icon-3a4847:currentColor;}" },
     modifiers: {
         variant: {
-            inverse: { name: "34myzy", styles: "--background-button-65cb05:transparent;--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-strong);--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-translucent);--border-button-65cb05:transparent;--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-65cb05:var(--cnvs-sys-color-border-inverse);--color-system-icon-3a4847:currentColor;}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}&:disabled, &.disabled{--background-button-65cb05:transparent;--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}" }
+            inverse: { name: "37kzhk", styles: "--background-button-65cb05:transparent;--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-strong);--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-translucent);--border-button-65cb05:transparent;--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-65cb05:var(--cnvs-sys-color-border-inverse);--color-system-icon-3a4847:currentColor;}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-transparent-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}&:disabled, &.disabled{--background-button-65cb05:transparent;--border-button-65cb05:var(--cnvs-sys-color-border-inverse);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);--color-system-icon-3a4847:currentColor;}" }
         }
     }
 }, "secondary-button-4f7962");

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js

@@ -12,7 +12,7 @@ const iconSizes = {
     large: 24,
 };
 exports.ButtonLabelIcon = (0, common_1.createComponent)('span')({
-    displayName: 'ButtonLabelIconNew',
+    displayName: 'ButtonLabelIcon',
     Component: ({ icon, size = 'medium', shouldMirrorIcon = false, ...elemProps }, ref, Element) => {
         if (icon === undefined) {
             return null;

package/dist/commonjs/card/lib/Card.d.ts

@@ -18,6 +18,7 @@ export declare const cardStencil: import("@workday/canvas-kit-styling").Stencil<
         };
         filled: {
             backgroundColor: "--cnvs-sys-color-bg-alt-soft";
+            borderColor: "--cnvs-sys-color-border-transparent";
         };
     };
 }, {}, {}, never, never>;

package/dist/commonjs/card/lib/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAOvE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACnC;AAGD,eAAO,MAAM,WAAW;;;;;;;;;wBAoBtB,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;OAiBG;;IAEH;;;;;OAKG;;CAGL,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAOvE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACnC;AAGD,eAAO,MAAM,WAAW;;;;;;;;;;wBAqBtB,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;OAiBG;;IAEH;;;;;OAKG;;CAGL,CAAC"}

package/dist/commonjs/card/lib/Card.js

@@ -14,7 +14,7 @@ exports.cardStencil = (0, canvas_kit_styling_1.createStencil)({
     modifiers: {
         variant: {
             borderless: { name: "3zob8w", styles: "border-color:transparent;" },
-            filled: { name: "16vkrw", styles: "background-color:var(--cnvs-sys-color-bg-alt-soft);" }
+            filled: { name: "8u0cs", styles: "background-color:var(--cnvs-sys-color-bg-alt-soft);border-color:var(--cnvs-sys-color-border-transparent);" }
         }
     }
 }, "card-50d5a3");

package/dist/commonjs/checkbox/lib/CheckBackground.d.ts

@@ -13,7 +13,7 @@ export declare const checkboxBackgroundStencil: import("@workday/canvas-kit-styl
             [x: string]: string;
             backgroundColor: "--cnvs-brand-error-lightest";
         };
-        alert: ({ errorRingColorInner, errorRingColorOuter }: {
+        caution: ({ errorRingColorInner, errorRingColorOuter }: {
             errorRingColorInner: string;
             errorRingColorOuter: string;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {

package/dist/commonjs/checkbox/lib/CheckBackground.js

@@ -14,7 +14,7 @@ exports.checkboxBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
     modifiers: {
         error: {
             error: { name: "vbqrq", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-common-error-inner);--errorRingColorOuter-checkbox-background-8c450a:transparent;background-color:var(--cnvs-brand-error-lightest);" },
-            alert: { name: "e7hfw", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-common-alert-inner);--errorRingColorOuter-checkbox-background-8c450a:var(--cnvs-brand-common-alert-outer);background-color:var(--cnvs-brand-alert-lightest);" }
+            caution: { name: "3h8ce2", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-common-alert-inner);--errorRingColorOuter-checkbox-background-8c450a:var(--cnvs-brand-common-alert-outer);background-color:var(--cnvs-brand-alert-lightest);" }
         }
     }
 }, "checkbox-background-8c450a");

package/dist/commonjs/common/lib/styles/errorRing.js

@@ -20,7 +20,7 @@ function getErrorColors(error, theme) {
             };
         }
     }
-    else if (error === types_1.ErrorType.Alert) {
+    else if (error === types_1.ErrorType.Caution) {
         if (theme) {
             const palette = theme.canvas.palette;
             return {
@@ -41,7 +41,7 @@ function getErrorColors(error, theme) {
 }
 exports.getErrorColors = getErrorColors;
 function errorRing(error, theme) {
-    if (error !== types_1.ErrorType.Error && error !== types_1.ErrorType.Alert) {
+    if (error !== types_1.ErrorType.Error && error !== types_1.ErrorType.Caution) {
         return {};
     }
     const errorColors = getErrorColors(error, theme);

package/dist/commonjs/common/lib/types.d.ts

@@ -19,7 +19,7 @@ export interface TransformOrigin {
  */
 export declare enum ErrorType {
     Error = "error",
-    Alert = "alert"
+    Caution = "caution"
 }
 /**
  * Type to Pick props from an interface, making some required and leaving others as is

package/dist/commonjs/common/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../common/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACvC;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,GAAG,SAAS,MAAM,CAAC,EAAE,IAAI,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAC7F,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../common/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACvC;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,GAAG,SAAS,MAAM,CAAC,EAAE,IAAI,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAC7F,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC"}

package/dist/commonjs/common/lib/types.js

@@ -7,5 +7,5 @@ exports.ErrorType = void 0;
 var ErrorType;
 (function (ErrorType) {
     ErrorType["Error"] = "error";
-    ErrorType["Alert"] = "alert";
+    ErrorType["Caution"] = "caution";
 })(ErrorType = exports.ErrorType || (exports.ErrorType = {}));

package/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,0CAA0C,CAAC;AAK5F,MAAM,WAAW,qBAAsB,SAAQ,WAAW;CAAG;AAE7D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAMlC,CAAC;AAMH,eAAO,MAAM,gBAAgB,2FAa3B,CAAC"}
+{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,0CAA0C,CAAC;AAI5F,MAAM,WAAW,qBAAsB,SAAQ,WAAW;CAAG;AAE7D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAKlC,CAAC;AAMH,eAAO,MAAM,gBAAgB,2FAa3B,CAAC"}

package/dist/commonjs/expandable/lib/ExpandableAvatar.js

@@ -4,13 +4,12 @@ exports.ExpandableAvatar = exports.expandableAvatarStencil = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const common_1 = require("@workday/canvas-kit-react/common");
 const avatar_1 = require("@workday/canvas-kit-preview-react/avatar");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 exports.expandableAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: avatar_1.avatarStencil,
-    base: { name: "k8q5u", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x2);flex-shrink:0;" }
-}, "expandable-avatar-5b8eaf");
+    base: { name: "3pzout", styles: "box-sizing:border-box;flex-shrink:0;" }
+}, "expandable-avatar-4eeed1");
 // When the component is created, it needs to be a button element to match AvatarProps.
 // Once Avatar becomes a `createComponent` we can default the element type to a `div`
 // and the types should be properly extracted

package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAOnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB,iJAoBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}
+{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAOnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB,iJAqBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}

package/dist/commonjs/expandable/lib/ExpandableTarget.js

@@ -10,7 +10,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const useExpandableTarget_1 = require("./hooks/useExpandableTarget");
 const useExpandableModel_1 = require("./hooks/useExpandableModel");
 exports.expandableTargetStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "17ybbn", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent-default);border-color:var(--cnvs-sys-color-bg-transparent-default);border-radius:var(--cnvs-sys-shape-x1);border-width:0;display:flex;align-items:flex-start;flex-direction:row;justify-content:start;padding:var(--cnvs-sys-space-x2);cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-soft);}&:focus-visible, &.focus{outline:var(--cnvs-brand-common-focus-outline) solid 0.125rem;}" }
+    base: { name: "2uiu4v", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent-default);border-color:var(--cnvs-sys-color-bg-transparent-default);border-radius:var(--cnvs-sys-shape-x1);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-space-x2);justify-content:start;padding:var(--cnvs-sys-space-x2);cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-soft);}&:focus-visible, &.focus{outline:var(--cnvs-brand-common-focus-outline) solid 0.125rem;}" }
 }, "expandable-target-89840f");
 exports.ExpandableTarget = (0, common_1.createSubcomponent)('button')({
     modelHook: useExpandableModel_1.useExpandableModel,

package/dist/commonjs/form-field/lib/FormField.d.ts

@@ -23,14 +23,14 @@ export interface FormFieldProps extends FlexProps, GrowthBehavior {
  * @stencil formFieldStencil
  */
 export declare const FormField: import("@workday/canvas-kit-react/common").ElementComponentM<"div", FormFieldProps & Partial<{
-    error: "error" | "alert" | undefined;
+    error: "error" | "caution" | undefined;
     id: string;
     isRequired: boolean;
     orientation: "vertical" | "horizontalEnd" | "horizontalStart";
 }> & {} & {}, {
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };
@@ -52,7 +52,7 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
     Input: import("@workday/canvas-kit-react/common").ElementComponentM<"input", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -73,7 +73,7 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
     Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("./FormFieldLabel").FormFieldLabelProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -96,7 +96,7 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
     Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("../..").TextProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -121,7 +121,7 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
     Container: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-styling").CSProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -142,7 +142,7 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
     Field: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-styling").CSProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };

package/dist/commonjs/form-field/lib/FormFieldContainer.d.ts

@@ -9,7 +9,7 @@ export declare const formFieldContainerStencil: import("@workday/canvas-kit-styl
 export declare const FormFieldContainer: import("@workday/canvas-kit-react/common").ElementComponentM<"div", CSProps, {
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };

package/dist/commonjs/form-field/lib/FormFieldField.d.ts

@@ -3,7 +3,7 @@ export declare const formFieldFieldStencil: import("@workday/canvas-kit-styling"
 export declare const FormFieldField: import("@workday/canvas-kit-react/common").ElementComponentM<"div", CSProps, {
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };