npm - @workday/canvas-kit-preview-react - Versions diffs - 14.0.8 → 14.0.9 - Mend

@workday/canvas-kit-preview-react 14.0.8 → 14.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/dist/commonjs/pill/lib/PillAvatar.d.ts CHANGED Viewed

@@ -1,9 +1,267 @@
 import { AvatarProps } from '@workday/canvas-kit-preview-react/avatar';
 export interface PillAvatarProps extends AvatarProps {
 }
-export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
+export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{
     imageLoaded: {
-        false: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        false: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                display: string;
+            };
+        };
+    };
+    objectFit: {
+        contain: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        cover: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        fill: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        none: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        "scale-down": ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        initial: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        inherit: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        unset: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        "-moz-initial": ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+        revert: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
+            readonly avatarImage: "avatar-image";
+            readonly avatarName: "avatar-name";
+        }>) => {
+            "[data-part=\"avatar-image\"]": {
+                objectFit: string;
+            };
+        };
+    };
+}, {
+    readonly avatarImage: "avatar-image";
+    readonly avatarName: "avatar-name";
+}, {}, import("@workday/canvas-kit-styling").Stencil<{
+    variant: {
+        blue: ({ backgroundColor, color }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
+        };
+        amber: ({ backgroundColor, color }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
+            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
+        };
+        teal: ({ backgroundColor, color }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
+        };
+        purple: ({ backgroundColor, color }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
+        };
+    };
+    size: {
+        extraExtraSmall: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-normal";
+            lineHeight: "--cnvs-sys-line-height-subtext-small";
+            fontSize: "--cnvs-sys-font-size-subtext-small";
+            letterSpacing: "--cnvs-base-letter-spacing-50";
+        };
+        extraSmall: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-normal";
+            lineHeight: "--cnvs-sys-line-height-subtext-medium";
+            fontSize: "--cnvs-sys-font-size-subtext-medium";
+            letterSpacing: "--cnvs-base-letter-spacing-100";
+        };
+        small: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-normal";
+            lineHeight: "--cnvs-sys-line-height-body-small";
+            fontSize: "--cnvs-sys-font-size-body-small";
+            letterSpacing: "--cnvs-base-letter-spacing-200";
+        };
+        medium: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-normal";
+            lineHeight: "--cnvs-sys-line-height-body-medium";
+            fontSize: "--cnvs-sys-font-size-body-medium";
+        };
+        large: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            lineHeight: "--cnvs-sys-line-height-heading-medium";
+            fontSize: "--cnvs-sys-font-size-heading-medium";
+        };
+        extraLarge: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            lineHeight: "--cnvs-sys-line-height-title-small";
+            fontSize: "--cnvs-sys-font-size-title-small";
+        };
+        extraExtraLarge: ({ size }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            fontFamily: "--cnvs-sys-font-family-default";
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            lineHeight: "--cnvs-sys-line-height-title-medium";
+            fontSize: "--cnvs-sys-font-size-title-medium";
+        };
+    };
+}, {}, {
+    backgroundColor: string;
+    color: string;
+    size: string;
+}, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
+    imageLoaded: {
+        false: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -13,7 +271,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
         };
     };
     objectFit: {
-        contain: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        contain: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -21,7 +283,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        cover: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        cover: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -29,7 +295,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        fill: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        fill: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -37,7 +307,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        none: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        none: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -45,7 +319,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        "scale-down": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        "scale-down": ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -53,7 +331,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        initial: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        initial: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -61,7 +343,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        inherit: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        inherit: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -69,7 +355,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        unset: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        unset: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -77,7 +367,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        "-moz-initial": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        "-moz-initial": ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {
@@ -85,7 +379,11 @@ export declare const pillAvatarStencil: import("@workday/canvas-kit-styling").St
                 objectFit: string;
             };
         };
-        revert: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
+        revert: ({ avatarImagePart }: {
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
             readonly avatarImage: "avatar-image";
             readonly avatarName: "avatar-name";
         }>) => {

package/dist/commonjs/pill/lib/PillAvatar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,0CAA0C,CAAC;AAM5F,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAEvD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAS5B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;EAcrB,CAAC"}
1	+ {"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,WAAW,EAAgB,MAAM,0CAA0C,CAAC;AAM5F,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAEvD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAS5B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;EAcrB,CAAC"}

package/dist/commonjs/pill/lib/PillAvatar.js CHANGED Viewed

@@ -10,7 +10,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 exports.pillAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: avatar_1.avatarStencil,
-    base: { name: "1qpwch", styles: "box-sizing:border-box;flex:0 0 auto;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50);&:disabled, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}" }
+    base: { name: "tbh45", styles: "box-sizing:border-box;flex:0 0 auto;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50);&:disabled, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}" }
 }, "pill-avatar-947fab");
 exports.PillAvatar = (0, common_1.createSubcomponent)('div')({
     modelHook: usePillModel_1.usePillModel,

package/dist/commonjs/pill/lib/PillCount.js CHANGED Viewed

@@ -11,7 +11,7 @@ exports.pillCountStencil = (0, canvas_kit_styling_1.createStencil)({
         backgroundColor: '',
         borderColor: '',
     },
-    base: { name: "f80gs", styles: "box-sizing:border-box;border-start-start-radius:var(--cnvs-sys-shape-zero);border-start-end-radius:var(--cnvs-sys-shape-x1);border-end-start-radius:var(--cnvs-sys-shape-zero);border-end-end-radius:var(--cnvs-sys-shape-x1);border-width:0.0625rem;border-inline-start-width:var(--cnvs-sys-space-zero);border-style:solid;border-color:var(--borderColor-pill-count-d778e9, var(--cnvs-sys-color-border-transparent));display:inline-flex;align-items:center;justify-content:center;height:1.375rem;width:var(--cnvs-sys-space-x6);padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);margin-inline-end:calc(var(--cnvs-sys-space-x2) * -1);margin-inline-start:var(--cnvs-sys-space-x1);background-color:var(--backgroundColor-pill-count-d778e9, var(--cnvs-sys-color-bg-alt-stronger));flex:0 0 auto;" }
+    base: { name: "2u190y", styles: "box-sizing:border-box;border-start-start-radius:var(--cnvs-sys-shape-zero);border-start-end-radius:var(--cnvs-sys-shape-x1);border-end-start-radius:var(--cnvs-sys-shape-zero);border-end-end-radius:var(--cnvs-sys-shape-x1);border-width:0.0625rem;border-inline-start-width:var(--cnvs-sys-space-zero);border-style:solid;border-color:var(--borderColor-pill-count-d778e9, var(--cnvs-sys-color-border-transparent));display:inline-flex;align-items:center;justify-content:center;height:1.375rem;width:var(--cnvs-sys-space-x6);padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);margin-inline-end:calc(var(--cnvs-sys-space-x2) * -1);margin-inline-start:var(--cnvs-sys-space-x1);background-color:var(--backgroundColor-pill-count-d778e9, var(--cnvs-sys-color-bg-alt-stronger));flex:0 0 auto;" }
 }, "pill-count-d778e9");
 exports.PillCount = (0, common_1.createComponent)('span')({
     displayName: 'Pill.Count',

package/dist/commonjs/pill/lib/PillIcon.d.ts CHANGED Viewed

@@ -1,7 +1,28 @@
 import { SystemIconProps } from '@workday/canvas-kit-react/icon';
 export interface PillIconProps extends Partial<SystemIconProps> {
 }
-export declare const pillIconStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{}, {}, {
+export declare const pillIconStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{}, {}, {
+    color: string;
+    accentColor: string;
+    backgroundColor: string;
+}, import("@workday/canvas-kit-styling").Stencil<{
+    shouldMirror: {
+        true: {
+            transform: string;
+        };
+    };
+    shouldMirrorInRTL: {
+        true: {
+            '&:dir(rtl)': {
+                transform: string;
+            };
+        };
+    };
+}, {}, {
+    width: string;
+    height: string;
+    size: string;
+}, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{}, {}, {
     color: string;
     accentColor: string;
     backgroundColor: string;

package/dist/commonjs/pill/lib/PillIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAO9F,MAAM,WAAW,aAAc,SAAQ,OAAO,CAAC,eAAe,CAAC;CAAG;AAElE,eAAO,MAAM,eAAe~~;;;;;;;;;;;;;;;;;;;;;~~gCAO1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;EAWnB,CAAC"}
1	+ {"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAO9F,MAAM,WAAW,aAAc,SAAQ,OAAO,CAAC,eAAe,CAAC;CAAG;AAElE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAO1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;EAWnB,CAAC"}

package/dist/commonjs/pill/lib/PillIcon.js CHANGED Viewed

@@ -11,7 +11,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 exports.pillIconStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: icon_1.systemIconStencil,
-    base: { name: "2nyvnq", styles: "box-sizing:border-box;margin-inline-start:calc(var(--cnvs-sys-space-x1) * -1);--size-svg-8fcab8:1.25rem;flex:0 0 auto;" }
+    base: { name: "15xjiu", styles: "box-sizing:border-box;margin-inline-start:calc(var(--cnvs-sys-space-x1) * -1);--size-svg-8fcab8:1.25rem;flex:0 0 auto;" }
 }, "pill-icon-4ef362");
 exports.PillIcon = (0, common_1.createSubcomponent)('span')({
     modelHook: usePillModel_1.usePillModel,

package/dist/commonjs/pill/lib/PillIconButton.d.ts CHANGED Viewed

@@ -5,7 +5,73 @@ export interface PillIconButtonProps extends Partial<SystemIconProps> {
      */
     'aria-label'?: string;
 }
-export declare const pillIconButtonStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
+export declare const pillIconButtonStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{
+    size: {
+        large: {
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            height: string;
+            paddingInline: "--cnvs-sys-space-x8";
+            minWidth: string;
+            fontFamily: "--cnvs-sys-font-family-default";
+            lineHeight: "--cnvs-sys-line-height-body-small";
+            fontSize: "--cnvs-sys-font-size-body-small";
+            letterSpacing: "--cnvs-base-letter-spacing-200";
+        };
+        medium: {
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            minWidth: string;
+            paddingInline: "--cnvs-sys-space-x6";
+            height: "--cnvs-sys-space-x10";
+            fontFamily: "--cnvs-sys-font-family-default";
+            lineHeight: "--cnvs-sys-line-height-subtext-large";
+            fontSize: "--cnvs-sys-font-size-subtext-large";
+            letterSpacing: "--cnvs-base-letter-spacing-150";
+        };
+        small: {
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            height: "--cnvs-sys-space-x8";
+            minWidth: "--cnvs-sys-space-x20";
+            paddingInline: "--cnvs-sys-space-x4";
+            gap: "--cnvs-sys-space-x1";
+            fontFamily: "--cnvs-sys-font-family-default";
+            lineHeight: "--cnvs-sys-line-height-subtext-large";
+            fontSize: "--cnvs-sys-font-size-subtext-large";
+            letterSpacing: "--cnvs-base-letter-spacing-150";
+        };
+        extraSmall: {
+            fontWeight: "--cnvs-sys-font-weight-bold";
+            height: "--cnvs-sys-space-x6";
+            minWidth: string;
+            paddingInline: "--cnvs-sys-space-x3";
+            gap: "--cnvs-sys-space-x1";
+            fontFamily: "--cnvs-sys-font-family-default";
+            lineHeight: "--cnvs-sys-line-height-subtext-medium";
+            fontSize: "--cnvs-sys-font-size-subtext-medium";
+            letterSpacing: "--cnvs-base-letter-spacing-100";
+        };
+    };
+    grow: {
+        true: {
+            width: string;
+            maxWidth: string;
+        };
+    };
+    iconPosition: {
+        only: {
+            padding: "--cnvs-sys-space-zero";
+        };
+        start: {};
+        end: {};
+    };
+}, {}, {
+    background: string;
+    border: string;
+    boxShadowInner: string;
+    boxShadowOuter: string;
+    label: string;
+    opacity: string;
+    borderRadius: string;
+}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
     size: {
         large: {
             fontWeight: "--cnvs-sys-font-weight-bold";

package/dist/commonjs/pill/lib/PillIconButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAQ9F,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACnE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~wBA+ChC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAoB1B,CAAC"}
1	+ {"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAQ9F,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACnE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA+ChC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAoB1B,CAAC"}

package/dist/commonjs/pill/lib/PillIconButton.js CHANGED Viewed

@@ -12,7 +12,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 exports.pillIconButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: button_1.buttonStencil,
-    base: { name: "1j8qsr", styles: "box-sizing:border-box;margin-inline-end:calc(0.4375rem * -1);margin-inline-start:calc(0.125rem * -1);border-radius:var(--cnvs-sys-shape-half);height:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));padding:var(--cnvs-sys-space-zero);overflow:visible;flex:0 0 auto;--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--size-svg-8fcab8:var(--cnvs-sys-space-x6);::after{content:\"\";height:var(--cnvs-sys-space-x8);width:var(--cnvs-sys-space-x8);position:absolute;left:calc(0.4375rem * -1);bottom:calc(0.4375rem * -1);margin:var(--cnvs-sys-space-zero);pointer-events:all;}&:focus-visible, &.focus{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-transparent), 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&:hover, &.hover{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-strong);}&:active, &.active{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-stronger);}&:disabled, &.disabled{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}" }
+    base: { name: "44x8vd", styles: "box-sizing:border-box;margin-inline-end:calc(0.4375rem * -1);margin-inline-start:calc(0.125rem * -1);border-radius:var(--cnvs-sys-shape-half);height:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));padding:var(--cnvs-sys-space-zero);overflow:visible;flex:0 0 auto;--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--size-svg-8fcab8:var(--cnvs-sys-space-x6);::after{content:\"\";height:var(--cnvs-sys-space-x8);width:var(--cnvs-sys-space-x8);position:absolute;left:calc(0.4375rem * -1);bottom:calc(0.4375rem * -1);margin:var(--cnvs-sys-space-zero);pointer-events:all;}&:focus-visible, &.focus{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-transparent), 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&:hover, &.hover{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-strong);}&:active, &.active{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-stronger);}&:disabled, &.disabled{--border-button-85bf0e:var(--cnvs-sys-color-border-transparent);--background-button-85bf0e:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}" }
 }, "pill-icon-button-10e7a0");
 exports.PillIconButton = (0, common_1.createSubcomponent)('button')({
     modelHook: usePillModel_1.usePillModel,

package/dist/commonjs/pill/lib/PillLabel.js CHANGED Viewed

@@ -8,7 +8,7 @@ const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 const usePillModel_1 = require("./usePillModel");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 exports.pillLabelStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3hwvlv", styles: "box-sizing:border-box;flex-shrink:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;" }
+    base: { name: "17ayje", styles: "box-sizing:border-box;flex-shrink:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;" }
 }, "pill-label-412177");
 exports.PillLabel = (0, common_1.createSubcomponent)('span')({
     modelHook: usePillModel_1.usePillModel,

package/dist/commonjs/radio/lib/RadioGroup.js CHANGED Viewed

@@ -13,11 +13,11 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
  * Styles for RadioGroup
  */
 const radioGroupStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "qmkx2", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
+    base: { name: "24snxh", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
     modifiers: {
         error: {
-            error: { name: "1ndu64", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);background-color:var(--cnvs-brand-error-lightest);" },
-            caution: { name: "30osxr", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-inner), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-outer);" }
+            error: { name: "32bf6u", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);background-color:var(--cnvs-brand-error-lightest);" },
+            caution: { name: "3jgf0w", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-inner), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-outer);" }
         }
     }
 }, "radio-group-aea204");

package/dist/commonjs/radio/lib/RadioLabel.js CHANGED Viewed

@@ -14,7 +14,7 @@ const RadioText_1 = require("./RadioText");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const radioLabelStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "1n1l63", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
+    base: { name: "2tuof9", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
 }, "radio-label-0cca27");
 exports.RadioLabelContext = react_1.default.createContext({});
 exports.RadioLabel = (0, common_1.createSubcomponent)('label')({

package/dist/commonjs/radio/lib/RadioText.js CHANGED Viewed

@@ -15,19 +15,19 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const radioTextStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
-    base: { name: "1sweb4", styles: "box-sizing:border-box;cursor:pointer;" },
+    base: { name: "1wl0xv", styles: "box-sizing:border-box;cursor:pointer;" },
     modifiers: {
         variant: {
-            inverse: { name: "e1idm", styles: "color:var(--cnvs-sys-color-text-inverse);" }
+            inverse: { name: "x6e93", styles: "color:var(--cnvs-sys-color-text-inverse);" }
         },
         disabled: {
-            true: { name: "47vzq6", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
+            true: { name: "17pjla", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', disabled: true },
-            styles: { name: "3iz253", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
+            styles: { name: "2p9aec", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
         }
     ],
     defaultModifiers: {