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

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/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/select/lib/SelectInput.d.ts

@@ -25,7 +25,7 @@ export declare const selectInputStencil: import("@workday/canvas-kit-styling").S
                 backgroundColor: "--cnvs-brand-error-lightest";
             };
         };
-        alert: ({ visualInputPart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        caution: ({ visualInputPart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly caret: "select-caret-icon";
             readonly caretContainer: "select-caret-container";
             readonly startIconContainer: "select-start-icon-container";

package/dist/es6/select/lib/SelectInput.js

@@ -21,7 +21,7 @@ export const selectInputStencil = createStencil({
     modifiers: {
         error: {
             error: { name: "3chqdl", styles: "[data-part=\"select-visual-input\"]{background-color:var(--cnvs-brand-error-lightest);}" },
-            alert: { name: "1bcehf", styles: "[data-part=\"select-visual-input\"]{background-color:var(--cnvs-brand-alert-lightest);}" }
+            caution: { name: "2oc0yg", styles: "[data-part=\"select-visual-input\"]{background-color:var(--cnvs-brand-alert-lightest);}" }
         }
     }
 }, "select-input-b33740");

package/dist/es6/switch/lib/Switch.js

@@ -17,7 +17,7 @@ const switchInputStencil = createStencil({
     modifiers: {
         error: {
             error: { name: "166muk", styles: "& ~ div:first-of-type{box-shadow:\n              0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n              0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-error-inner),\n              0 0 0 0.3125rem transparent;}" },
-            alert: { name: "rktku", styles: "& ~ div:first-of-type{box-shadow:\n          0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n          0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-alert-inner),\n          0 0 0 0.3125rem var(--cnvs-brand-common-alert-outer);}" }
+            caution: { name: "20t65f", styles: "& ~ div:first-of-type{box-shadow:\n          0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n          0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-common-alert-inner),\n          0 0 0 0.3125rem var(--cnvs-brand-common-alert-outer);}" }
         }
     }
 }, "switch-input-7f69d7");
@@ -28,8 +28,8 @@ const SwitchInput = createComponent('input')({
     },
 });
 const switchBackgroundStencil = createStencil({
-    base: { name: "3q226t", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-space-x1);width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-round);padding:var(--cnvs-sys-space-zero) 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-bg-muted-soft);" }
-}, "switch-background-507b18");
+    base: { name: "3egbg5", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-space-x1);width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-round);padding:var(--cnvs-sys-space-zero) 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-bg-muted-soft);" }
+}, "switch-background-96fe08");
 const SwitchBackground = createComponent('div')({
     displayName: 'SwitchBackground',
     Component: ({ children, ...elemProps }, ref, Element) => {
@@ -37,13 +37,13 @@ const SwitchBackground = createComponent('div')({
     },
 });
 const switchCircleStencil = createStencil({
-    base: { name: "1q1chx", styles: "box-sizing:border-box;width:var(--cnvs-sys-space-x3);height:var(--cnvs-sys-space-x3);border-radius:var(--cnvs-sys-shape-round);box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-brand-primary-accent);transform:translateX(var(--cnvs-sys-space-zero));" },
+    base: { name: "49jzlb", styles: "box-sizing:border-box;width:var(--cnvs-sys-space-x3);height:var(--cnvs-sys-space-x3);border-radius:var(--cnvs-sys-shape-round);box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-brand-primary-accent);transform:translateX(var(--cnvs-sys-space-zero));" },
     modifiers: {
         checked: {
-            true: { name: "29npze", styles: "transform:translateX(var(--cnvs-sys-space-x4));:dir(rtl){transform:translateX(calc(var(--cnvs-sys-space-x4) * -1));}" }
+            true: { name: "28li63", styles: "transform:translateX(var(--cnvs-sys-space-x4));:dir(rtl){transform:translateX(calc(var(--cnvs-sys-space-x4) * -1));}" }
         }
     }
-}, "switch-circle-d4f7c1");
+}, "switch-circle-cac9b6");
 const SwitchCircle = createComponent('div')({
     displayName: 'SwitchCircle',
     Component: ({ checked, ...elemProps }, ref, Element) => {

package/dist/es6/text-area/lib/TextArea.d.ts

@@ -55,7 +55,7 @@ export declare const textAreaStencil: import("@workday/canvas-kit-styling").Sten
                 outlineOffset: string;
             };
         };
-        alert: {
+        caution: {
             borderColor: "--cnvs-brand-common-alert-outer";
             boxShadow: `inset 0 0 0 ${string} --cnvs-brand-common-alert-inner`;
             backgroundColor: "--cnvs-brand-alert-lightest";

package/dist/es6/text-input/lib/TextInput.d.ts

@@ -33,7 +33,7 @@ export declare const textInputStencil: import("@workday/canvas-kit-styling").Ste
                 outlineOffset: string;
             };
         };
-        alert: {
+        caution: {
             borderColor: "--cnvs-brand-common-alert-outer";
             boxShadow: `inset 0 0 0 ${string} --cnvs-brand-common-alert-inner`;
             backgroundColor: "--cnvs-brand-alert-lightest";

package/dist/es6/text-input/lib/TextInput.js

@@ -15,7 +15,7 @@ export const textInputStencil = createStencil({
         },
         error: {
             error: { name: "15ahlp", styles: "border-color:var(--cnvs-brand-common-error-inner);border-width:0.125rem;background-color:var(--cnvs-brand-error-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-error-inner);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
-            alert: { name: "1q9wmz", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n        0 0 0 2px var(--cnvs-sys-color-border-inverse),\n        0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
+            caution: { name: "2er8do", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n        0 0 0 2px var(--cnvs-sys-color-border-inverse),\n        0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
         }
     },
     defaultModifiers: {

package/form-field/lib/FormFieldGroupList.tsx

@@ -26,7 +26,7 @@ const formFieldGroupListStencil = createStencil({
         backgroundColor: brand.error.lightest,
         boxShadow: `inset 0 0 0 ${px2rem(2)} ${brand.common.errorInner}`,
       },
-      alert: {
+      caution: {
         backgroundColor: brand.alert.lightest,
         boxShadow: `inset 0 0 0 ${px2rem(1)} ${brand.common.alertOuter}, inset 0 0 0 ${px2rem(3)} ${
           brand.common.alertInner

package/form-field/lib/FormFieldHint.tsx

@@ -16,7 +16,7 @@ export const formFieldHintStencil = createStencil({
       error: {
         color: brand.error.base,
       },
-      alert: {
+      caution: {
         color: system.color.text.caution.default,
       },
     },

package/form-field/lib/formFieldStencil.ts

@@ -40,7 +40,7 @@ export const formFieldStencil = createStencil({
     },
     error: {
       error: {},
-      alert: {},
+      caution: {},
     },
   },
   defaultModifiers: {

package/form-field/lib/hooks/useFormFieldModel.tsx

@@ -5,9 +5,9 @@ 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 as undefined | 'error' | 'alert',
+    error: undefined as undefined | 'error' | 'caution',
     /**
      * Optional `id` provided to `FormField`'s subcomponents as HTML attributes:
      * - `FormField.Input` will set `aria-describedby` to `hint-${id}`

package/package.json

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

package/select/lib/SelectInput.tsx

@@ -73,7 +73,7 @@ export const selectInputStencil = createStencil({
           backgroundColor: brand.error.lightest,
         },
       }),
-      alert: ({visualInputPart}) => ({
+      caution: ({visualInputPart}) => ({
         [visualInputPart]: {
           backgroundColor: brand.alert.lightest,
         },

package/switch/lib/Switch.tsx

@@ -97,7 +97,7 @@ const switchInputStencil = createStencil({
               0 0 0 ${px2rem(5)} transparent`,
         },
       },
-      alert: {
+      caution: {
         '& ~ div:first-of-type': {
           boxShadow: `
           0 0 0 ${px2rem(2)} ${system.color.border.inverse},