@workday/canvas-kit-react 13.2.32 → 13.2.34

package/dist/es6/collection/lib/ListBox.js

@@ -22,11 +22,11 @@ export const useListBox = createElemPropsHook(useListModel)(model => {
     };
 });
 const listBoxContainerStencil = createStencil({
-    base: { name: "40hfhd", styles: "box-sizing:border-box;& :where([data-part=\"list\"]){display:flex;flex-direction:column;margin-block-start:var(--cnvs-sys-space-zero);margin-block-end:var(--cnvs-sys-space-zero);}" },
+    base: { name: "43e425", styles: "box-sizing:border-box;& :where([data-part=\"list\"]){display:flex;flex-direction:column;margin-block-start:var(--cnvs-sys-space-zero);margin-block-end:var(--cnvs-sys-space-zero);}" },
     modifiers: {
         orientation: {
-            vertical: { name: "2q8gtf", styles: "overflow-y:auto;" },
-            horizontal: { name: "3i9je9", styles: "overflow-y:undefined;& :where([data-part=\"list\"]){flex-direction:row;}" }
+            vertical: { name: "2eq8x3", styles: "overflow-y:auto;" },
+            horizontal: { name: "1521nj", styles: "overflow-y:undefined;& :where([data-part=\"list\"]){flex-direction:row;}" }
         }
     }
 }, "list-box-container-46e92c");

package/dist/es6/collection/lib/useListItemRegister.js

@@ -64,7 +64,7 @@ export const useListItemRegister = createElemPropsHook(useListModel)((model, ref
         ref: elementRef,
         'data-id': localId,
         disabled: elemProps.disabled || state.nonInteractiveIds.includes(localId) ? true : undefined,
-        'aria-setsize': virtual ? state.UNSTABLE_virtual.getTotalSize() : undefined,
+        'aria-setsize': virtual ? state.UNSTABLE_virtual.options.count : undefined,
         'aria-posinset': virtual ? item.index + 1 : undefined,
         'data-index': virtual ? item.index : undefined,
         style,

package/dist/es6/combobox/lib/ComboboxMenuList.js

@@ -18,7 +18,7 @@ export const useComboboxMenuList = createElemPropsHook(useMenuModel)(model => {
     };
 });
 const comboboxMenuListStencil = createStencil({
-    base: { name: "3xjx53", styles: "box-sizing:border-box;" },
+    base: { name: "3g251v", styles: "box-sizing:border-box;" },
     extends: menuListStencil
 }, "combobox-menu-list-c3dbbc");
 export const ComboboxMenuList = createSubcomponent('ul')({

package/dist/es6/common/lib/AccessibleHide.js

@@ -19,7 +19,7 @@ export const accessibleHide = {
     padding: 0,
     border: 0,
 };
-export const accessibleHideStyles = createStyles({ name: "2jlnit", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" });
+export const accessibleHideStyles = createStyles({ name: "2yjpdj", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" });
 /**
  * A convenient component wrapper to visually hide content, while still making it accessible to screen readers
  */

package/dist/es6/common/lib/CanvasProvider.js

@@ -5,7 +5,7 @@ import { defaultCanvasTheme, useTheme } from './theming';
 import { brand, base } from '@workday/canvas-tokens-web';
 import { createStyles, getCache } from '@workday/canvas-kit-styling';
 // copied from brand/_variables.css
-const defaultBranding = createStyles({ name: "3wb33t", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
+const defaultBranding = createStyles({ name: "41ir4a", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
 const mappedKeys = {
     lightest: 'lightest',
     light: 'light',

package/dist/es6/expandable/lib/Expandable.js

@@ -10,7 +10,7 @@ import { useExpandableModel } from './hooks/useExpandableModel';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const expandableContainerStencil = createStencil({
-    base: { name: "1ah7b5", styles: "box-sizing:border-box;display:flex;flex-direction:column;padding:var(--cnvs-sys-space-x2);" }
+    base: { name: "3g9rez", styles: "box-sizing:border-box;display:flex;flex-direction:column;padding:var(--cnvs-sys-space-x2);" }
 }, "expandable-container-f664d5");
 /**
  * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a

package/dist/es6/expandable/lib/ExpandableAvatar.d.ts

@@ -1,7 +1,228 @@
 import { AvatarProps } from '@workday/canvas-kit-react/avatar';
 export interface ExpandableAvatarProps extends AvatarProps {
 }
-export declare const expandableAvatarStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
+export declare const expandableAvatarStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{
+    variant: {
+        light: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            backgroundColor: "--cnvs-sys-color-bg-alt-default";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: "--cnvs-sys-color-fg-default";
+            };
+        };
+        dark: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            backgroundColor: "--cnvs-sys-color-bg-primary-default";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: "--cnvs-sys-color-fg-inverse";
+            };
+        };
+    };
+    size: {
+        extraSmall: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: "--cnvs-sys-space-x4";
+            height: "--cnvs-sys-space-x4";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+        small: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: "--cnvs-sys-space-x6";
+            height: "--cnvs-sys-space-x6";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+        medium: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: "--cnvs-sys-space-x8";
+            height: "--cnvs-sys-space-x8";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+        large: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: "--cnvs-sys-space-x10";
+            height: "--cnvs-sys-space-x10";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+        extraLarge: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: "--cnvs-sys-space-x16";
+            height: "--cnvs-sys-space-x16";
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+        extraExtraLarge: ({ iconPart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            width: string;
+            height: string;
+            "[data-part=\"avatar-icon\"]": {
+                [x: string]: string;
+            };
+        };
+    };
+    objectFit: {
+        contain: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        fill: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        cover: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        "scale-down": ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        none: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        "-moz-initial": ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        initial: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        inherit: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        revert: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        unset: ({ imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+    };
+    isImageLoaded: {
+        true: ({ iconPart, imagePart }: {
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly icon: "avatar-icon";
+            readonly image: "avatar-image";
+        }>) => {
+            "[data-part=\"avatar-icon\"]": {
+                opacity: number;
+            };
+            "[data-part=\"avatar-image\"]": {
+                opacity: number;
+            };
+        };
+    };
+}, {
+    readonly icon: "avatar-icon";
+    readonly image: "avatar-image";
+}, {
+    size: string;
+}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
     variant: {
         light: ({ iconPart }: {
             size: `--${string}`;

package/dist/es6/expandable/lib/ExpandableAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,kCAAkC,CAAC;AAKpF,MAAM,WAAW,qBAAsB,SAAQ,WAAW;CAAG;AAE7D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAMlC,CAAC;AAMH,eAAO,MAAM,gBAAgB,2FAa3B,CAAC"}
+{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,kCAAkC,CAAC;AAKpF,MAAM,WAAW,qBAAsB,SAAQ,WAAW;CAAG;AAE7D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAMlC,CAAC;AAMH,eAAO,MAAM,gBAAgB,2FAa3B,CAAC"}

package/dist/es6/expandable/lib/ExpandableAvatar.js

@@ -6,7 +6,7 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const expandableAvatarStencil = createStencil({
     extends: avatarStencil,
-    base: { name: "3uv0yi", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x2);flex-shrink:0;" }
+    base: { name: "ih4wr", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x2);flex-shrink:0;" }
 }, "expandable-avatar-d56832");
 // When the component is created, it needs to be a button element to match AvatarProps.
 // Once Avatar becomes a `createComponent` we can default the element type to a `div`

package/dist/es6/expandable/lib/ExpandableContent.js

@@ -6,7 +6,7 @@ import { useExpandableModel } from './hooks/useExpandableModel';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const expandableContentStencil = createStencil({
-    base: { name: "2dy870", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent);padding:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);" }
+    base: { name: "25x0r7", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent);padding:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);" }
 }, "expandable-content-25e157");
 export const ExpandableContent = createSubcomponent('div')({
     modelHook: useExpandableModel,

package/dist/es6/expandable/lib/ExpandableIcon.js

@@ -9,34 +9,34 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 export const expandableIconStencil = createStencil({
     extends: systemIconStencil,
-    base: { name: "4fl07p", styles: "box-sizing:border-box;padding:var(--cnvs-sys-space-x1);" },
+    base: { name: "41l2ca", styles: "box-sizing:border-box;padding:var(--cnvs-sys-space-x1);" },
     modifiers: {
         isExpanded: {
-            true: { name: "3qrcqr", styles: "" },
-            false: { name: "3htep", styles: "" }
+            true: { name: "1sagm", styles: "" },
+            false: { name: "16d6j6", styles: "" }
         },
         position: {
-            start: { name: "40vd6", styles: "" },
-            end: { name: "15tpit", styles: "" },
-            only: { name: "14kjet", styles: "" }
+            start: { name: "2b2l86", styles: "" },
+            end: { name: "6jdsf", styles: "" },
+            only: { name: "1uhfon", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { position: 'end', isExpanded: false },
-            styles: { name: "3h5bq2", styles: "margin-inline-start:auto;transform:rotate(180deg);padding-inline-end:var(--cnvs-sys-space-x3);" }
+            styles: { name: "3m0exq", styles: "margin-inline-start:auto;transform:rotate(180deg);padding-inline-end:var(--cnvs-sys-space-x3);" }
         },
         {
             modifiers: { position: 'end', isExpanded: true },
-            styles: { name: "1nqala", styles: "margin-inline-start:auto;padding-inline-start:var(--cnvs-sys-space-x3);" }
+            styles: { name: "y5ma4", styles: "margin-inline-start:auto;padding-inline-start:var(--cnvs-sys-space-x3);" }
         },
         {
             modifiers: { position: 'start', isExpanded: false },
-            styles: { name: "s9yh0", styles: "margin-inline-end:var(--cnvs-sys-space-x2);transform:rotate(90deg);:dir(rtl){transform:rotate(-90deg);}" }
+            styles: { name: "2oyagu", styles: "margin-inline-end:var(--cnvs-sys-space-x2);transform:rotate(90deg);:dir(rtl){transform:rotate(-90deg);}" }
         },
         {
             modifiers: { position: 'start', isExpanded: true },
-            styles: { name: "mscep", styles: "margin-inline-end:var(--cnvs-sys-space-x2);transform:rotate(180deg);" }
+            styles: { name: "1ohlo6", styles: "margin-inline-end:var(--cnvs-sys-space-x2);transform:rotate(180deg);" }
         }
     ]
 }, "expandable-icon-a75423");

package/dist/es6/expandable/lib/ExpandableTarget.js

@@ -7,7 +7,7 @@ import { system } from '@workday/canvas-tokens-web';
 import { useExpandableTarget } from './hooks/useExpandableTarget';
 import { useExpandableModel } from './hooks/useExpandableModel';
 export const expandableTargetStencil = createStencil({
-    base: { name: "17os2m", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent);border-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);border-width:0;display:flex;align-items:flex-start;flex-direction:row;justify-content:start;padding:var(--cnvs-sys-space-x2);cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-default);}" }
+    base: { name: "3gu1d9", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent);border-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);border-width:0;display:flex;align-items:flex-start;flex-direction:row;justify-content:start;padding:var(--cnvs-sys-space-x2);cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-default);}" }
 }, "expandable-target-23cf82");
 export const ExpandableTarget = createSubcomponent('button')({
     modelHook: useExpandableModel,

package/dist/es6/expandable/lib/ExpandableTitle.js

@@ -4,7 +4,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 import { createStencil, px2rem } from '@workday/canvas-kit-styling';
 export const expandableTitleStencil = createStencil({
-    base: { name: "2qnep7", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);color:var(--cnvs-sys-color-text-strong);padding:0.125rem var(--cnvs-sys-space-zero);text-align:left;" }
+    base: { name: "2fc174", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);color:var(--cnvs-sys-color-text-strong);padding:0.125rem var(--cnvs-sys-space-zero);text-align:left;" }
 }, "expandable-title-afdcf8");
 export const ExpandableTitle = createComponent('div')({
     displayName: 'Expandable.Title',

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

@@ -7,7 +7,7 @@ import { system } from '@workday/canvas-tokens-web';
  * @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
  */
 export const formFieldContainerStencil = createStencil({
-    base: { name: "oqyp9", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "21zn1w", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-container-6a4115");
 /**
  * @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.

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

@@ -4,7 +4,7 @@ import { handleCsProp, createStencil } from '@workday/canvas-kit-styling';
 import { useFormFieldModel } from './hooks';
 import { system } from '@workday/canvas-tokens-web';
 export const formFieldFieldStencil = createStencil({
-    base: { name: "2imjvp", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "4fcsec", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-field-a35e82");
 export const FormFieldField = createSubcomponent('div')({
     displayName: 'FormField.Field',

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

@@ -7,15 +7,15 @@ import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldModel } from './hooks';
 export const formFieldGroupLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "1ytmcg", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "30k8t7", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "47hrxo", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "iopho", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            vertical: { name: "2p2e68", styles: "width:100%;" },
-            horizontalStart: { name: "1ayjio", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "3213oe", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
+            vertical: { name: "2r1uia", styles: "width:100%;" },
+            horizontalStart: { name: "2pxbxp", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "1ox99v", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
         }
     },
     defaultModifiers: {

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

@@ -4,11 +4,11 @@ import { createStencil, calc, px2rem, handleCsProp } from '@workday/canvas-kit-s
 import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldModel } from './hooks';
 const formFieldGroupListStencil = createStencil({
-    base: { name: "3q3e63", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
+    base: { name: "4dxwfo", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
     modifiers: {
         error: {
-            error: { name: "3l4y9a", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
-            alert: { name: "7tz4j", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
+            error: { name: "2n51r", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
+            alert: { name: "3rdxi5", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
         }
     }
 }, "form-field-group-list-9f0751");

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

@@ -7,11 +7,11 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { useFormFieldHint, useFormFieldModel } from './hooks';
 export const formFieldHintStencil = createStencil({
     extends: textStencil,
-    base: { name: "1lwsgj", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
+    base: { name: "3y1a7l", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
     modifiers: {
         error: {
-            error: { name: "3usyhi", styles: "color:var(--cnvs-brand-error-base);" },
-            alert: { name: "3lzqwl", styles: "" }
+            error: { name: "1f89rp", styles: "color:var(--cnvs-brand-error-base);" },
+            alert: { name: "1c7gqp", styles: "" }
         }
     },
     defaultModifiers: {

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

@@ -7,18 +7,18 @@ import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldLabel, useFormFieldModel } from './hooks';
 export const formFieldLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "40wgow", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "3ub69", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "4bbasl", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "40ezo3", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            horizontalStart: { name: "89agi", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "1yk0v1", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
-            vertical: { name: "2nbmck", styles: "width:100%;" }
+            horizontalStart: { name: "42x701", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "3unvga", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
+            vertical: { name: "1wh91b", styles: "width:100%;" }
         },
         isHidden: {
-            true: { name: "3yad9t", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
+            true: { name: "7ca0r", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
         }
     },
     defaultModifiers: {

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

@@ -1,22 +1,22 @@
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const formFieldStencil = createStencil({
-    base: { name: "1ry28s", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
+    base: { name: "qcc5s", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
     modifiers: {
         grow: {
-            true: { name: "3ohi8h", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
+            true: { name: "2jl8xk", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
         },
         orientation: {
-            horizontalStart: { name: "25vt0v", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            horizontalEnd: { name: "4fgg5c", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            vertical: { name: "39kn2p", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
+            horizontalStart: { name: "a2qe2", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            horizontalEnd: { name: "1qjxhg", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            vertical: { name: "29legm", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
         },
         required: {
-            true: { name: "1ydv61", styles: "" }
+            true: { name: "15e7s7", styles: "" }
         },
         error: {
-            error: { name: "6cqka", styles: "" },
-            alert: { name: "1fw4gz", styles: "" }
+            error: { name: "1lqobq", styles: "" },
+            alert: { name: "1a046i", styles: "" }
         }
     },
     defaultModifiers: {

package/dist/es6/icon/lib/AccentIcon.js

@@ -21,10 +21,10 @@ export const accentIconStencil = createStencil({
     vars: {
         color: '',
     },
-    base: { name: "28bh1k", styles: "box-sizing:border-box;--size-svg-728c60:3.5rem;& .color-500{fill:var(--color-accent-icon-5d368a, var(--cnvs-base-palette-blueberry-500));}& .french-vanilla-100{fill:var(--cnvs-base-palette-french-vanilla-100);}" },
+    base: { name: "1utzes", styles: "box-sizing:border-box;--size-svg-728c60:3.5rem;& .color-500{fill:var(--color-accent-icon-5d368a, var(--cnvs-base-palette-blueberry-500));}& .french-vanilla-100{fill:var(--cnvs-base-palette-french-vanilla-100);}" },
     modifiers: {
         transparent: {
-            true: { name: "22pvtg", styles: "& .french-vanilla-100{fill:transparent;}" }
+            true: { name: "1qqjvf", styles: "& .french-vanilla-100{fill:transparent;}" }
         }
     }
 }, "accent-icon-5d368a");

package/dist/es6/icon/lib/AppletIcon.d.ts

@@ -32,7 +32,17 @@ export declare const appletIconStencil: import("@workday/canvas-kit-styling").St
     color300: string;
     color400: string;
     color500: string;
-}, never>, {}, {
+}, import("@workday/canvas-kit-styling").Stencil<{
+    shouldMirror: {
+        true: {
+            transform: string;
+        };
+    };
+}, {}, {
+    width: string;
+    height: string;
+    size: string;
+}, never, never>>, {}, {
     color200: string;
     color300: string;
     color400: string;

package/dist/es6/icon/lib/AppletIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,aAAa,EAAc,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAKhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9F;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH,eAAO,MAAM,UAAU;;CAyBrB,CAAC"}
+{"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,aAAa,EAAc,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAKhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9F;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH,eAAO,MAAM,UAAU;;CAyBrB,CAAC"}

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

@@ -51,7 +51,7 @@ export const appletIconStencil = createStencil({
         color400: '',
         color500: '',
     },
-    base: { name: "3e34wh", styles: "box-sizing:border-box;--size-svg-728c60:5.75rem;& .color-100{fill:var(--cnvs-base-palette-french-vanilla-100);}& .color-200{fill:var(--color200-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-200));}& .color-300{fill:var(--color300-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-300));}& .color-400{fill:var(--color400-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}& .color-400-alpha-20{fill:var(--color400-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}& .color-500{fill:var(--color500-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}" }
+    base: { name: "yov0n", styles: "box-sizing:border-box;--size-svg-728c60:5.75rem;& .color-100{fill:var(--cnvs-base-palette-french-vanilla-100);}& .color-200{fill:var(--color200-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-200));}& .color-300{fill:var(--color300-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-300));}& .color-400{fill:var(--color400-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}& .color-400-alpha-20{fill:var(--color400-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}& .color-500{fill:var(--color500-applet-icon-1f1db3, var(--cnvs-base-palette-blueberry-400));}" }
 }, "applet-icon-1f1db3");
 export const AppletIcon = createComponent('span')({
     displayName: 'AppletIcon',

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

@@ -38,10 +38,10 @@ export const graphicStyles = ({ width, height, grow }) => {
  */
 export const graphicStencil = createStencil({
     extends: svgStencil,
-    base: { name: "3wuz9y", styles: "box-sizing:border-box;" },
+    base: { name: "hnbuh", styles: "box-sizing:border-box;" },
     modifiers: {
         grow: {
-            true: { name: "38dpva", styles: "width:100%;--width-svg-728c60:100%;" }
+            true: { name: "15iqqs", styles: "width:100%;--width-svg-728c60:100%;" }
         }
     }
 }, "graphic-385fe4");
@@ -50,10 +50,10 @@ export const graphicImageStencil = createStencil({
         width: '',
         height: '',
     },
-    base: { name: "3630nr", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
+    base: { name: "hlluz", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
     modifiers: {
         grow: {
-            true: { name: "1svvjh", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
+            true: { name: "1o3870", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
         }
     }
 }, "graphic-image-8fedc2");