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

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

@@ -3,15 +3,15 @@ import { createComponent } from '@workday/canvas-kit-react/common';
 import { createStencil, cssVar, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
 import { system, brand } from '@workday/canvas-tokens-web';
 export const hyperlinkStencil = 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/es6/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/es6/button/lib/SecondaryButton.js

@@ -7,10 +7,10 @@ import { Button } from './Button';
 import { systemIconStencil } from '@workday/canvas-kit-react/icon';
 const secondaryButtonStencil = createStencil({
     extends: 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/es6/button/lib/parts/ButtonLabelIcon.js

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

package/dist/es6/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/es6/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/es6/card/lib/Card.js

@@ -11,7 +11,7 @@ export const cardStencil = 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/es6/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/es6/checkbox/lib/CheckBackground.js

@@ -11,7 +11,7 @@ export const checkboxBackgroundStencil = 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/es6/common/lib/styles/errorRing.js

@@ -17,7 +17,7 @@ export function getErrorColors(error, theme) {
             };
         }
     }
-    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, theme) {
     }
 }
 export function errorRing(error, theme) {
-    if (error !== ErrorType.Error && error !== ErrorType.Alert) {
+    if (error !== ErrorType.Error && error !== ErrorType.Caution) {
         return {};
     }
     const errorColors = getErrorColors(error, theme);

package/dist/es6/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/es6/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/es6/common/lib/types.js

@@ -4,5 +4,5 @@
 export var ErrorType;
 (function (ErrorType) {
     ErrorType["Error"] = "error";
-    ErrorType["Alert"] = "alert";
+    ErrorType["Caution"] = "caution";
 })(ErrorType || (ErrorType = {}));

package/dist/es6/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/es6/expandable/lib/ExpandableAvatar.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { Avatar, avatarStencil } from '@workday/canvas-kit-preview-react/avatar';
-import { system } from '@workday/canvas-tokens-web';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const expandableAvatarStencil = createStencil({
     extends: 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/es6/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/es6/expandable/lib/ExpandableTarget.js

@@ -7,7 +7,7 @@ import { brand, system } from '@workday/canvas-tokens-web';
 import { useExpandableTarget } from './hooks/useExpandableTarget';
 import { useExpandableModel } from './hooks/useExpandableModel';
 export const expandableTargetStencil = 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");
 export const ExpandableTarget = createSubcomponent('button')({
     modelHook: useExpandableModel,

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

package/dist/es6/form-field/lib/FormFieldGroup.d.ts

@@ -27,14 +27,14 @@ export interface FormFieldGroupProps extends FlexProps, GrowthBehavior {
  * @stencil formFieldStencil
  */
 export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").ElementComponentM<"div", FormFieldGroupProps & 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";
     };
@@ -59,7 +59,7 @@ export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").
     Input: import("@workday/canvas-kit-react/common").ElementComponentM<"input", import("./FormFieldGroupInput").FormFieldGroupInputProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -80,7 +80,7 @@ export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").
     Label: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./FormFieldGroupLabel").FormFieldGroupLabelProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -92,7 +92,7 @@ export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").
     List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./FormFieldGroupList").FormFieldGroupListProps, {
         state: {
             id: string;
-            error: "error" | "alert" | undefined;
+            error: "error" | "caution" | undefined;
             isRequired: boolean;
             orientation: "vertical" | "horizontalEnd" | "horizontalStart";
         };
@@ -116,7 +116,7 @@ export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").
     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";
         };
@@ -142,7 +142,7 @@ export declare const FormFieldGroup: import("@workday/canvas-kit-react/common").
     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/es6/form-field/lib/FormFieldGroupInput.d.ts

@@ -7,7 +7,7 @@ export interface FormFieldGroupInputProps extends CSProps {
 export declare const useFormFieldGroupInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };
@@ -20,7 +20,7 @@ export declare const useFormFieldGroupInput: import("@workday/canvas-kit-react/c
 export declare const FormFieldGroupInput: import("@workday/canvas-kit-react/common").ElementComponentM<"input", FormFieldGroupInputProps, {
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };

package/dist/es6/form-field/lib/FormFieldGroupLabel.d.ts

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

package/dist/es6/form-field/lib/FormFieldGroupList.d.ts

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

package/dist/es6/form-field/lib/FormFieldGroupList.js

@@ -8,7 +8,7 @@ const formFieldGroupListStencil = createStencil({
     modifiers: {
         error: {
             error: { name: "2yydnm", styles: "background-color:var(--cnvs-brand-error-lightest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-error-inner);" },
-            alert: { name: "41jiqn", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-outer), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-inner);" }
+            caution: { name: "476kge", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-outer), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-inner);" }
         }
     }
 }, "form-field-group-list-9f0751");

package/dist/es6/form-field/lib/FormFieldHint.d.ts

@@ -3,7 +3,7 @@ export declare const formFieldHintStencil: import("@workday/canvas-kit-styling")
         error: {
             color: "--cnvs-brand-error-base";
         };
-        alert: {
+        caution: {
             color: "--cnvs-sys-color-text-caution-default";
         };
     };
@@ -113,7 +113,7 @@ export declare const formFieldHintStencil: import("@workday/canvas-kit-styling")
 export declare const FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };

package/dist/es6/form-field/lib/FormFieldHint.js

@@ -11,7 +11,7 @@ export const formFieldHintStencil = createStencil({
     modifiers: {
         error: {
             error: { name: "3fnxnx", styles: "color:var(--cnvs-brand-error-base);" },
-            alert: { name: "kmefe", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
+            caution: { name: "138w19", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
         }
     },
     defaultModifiers: {

package/dist/es6/form-field/lib/FormFieldInput.d.ts

@@ -1,7 +1,7 @@
 export declare const FormFieldInput: 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";
     };

package/dist/es6/form-field/lib/FormFieldLabel.d.ts

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

package/dist/es6/form-field/lib/formFieldStencil.d.ts

@@ -30,7 +30,7 @@ export declare const formFieldStencil: import("@workday/canvas-kit-styling").Ste
     };
     error: {
         error: {};
-        alert: {};
+        caution: {};
     };
 }, {}, {}, never, never>;
 //# sourceMappingURL=formFieldStencil.d.ts.map

package/dist/es6/form-field/lib/formFieldStencil.js

@@ -16,7 +16,7 @@ export const formFieldStencil = createStencil({
         },
         error: {
             error: { name: "p8w2d", styles: "" },
-            alert: { name: "28rrnf", styles: "" }
+            caution: { name: "1ompzf", styles: "" }
         }
     },
     defaultModifiers: {

package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts

@@ -5,7 +5,7 @@
 export declare const useFormFieldHint: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };

package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts

@@ -5,7 +5,7 @@
 export declare const useFormFieldInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };
@@ -22,6 +22,6 @@ export declare const useFormFieldInput: import("@workday/canvas-kit-react/common
      * Provide an `id` to link the input via the `for` attribute on a `label`
      */
     readonly id: string | undefined;
-    readonly error: "error" | "alert" | undefined;
+    readonly error: "error" | "caution" | undefined;
 }>;
 //# sourceMappingURL=useFormFieldInput.d.ts.map

package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts

@@ -5,10 +5,7 @@
 export declare const useFormFieldLabel: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
-        error: "error" | "alert" | undefined; /**
-         * Provide an `id` attribute for `id/aria-labelledby` links between the label and any other
-         * element
-         */
+        error: "error" | "caution" | undefined;
         isRequired: boolean;
         orientation: "vertical" | "horizontalEnd" | "horizontalStart";
     };

package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldLabel.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;8CAM1B;;;WAGG;;;;;;IAPH;;OAEG;;IAEH;;;OAGG;;EAGL,CAAC"}
+{"version":3,"file":"useFormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldLabel.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;IAE1B;;OAEG;;IAEH;;;OAGG;;EAGL,CAAC"}

package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts

@@ -2,9 +2,9 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error or warning to display.
      * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-     * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+     * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
      */
-    error: "error" | "alert" | undefined;
+    error: "error" | "caution" | undefined;
     /**
      * Optional `id` provided to `FormField`'s subcomponents as HTML attributes:
      * - `FormField.Input` will set `aria-describedby` to `hint-${id}`
@@ -28,9 +28,9 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
         /**
          * Optional flag to denote if this field has an error or warning to display.
          * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-         * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+         * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
          */
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         /**
          * Optional flag to denote if this field is required. When true the `FormField.Input` will have
          * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
@@ -43,9 +43,9 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error or warning to display.
      * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-     * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+     * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
      */
-    error: "error" | "alert" | undefined;
+    error: "error" | "caution" | undefined;
     /**
      * Optional `id` provided to `FormField`'s subcomponents as HTML attributes:
      * - `FormField.Input` will set `aria-describedby` to `hint-${id}`
@@ -68,9 +68,9 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error or warning to display.
      * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-     * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+     * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
      */
-    error: "error" | "alert" | undefined;
+    error: "error" | "caution" | undefined;
     /**
      * Optional flag to denote if this field is required. When true the `FormField.Input` will have
      * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
@@ -83,9 +83,9 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
         /**
          * Optional flag to denote if this field has an error or warning to display.
          * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-         * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+         * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
          */
-        error: "error" | "alert" | undefined;
+        error: "error" | "caution" | undefined;
         /**
          * Optional flag to denote if this field is required. When true the `FormField.Input` will have
          * `required` set to true, and an asterisk will be appended to the `FormField.Label`.

package/dist/es6/form-field/lib/hooks/useFormFieldModel.js

@@ -4,7 +4,7 @@ export const useFormFieldModel = createModelHook({
         /**
          * Optional flag to denote if this field has an error or warning to display.
          * If value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.
-         * If value is `alert`: A visual orange warning ring is added to the `FormField.Input`.
+         * If value is `cautiion`: A visual orange warning ring is added to the `FormField.Input`.
          */
         error: undefined,
         /**

package/dist/es6/loading-dots/lib/LoadingDots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-dots/lib/LoadingDots.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EAKR,MAAM,6BAA6B,CAAC;AAcrC,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;gBA6C7B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW,sFAqBtB,CAAC"}
+{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-dots/lib/LoadingDots.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EAKR,MAAM,6BAA6B,CAAC;AAuBrC,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;gBA6C7B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW,sFAqBtB,CAAC"}