@workday/canvas-kit-react 14.0.0-alpha.1234-next.0 → 14.0.0-alpha.1238-next.0

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/FormFieldContainer.js

@@ -10,7 +10,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
  * @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
  */
 exports.formFieldContainerStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3b81j7", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "42gydo", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-container-6a4115");
 /**
  * @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.

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

package/dist/commonjs/form-field/lib/FormFieldField.js

@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const hooks_1 = require("./hooks");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 exports.formFieldFieldStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "lr9ws", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "1q091r", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-field-a35e82");
 exports.FormFieldField = (0, common_1.createSubcomponent)('div')({
     displayName: 'FormField.Field',

package/dist/commonjs/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/commonjs/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/commonjs/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/commonjs/form-field/lib/FormFieldGroupLabel.js

@@ -11,15 +11,15 @@ const hooks_1 = require("./hooks");
 exports.formFieldGroupLabelStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
     // @ts-ignore Still weird about CSS font variables
-    base: { name: "szsgo", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "1c623y", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "trof5", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "t7ih5", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            vertical: { name: "1grjf6", styles: "width:100%;" },
-            horizontalStart: { name: "13geu9", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "3rix5d", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
+            vertical: { name: "32n1wk", styles: "width:100%;" },
+            horizontalStart: { name: "1z4lf2", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "3svbm5", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
         }
     },
     defaultModifiers: {

package/dist/commonjs/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/commonjs/form-field/lib/FormFieldGroupList.js

@@ -7,11 +7,11 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const hooks_1 = require("./hooks");
 const formFieldGroupListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "20xxeh", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
+    base: { name: "yzvke", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
     modifiers: {
         error: {
-            error: { name: "ang11", styles: "background-color:var(--cnvs-brand-error-lightest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-error-inner);" },
-            alert: { name: "l9om3", 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);" }
+            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);" },
+            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/commonjs/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/commonjs/form-field/lib/FormFieldHint.js

@@ -10,11 +10,11 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const hooks_1 = require("./hooks");
 exports.formFieldHintStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
-    base: { name: "27vghi", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
+    base: { name: "29px2v", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
     modifiers: {
         error: {
-            error: { name: "38e7eg", styles: "color:var(--cnvs-brand-error-base);" },
-            alert: { name: "2545gz", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
+            error: { name: "3fnxnx", styles: "color:var(--cnvs-brand-error-base);" },
+            caution: { name: "138w19", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
         }
     },
     defaultModifiers: {

package/dist/commonjs/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/commonjs/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/commonjs/form-field/lib/FormFieldLabel.js

@@ -11,18 +11,18 @@ const hooks_1 = require("./hooks");
 exports.formFieldLabelStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
     // @ts-ignore Still weird about CSS font variables
-    base: { name: "1z12xa", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "474qsv", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "26ta2i", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "4e12ja", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            horizontalStart: { name: "4cea18", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "4ezag1", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
-            vertical: { name: "4e44a2", styles: "width:100%;" }
+            horizontalStart: { name: "3a2lk6", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "2mjawd", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
+            vertical: { name: "1r45qv", styles: "width:100%;" }
         },
         isHidden: {
-            true: { name: "1svsk7", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
+            true: { name: "30mniu", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
         }
     },
     defaultModifiers: {

package/dist/commonjs/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/commonjs/form-field/lib/formFieldStencil.js

@@ -4,22 +4,22 @@ exports.formFieldStencil = void 0;
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 exports.formFieldStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2vrf04", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
+    base: { name: "nki05", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
     modifiers: {
         grow: {
-            true: { name: "3divmy", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
+            true: { name: "7jhrl", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
         },
         orientation: {
-            horizontalStart: { name: "cif2j", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            horizontalEnd: { name: "4tg9y", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            vertical: { name: "20e9d0", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
+            horizontalStart: { name: "11hypl", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            horizontalEnd: { name: "15sfkv", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            vertical: { name: "2gdsrh", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
         },
         required: {
-            true: { name: "46jgpa", styles: "" }
+            true: { name: "3f0g3h", styles: "" }
         },
         error: {
-            error: { name: "4b4m7j", styles: "" },
-            alert: { name: "42r0dt", styles: "" }
+            error: { name: "p8w2d", styles: "" },
+            caution: { name: "1ompzf", styles: "" }
         }
     },
     defaultModifiers: {

package/dist/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/form-field/lib/hooks/useFormFieldModel.js

@@ -7,7 +7,7 @@ exports.useFormFieldModel = (0, common_1.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/commonjs/icon/lib/AccentIcon.js

@@ -25,10 +25,10 @@ exports.accentIconStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         color: '',
     },
-    base: { name: "lrb38", styles: "box-sizing:border-box;--size-svg-728c60:3.5rem;& .color-500{fill:var(--color-accent-icon-05e3c8, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
+    base: { name: "42e0vd", styles: "box-sizing:border-box;--size-svg-728c60:3.5rem;& .color-500{fill:var(--color-accent-icon-05e3c8, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
     modifiers: {
         transparent: {
-            true: { name: "2sg6ug", styles: "& .french-vanilla-100{fill:transparent;}" }
+            true: { name: "359lip", styles: "& .french-vanilla-100{fill:transparent;}" }
         }
     }
 }, "accent-icon-05e3c8");

package/dist/commonjs/icon/lib/AppletIcon.js

@@ -55,7 +55,7 @@ exports.appletIconStencil = (0, canvas_kit_styling_1.createStencil)({
         color400: '',
         color500: '',
     },
-    base: { name: "294v3g", styles: "box-sizing:border-box;--size-svg-728c60:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-dc839d, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-dc839d, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-dc839d, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-dc839d, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-dc839d, var(--cnvs-base-palette-blue-700));}" }
+    base: { name: "2u003k", styles: "box-sizing:border-box;--size-svg-728c60:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-dc839d, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-dc839d, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-dc839d, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-dc839d, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-dc839d, var(--cnvs-base-palette-blue-700));}" }
 }, "applet-icon-dc839d");
 exports.AppletIcon = (0, common_1.createComponent)('span')({
     displayName: 'AppletIcon',

package/dist/commonjs/icon/lib/Graphic.js

@@ -42,10 +42,10 @@ exports.graphicStyles = graphicStyles;
  */
 exports.graphicStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Svg_1.svgStencil,
-    base: { name: "2xym07", styles: "box-sizing:border-box;" },
+    base: { name: "3jwqvt", styles: "box-sizing:border-box;" },
     modifiers: {
         grow: {
-            true: { name: "3of60r", styles: "width:100%;--width-svg-728c60:100%;" }
+            true: { name: "41p0m7", styles: "width:100%;--width-svg-728c60:100%;" }
         }
     }
 }, "graphic-385fe4");
@@ -54,10 +54,10 @@ exports.graphicImageStencil = (0, canvas_kit_styling_1.createStencil)({
         width: '',
         height: '',
     },
-    base: { name: "321yzq", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
+    base: { name: "ghr59", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
     modifiers: {
         grow: {
-            true: { name: "12yuxy", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
+            true: { name: "43mp69", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
         }
     }
 }, "graphic-image-8fedc2");

package/dist/commonjs/icon/lib/Svg.js

@@ -16,10 +16,10 @@ exports.svgStencil = (0, canvas_kit_styling_1.createStencil)({
         /** sets width and height of svg element */
         size: '',
     },
-    base: { name: "2u6ugn", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-728c60, var(--size-svg-728c60));height:var(--height-svg-728c60, var(--size-svg-728c60));}" },
+    base: { name: "26zkyx", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-728c60, var(--size-svg-728c60));height:var(--height-svg-728c60, var(--size-svg-728c60));}" },
     modifiers: {
         shouldMirror: {
-            true: { name: "34jm2b", styles: "transform:scaleX(-1);" }
+            true: { name: "3g0drz", styles: "transform:scaleX(-1);" }
         }
     }
 }, "svg-728c60");

package/dist/commonjs/icon/lib/SystemIcon.js

@@ -59,7 +59,7 @@ exports.systemIconStencil = (0, canvas_kit_styling_1.createStencil)({
         accentColor: '',
         backgroundColor: '',
     },
-    base: { name: "25wb8w", styles: "box-sizing:border-box;& svg{width:var(--width-svg-728c60, var(--size-svg-728c60, var(--cnvs-sys-space-x6)));height:var(--height-svg-728c60, var(--size-svg-728c60, var(--cnvs-sys-space-x6)));}& .wd-icon-fill{fill:var(--color-system-icon-3a4847, var(--cnvs-sys-color-icon-default));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-3a4847, transparent);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-02493f, var(--colorHover-02493f, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-02493f, var(--colorHover-02493f, var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-02493f, var(--backgroundColor-system-icon-3a4847, transparent));}@media (prefers-contrast: more){.wd-icon-fill, .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
+    base: { name: "3r3st5", styles: "box-sizing:border-box;& svg{width:var(--width-svg-728c60, var(--size-svg-728c60, var(--cnvs-sys-space-x6)));height:var(--height-svg-728c60, var(--size-svg-728c60, var(--cnvs-sys-space-x6)));}& .wd-icon-fill{fill:var(--color-system-icon-3a4847, var(--cnvs-sys-color-icon-default));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-3a4847, transparent);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-02493f, var(--colorHover-02493f, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-02493f, var(--colorHover-02493f, var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-02493f, var(--backgroundColor-system-icon-3a4847, transparent));}@media (prefers-contrast: more){.wd-icon-fill, .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
     modifiers: {}
 }, "system-icon-3a4847");
 exports.SystemIcon = (0, common_1.createComponent)('span')({

package/dist/commonjs/icon/lib/SystemIconCircle.js

@@ -24,7 +24,7 @@ exports.systemIconCircleStencil = (0, canvas_kit_styling_1.createStencil)({
         background: '',
         color: '',
     },
-    base: { name: "3qsfnb", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-39dde7, var(--cnvs-sys-color-bg-alt-soft));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10));--size-svg-728c60:calc(var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-3a4847:var(--color-system-icon-circle-39dde7);& img{width:100%;height:100%;}" }
+    base: { name: "2ru0bo", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-39dde7, var(--cnvs-sys-color-bg-alt-soft));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10));--size-svg-728c60:calc(var(--containerSize-system-icon-circle-39dde7, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-3a4847:var(--color-system-icon-circle-39dde7);& img{width:100%;height:100%;}" }
 }, "system-icon-circle-39dde7");
 exports.SystemIconCircle = (0, common_1.createComponent)('span')({
     displayName: 'SystemIconCircle',