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

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/loading-dots/lib/LoadingDots.d.ts.map

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

package/dist/commonjs/loading-dots/lib/LoadingDots.js

@@ -8,7 +8,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 /**
  * Keyframe for the dots loading animation.
  */
-const keyframesLoading = (0, canvas_kit_styling_1.keyframes)({ name: "17azdh", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}" });
+const keyframesLoading = (0, canvas_kit_styling_1.keyframes)({ name: "fc6cw", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}0%, 79%, 100%{opacity:0.6;}27%{opacity:1;}53%{opacity:0.8;}" });
 exports.loadingDotsStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         animationDurationMs: '40ms',
@@ -17,13 +17,13 @@ exports.loadingDotsStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         loadingAnimationDot: 'loading-animation-dot',
     },
-    base: { name: "3kbrl0", styles: "--animationDurationMs-loading-dots-c7a3f7:40ms;--loadingDotColor-loading-dots-c7a3f7:var(--cnvs-sys-color-bg-muted-strong);box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-c7a3f7);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-17azdh;animation-duration:calc(var(--animationDurationMs-loading-dots-c7a3f7) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-loading-dots-c7a3f7) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-c7a3f7) * 8);}}" },
+    base: { name: "45fneq", styles: "--animationDurationMs-loading-dots-89a0c0:40ms;--loadingDotColor-loading-dots-89a0c0:var(--cnvs-sys-color-bg-muted-strong);box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-89a0c0);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-fc6cw;animation-duration:calc(var(--animationDurationMs-loading-dots-89a0c0) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 8);}}" },
     modifiers: {
         variant: {
-            inverse: { name: "40brbb", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--cnvs-sys-color-bg-muted-softer, var(--loadingDotColor-loading-dots-c7a3f7));}" }
+            inverse: { name: "4ia8r", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--cnvs-sys-color-bg-default, var(--loadingDotColor-loading-dots-89a0c0));}" }
         }
     }
-}, "loading-dots-c7a3f7");
+}, "loading-dots-89a0c0");
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */

package/dist/commonjs/pagination/lib/Pagination/PageButton.js

@@ -33,10 +33,10 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const usePaginationModel_1 = require("./usePaginationModel");
 exports.paginationPageButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: button_1.buttonStencil,
-    base: { name: "5ahyy", styles: "box-sizing:border-box;min-width:var(--cnvs-sys-space-x8);padding:var(--cnvs-sys-space-zero);font-weight:var(--cnvs-sys-font-weight-normal);--label-button-65cb05:var(--cnvs-sys-color-fg-default);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:active, &.active, &:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-fg-disabled);}" },
+    base: { name: "1lksxu", styles: "box-sizing:border-box;min-width:var(--cnvs-sys-space-x8);padding:var(--cnvs-sys-space-zero);font-weight:var(--cnvs-sys-font-weight-normal);--label-button-65cb05:var(--cnvs-sys-color-fg-default);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:active, &.active, &:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-fg-disabled);}" },
     modifiers: {
         toggled: {
-            true: { name: "2sqcgq", styles: "font-weight:var(--cnvs-sys-font-weight-bold);--background-button-65cb05:var(--cnvs-brand-primary-base);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);&:hover, &.hover, &:active, &.active, &:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-brand-primary-base);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-fg-disabled);}" }
+            true: { name: "11kh3n", styles: "font-weight:var(--cnvs-sys-font-weight-bold);--background-button-65cb05:var(--cnvs-brand-primary-base);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);&:hover, &.hover, &:active, &.active, &:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-brand-primary-base);--label-button-65cb05:var(--cnvs-sys-color-fg-inverse);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-fg-disabled);}" }
         }
     }
 }, "pagination-page-button-88d20c");

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAgB,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAK3E,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAGlF,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO;IACtF;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA8D7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BtB,CAAC"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAgB,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAK3E,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAGlF,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO;IACtF;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoE7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BtB,CAAC"}

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

@@ -20,14 +20,14 @@ exports.selectInputStencil = (0, canvas_kit_styling_1.createStencil)({
         hiddenInput: 'select-hidden-input',
         visualInput: 'select-visual-input',
     },
-    base: { name: "6r5et", styles: "box-sizing:border-box;[data-part=\"select-hidden-input\"]{position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;min-width:100%;width:100%;}[data-part=\"select-start-icon\"], [data-part=\"select-end-icon\"], [data-part=\"select-caret-container\"], [data-part=\"select-start-icon-container\"]{position:absolute;pointer-events:none;}[data-part=\"select-visual-input\"]{caret-color:transparent;background-color:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-default);cursor:default;&::placeholder{color:var(--cnvs-sys-color-text-default);}&::selection{background-color:transparent;}}" },
+    base: { name: "23gcfb", styles: "box-sizing:border-box;[data-part=\"select-hidden-input\"]{position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;min-width:100%;width:100%;}[data-part=\"select-start-icon\"], [data-part=\"select-end-icon\"], [data-part=\"select-caret-container\"], [data-part=\"select-start-icon-container\"]{position:absolute;pointer-events:none;}[data-part=\"select-visual-input\"]{caret-color:transparent;background-color:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-default);cursor:default;&::placeholder{color:var(--cnvs-sys-color-text-default);}&::selection{background-color:transparent;}}&:has(:disabled, .disabled){[data-part=\"select-caret-icon\"]{--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}}" },
     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);}" }
+            error: { name: "321opo", styles: "[data-part=\"select-visual-input\"]{background-color:var(--cnvs-brand-error-lightest);}" },
+            caution: { name: "1wknpi", styles: "[data-part=\"select-visual-input\"]{background-color:var(--cnvs-brand-alert-lightest);}" }
         }
     }
-}, "select-input-b33740");
+}, "select-input-9444aa");
 exports.SelectInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
     modelHook: useSelectModel_1.useSelectModel,
     elemPropsHook: useSelectInput_1.useSelectInput,

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/tabs/lib/TabsItem.js

@@ -12,7 +12,7 @@ const useTabsModel_1 = require("./useTabsModel");
 const button_1 = require("@workday/canvas-kit-react/button");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const tabItemStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2whux4", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default), Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);border:none;background-color:transparent;flex:0 0 auto;min-width:var(--cnvs-sys-space-zero);align-items:center;padding:var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x4);height:3.25rem;cursor:pointer;color:var(--cnvs-sys-color-fg-muted-default);position:relative;border-radius:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x1) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero);transition:background 150ms ease, color 150ms ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-soft);&:has(span){display:flex;gap:var(--cnvs-sys-space-x2);}&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-bg-alt-default);color:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-contrast-default);}&:focus-visible, &.focus{outline:0.125rem solid transparent;box-shadow:inset 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1)), inset 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1));--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-inverse);--boxShadowOuter-button-65cb05:var(--cnvs-brand-common-focus-outline);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);}&:disabled, &.disabled, &[aria-disabled]{color:var(--cnvs-sys-color-text-disabled);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);&:hover{cursor:auto;background-color:var(--cnvs-sys-color-bg-transparent-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}}&[aria-selected=true]{color:var(--cnvs-brand-primary-base);cursor:default;--color-system-icon-3a4847:var(--cnvs-brand-primary-base);&:after{position:absolute;border-bottom:var(--cnvs-sys-space-x1) solid transparent;border-radius:var(--cnvs-sys-shape-x1) var(--cnvs-sys-shape-x1) var(--cnvs-sys-shape-zero) var(--cnvs-sys-shape-zero);background-color:var(--cnvs-brand-primary-base);bottom:var(--cnvs-sys-space-zero);content:'';left:var(--cnvs-sys-space-zero);margin-block-start:calc(calc(var(--cnvs-sys-space-x2) / var(--cnvs-sys-space-x1)) * -1);width:100%;}&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-bg-transparent-default);color:var(--cnvs-brand-primary-base);}}" }
+    base: { name: "2n2p4s", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default), Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);border:none;background-color:transparent;flex:0 0 auto;min-width:var(--cnvs-sys-space-zero);align-items:center;padding:var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x4);height:3.25rem;cursor:pointer;color:var(--cnvs-sys-color-fg-muted-default);position:relative;border-radius:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x1) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero);transition:background 150ms ease, color 150ms ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;--color-system-icon-3a4847:currentColor;&:has(span){display:flex;gap:var(--cnvs-sys-space-x2);}&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-bg-alt-default);color:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-contrast-default);}&:focus-visible, &.focus{outline:0.125rem solid transparent;box-shadow:inset 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1)), inset 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1));--boxShadowInner-button-65cb05:var(--cnvs-sys-color-border-inverse);--boxShadowOuter-button-65cb05:var(--cnvs-brand-common-focus-outline);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);}&:disabled, &.disabled, &[aria-disabled]{color:var(--cnvs-sys-color-text-disabled);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);&:hover{cursor:auto;background-color:var(--cnvs-sys-color-bg-transparent-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}}&[aria-selected=true]{color:var(--cnvs-brand-primary-base);cursor:default;--color-system-icon-3a4847:var(--cnvs-brand-primary-base);&:after{position:absolute;border-bottom:var(--cnvs-sys-space-x1) solid transparent;border-radius:var(--cnvs-sys-shape-x1) var(--cnvs-sys-shape-x1) var(--cnvs-sys-shape-zero) var(--cnvs-sys-shape-zero);background-color:var(--cnvs-brand-primary-base);bottom:var(--cnvs-sys-space-zero);content:'';left:var(--cnvs-sys-space-zero);margin-block-start:calc(calc(var(--cnvs-sys-space-x2) / var(--cnvs-sys-space-x1)) * -1);width:100%;}&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-bg-transparent-default);color:var(--cnvs-brand-primary-base);}}" }
 }, "tab-item-116136");
 exports.StyledTabItem = (0, common_1.createComponent)('button')({
     displayName: 'StyledTabItem',

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/badge/lib/CountBadge.js

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

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

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

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

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

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

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

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

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

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

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