@workday/canvas-kit-preview-react 13.0.0-alpha.998-next.0 → 13.0.1

package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiSelectModel.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/useMultiSelectModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAExE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsE9B,CAAC"}
+{"version":3,"file":"useMultiSelectModel.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/useMultiSelectModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAExE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsE9B,CAAC"}

package/dist/es6/pill/index.d.ts

@@ -1,3 +1,8 @@
 export * from './lib/Pill';
 export * from './lib/usePillModel';
+export { pillCountStencil } from './lib/PillCount';
+export { pillIconButtonStencil } from './lib/PillIconButton';
+export { pillIconStencil } from './lib/PillIcon';
+export { pillLabelStencil } from './lib/PillLabel';
+export { pillStencil, removeablePillStencil, readyOnlyPillStencil } from './lib/Pill';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/pill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC"}

package/dist/es6/pill/index.js

@@ -1,2 +1,7 @@
 export * from './lib/Pill';
 export * from './lib/usePillModel';
+export { pillCountStencil } from './lib/PillCount';
+export { pillIconButtonStencil } from './lib/PillIconButton';
+export { pillIconStencil } from './lib/PillIcon';
+export { pillLabelStencil } from './lib/PillLabel';
+export { pillStencil, removeablePillStencil, readyOnlyPillStencil } from './lib/Pill';

package/dist/es6/pill/lib/Pill.d.ts

@@ -5,7 +5,225 @@ export interface PillProps extends BoxProps {
      * @default 'default'
      */
     variant?: 'default' | 'readOnly' | 'removable';
+    /**
+     * Determines the max width of the pill. If the pill text is longer than the max width,
+     * text will be truncated and a tooltip will show the rest of the content when hovered over
+     */
+    maxWidth?: string | number;
 }
+export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
+    maxWidth: string;
+}, never>, {}, {
+    maxWidth: string;
+}, 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>, never>;
+export declare const removeablePillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
+    maxWidth: string;
+}, never>, {}, {
+    maxWidth: string;
+}, 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>, never>, never>;
+export declare const readyOnlyPillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
+    maxWidth: string;
+}, never>, {}, {
+    maxWidth: string;
+}, 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>, never>, never>;
 /**
  * By default, a `Pill` renders an interactive element that accepts subcomponents. By "interactive"
  * we mean that the Pill container is a focusable element (a `<button>`). All leading elements
@@ -34,7 +252,7 @@ export interface PillProps extends BoxProps {
  * ```tsx
  * <Pill variant="removable">
  *   <Pill.Avatar /> Regina Skeltor
- *   <Pill.IconButton onClick={() => console.log('clicked')} />
+ *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('clicked')} />
  * </Pill>
  * ```
  *
@@ -45,18 +263,16 @@ export interface PillProps extends BoxProps {
  * ```tsx
  * <Pill variant="removable">
  *   Shoes
- *   <Pill.IconButton onClick={() => console.log('handle remove')} />
+ *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('handle remove')} />
  * </Pill>
  * ```
  */
 export declare const Pill: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillProps & Partial<{
-    maxWidth: string | number;
     disabled: boolean;
     id: string;
 }> & {} & {}, {
     state: {
         id: string;
-        maxWidth: string | number;
         disabled: boolean;
     };
     events: {};
@@ -67,15 +283,14 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
      * ```tsx
      * <Pill variant="removable">
      *   <Pill.Avatar url={avatarUrl} />
-     *   Regina Skeltor
-     *   <Pill.IconButton onClick={() => console.log('handle remove')} />
+     *    <Pill.Label>Regina Skeltor</Pill.Label>
+     *   <Pill.IconButton aria-label='Remove user' onClick={() => console.log('handle remove')} />
      * </Pill>
      * ```
      */
     Avatar: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./PillAvatar").PillAvatarProps, {
         state: {
             id: string;
-            maxWidth: string | number;
             disabled: boolean;
         };
         events: {};
@@ -85,20 +300,19 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
      *
      * ```tsx
      * <Pill onClick={() => console.warn('clicked')}>
-     *   Shoes
+     *    <Pill.Label>Shoes</Pill.Label>
      *   <Pill.Count>30</Pill.Count>
      * </Pill>
      * ```
      */
     Count: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./PillCount").PillCountProps>;
     /**
-     * This component renders an `icon`. It not be used with the `default` styling – not `readOnly`
-     * or `removable` variants. By default it renders a `plusIcon` but it can be overridden by
-     * providing an icon to the `icon` prop.
+     * This component renders an `icon`. By default it renders a `plusIcon` but it can be overridden by
+     * providing an icon to the `icon` prop. You must provide an `aria-label` for the icon.
      *
      * ```tsx
      * <Pill onClick={() => console.warn('clicked')}>
-     *   <Pill.Icon />
+     *   <Pill.Icon aria-label='Add user' />
      *   <Pill.Label>Regina Skeltor</Pill.Label>
      * </Pill>
      * ```
@@ -106,7 +320,6 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillIcon").PillIconProps, {
         state: {
             id: string;
-            maxWidth: string | number;
             disabled: boolean;
         };
         events: {};
@@ -118,22 +331,21 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
      *
      * ```tsx
      * <Pill variant="removable">
-     *   Pink Shirts
-     *   <Pill.IconButton onClick={() => console.warn('clicked')} />
+     *   <Pill.Label>Pink Shirts</Pill.Label>
+     *   <Pill.IconButton aria-label='Remove item' onClick={() => console.warn('clicked')} />
      * </Pill>
      * ```
      */
     IconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillIconButton").PillIconButtonProps, {
         state: {
             id: string;
-            maxWidth: string | number;
             disabled: boolean;
         };
         events: {};
     }>;
     /**
      * This component renders a `<span>` that automatically handles overflow by rendering a tooltip.
-     * There's no need to use this component directly since the overflow is handled for you automatically.
+     * There's no need to use this component directly since the overflow is handled for you automatically unless you have an icon or other element.
      *
      * ```tsx
      * <Pill variant="readOnly">
@@ -144,7 +356,6 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Label: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillLabel").PillLabelProps, {
         state: {
             id: string;
-            maxWidth: string | number;
             disabled: boolean;
         };
         events: {};

package/dist/es6/pill/lib/Pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,QAAQ,EAAmB,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;CAChD;AAsJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;;CAmDL,CAAC"}
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0EtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAuBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAmB/B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA+CL,CAAC"}