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

package/checkbox/lib/CheckBackground.tsx

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

package/common/lib/styles/errorRing.ts

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

package/common/lib/theming/README.md

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

package/common/lib/types.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/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

@@ -11,7 +11,7 @@ const formFieldGroupListStencil = (0, canvas_kit_styling_1.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/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

@@ -14,7 +14,7 @@ exports.formFieldHintStencil = (0, canvas_kit_styling_1.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/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/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

@@ -19,7 +19,7 @@ exports.formFieldStencil = (0, canvas_kit_styling_1.createStencil)({
         },
         error: {
             error: { name: "p8w2d", styles: "" },
-            alert: { name: "28rrnf", 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/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/commonjs/select/lib/SelectInput.js

@@ -24,7 +24,7 @@ exports.selectInputStencil = (0, canvas_kit_styling_1.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/commonjs/switch/lib/Switch.js

@@ -20,7 +20,7 @@ const switchInputStencil = (0, canvas_kit_styling_1.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");
@@ -31,8 +31,8 @@ const SwitchInput = (0, common_1.createComponent)('input')({
     },
 });
 const switchBackgroundStencil = (0, canvas_kit_styling_1.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 = (0, common_1.createComponent)('div')({
     displayName: 'SwitchBackground',
     Component: ({ children, ...elemProps }, ref, Element) => {
@@ -40,13 +40,13 @@ const SwitchBackground = (0, common_1.createComponent)('div')({
     },
 });
 const switchCircleStencil = (0, canvas_kit_styling_1.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 = (0, common_1.createComponent)('div')({
     displayName: 'SwitchCircle',
     Component: ({ checked, ...elemProps }, ref, Element) => {

package/dist/commonjs/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/commonjs/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/commonjs/text-input/lib/TextInput.js

@@ -18,7 +18,7 @@ exports.textInputStencil = (0, canvas_kit_styling_1.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/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");