@genesislcap/foundation-zero 14.489.0 → 14.489.1-alpha-519bcd2.0

package/dist/dts/base-components.d.ts

@@ -216,6 +216,17 @@ export declare const baseComponents: {
     }, typeof import("./notification-listener").NotificationListener>;
     zeroNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./number-field").NumberField>;
     zeroOptgroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./optgroup").Optgroup>;
+    zeroPill: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Pill, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Pill, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./pill").Pill>;
     zeroProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./progress").Progress>;
     zeroProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     zeroRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio").Radio>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAsF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAuF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -52,6 +52,7 @@ export * from './modal';
 export * from './multiselect';
 export * from './number-field';
 export * from './overlays';
+export * from './pill';
 export * from './progress';
 export * from './progress-ring';
 export * from './radio';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './pill';
+export * from './pill.styles';
+export * from './pill.template';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/dts/pill/pill.d.ts

@@ -0,0 +1,18 @@
+import { Pill as FoundationPill } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-pill
+ */
+export declare class Pill extends FoundationPill {
+}
+export declare const zeroPill: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<FoundationPill, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<FoundationPill, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}, typeof Pill>;
+//# sourceMappingURL=pill.d.ts.map

package/dist/dts/pill/pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,IAAI,IAAI,cAAc,EACvB,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,IAAK,SAAQ,cAAc;CAAG;AAE3C,eAAO,MAAM,QAAQ;;;;;;;;;;eAMnB,CAAC"}

package/dist/dts/pill/pill.styles.d.ts

@@ -0,0 +1,3 @@
+import { ElementStyles } from '@microsoft/fast-element';
+export declare const zeroPillStyles: ElementStyles;
+//# sourceMappingURL=pill.styles.d.ts.map

package/dist/dts/pill/pill.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.styles.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,aAO5B,CAAC"}

package/dist/dts/pill/pill.template.d.ts

@@ -0,0 +1,2 @@
+export declare const zeroPillTemplate: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Pill, any>;
+//# sourceMappingURL=pill.template.d.ts.map

package/dist/dts/pill/pill.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.template.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.template.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,gGAAyB,CAAC"}

package/dist/dts/react.d.ts

@@ -56,6 +56,7 @@ import type { Multiselect as MultiselectWC } from './multiselect/multiselect';
 import type { NotificationListener as NotificationListenerWC } from './notification-listener/notification-listener';
 import type { NumberField as NumberFieldWC } from './number-field/number-field';
 import type { Optgroup as OptgroupWC } from './optgroup/optgroup';
+import type { Pill as PillWC } from './pill/pill';
 import type { ProgressRing as ProgressRingWC } from './progress-ring/progress-ring';
 import type { Progress as ProgressWC } from './progress/progress';
 import type { RadioGroup as RadioGroupWC } from './radio-group/radio-group';
@@ -545,6 +546,15 @@ export declare const GridLayoutItem: React.ForwardRefExoticComponent<
 >;
 export type GridLayoutItemRef = GridLayoutItemWC;
 
+export declare const Icon: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<IconWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<IconWC>
+>;
+export type IconRef = IconWC;
+
 export declare const HorizontalScroll: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<HorizontalScrollWC>, 'children' | 'style'> &
@@ -556,15 +566,6 @@ export declare const HorizontalScroll: React.ForwardRefExoticComponent<
 >;
 export type HorizontalScrollRef = HorizontalScrollWC;
 
-export declare const Icon: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<IconWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<IconWC>
->;
-export type IconRef = IconWC;
-
 export declare const Listbox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ListboxWC>, 'children' | 'style'> &
@@ -650,6 +651,17 @@ export declare const Optgroup: React.ForwardRefExoticComponent<
 >;
 export type OptgroupRef = OptgroupWC;
 
+export declare const Pill: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<PillWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onRemove?: (event: CustomEvent<unknown>) => void;
+      onPillClick?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<PillWC>
+>;
+export type PillRef = PillWC;
+
 export declare const Progress: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ProgressWC>, 'children' | 'style'> &

package/dist/esm/base-components.js

@@ -50,6 +50,7 @@ import { zeroNotificationListener } from './notification-listener';
 import { zeroNumberField } from './number-field';
 import { zeroOptgroup } from './optgroup';
 import { zeroSystemHealthOverlay } from './overlays';
+import { zeroPill } from './pill';
 import { zeroProgress } from './progress';
 import { zeroProgressRing } from './progress-ring';
 import { zeroRadio } from './radio';
@@ -134,6 +135,7 @@ export const baseComponents = {
     zeroNotificationListener,
     zeroNumberField,
     zeroOptgroup,
+    zeroPill,
     zeroProgress,
     zeroProgressRing,
     zeroRadio,

package/dist/esm/index.js

@@ -52,6 +52,7 @@ export * from './modal';
 export * from './multiselect';
 export * from './number-field';
 export * from './overlays';
+export * from './pill';
 export * from './progress';
 export * from './progress-ring';
 export * from './radio';

package/dist/esm/pill/index.js

@@ -0,0 +1,3 @@
+export * from './pill';
+export * from './pill.styles';
+export * from './pill.template';

package/dist/esm/pill/pill.js

@@ -0,0 +1,10 @@
+import { defaultPillConfig, foundationPillShadowOptions, Pill as FoundationPill, } from '@genesislcap/foundation-ui';
+import { zeroPillStyles as styles } from './pill.styles';
+import { zeroPillTemplate as template } from './pill.template';
+/**
+ * @tagname %%prefix%%-pill
+ */
+export class Pill extends FoundationPill {
+}
+export const zeroPill = Pill.compose(Object.assign({ baseName: 'pill', template,
+    styles, shadowOptions: foundationPillShadowOptions }, defaultPillConfig));

package/dist/esm/pill/pill.styles.js

@@ -0,0 +1,11 @@
+import { pillStyles as foundationPillStyles } from '@genesislcap/foundation-ui';
+import { neutralFillHover, neutralFillRest, neutralForegroundRest, } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+export const zeroPillStyles = css `
+  ${foundationPillStyles}
+  :host {
+    --pill-fill: ${neutralFillRest};
+    --pill-fill-hover: ${neutralFillHover};
+    --pill-foreground: ${neutralForegroundRest};
+  }
+`;

package/dist/esm/pill/pill.template.js

@@ -0,0 +1,2 @@
+import { foundationPillTemplate } from '@genesislcap/foundation-ui';
+export const zeroPillTemplate = foundationPillTemplate;

package/dist/react.cjs

@@ -58,6 +58,7 @@ const { Multiselect: MultiselectWC } = require('./esm/multiselect/multiselect.js
 const { NotificationListener: NotificationListenerWC } = require('./esm/notification-listener/notification-listener.js');
 const { NumberField: NumberFieldWC } = require('./esm/number-field/number-field.js');
 const { Optgroup: OptgroupWC } = require('./esm/optgroup/optgroup.js');
+const { Pill: PillWC } = require('./esm/pill/pill.js');
 const { ProgressRing: ProgressRingWC } = require('./esm/progress-ring/progress-ring.js');
 const { Progress: ProgressWC } = require('./esm/progress/progress.js');
 const { RadioGroup: RadioGroupWC } = require('./esm/radio-group/radio-group.js');
@@ -602,6 +603,11 @@ const GridLayoutItem = React.forwardRef(function GridLayoutItem(props, ref) {
   return React.createElement(customElements.getName(GridLayoutItemWC) ?? '%%prefix%%-grid-layout-item', { ...rest, ref }, children);
 });
 
+const Icon = React.forwardRef(function Icon(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+});
+
 const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref) {
   const { onScrollstart, onScrollend, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -624,11 +630,6 @@ const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref)
   return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Icon = React.forwardRef(function Icon(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
-});
-
 const Listbox = React.forwardRef(function Listbox(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
@@ -708,6 +709,28 @@ const Optgroup = React.forwardRef(function Optgroup(props, ref) {
   return React.createElement(customElements.getName(OptgroupWC) ?? '%%prefix%%-optgroup', { ...rest, ref }, children);
 });
 
+const Pill = React.forwardRef(function Pill(props, ref) {
+  const { onRemove, onPillClick, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onRemoveRef = React.useRef(onRemove);
+  _onRemoveRef.current = onRemove;
+  const _onPillClickRef = React.useRef(onPillClick);
+  _onPillClickRef.current = onPillClick;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onRemoveFn = (e) => _onRemoveRef.current?.(e);
+    el.addEventListener('remove', _onRemoveFn);
+    const _onPillClickFn = (e) => _onPillClickRef.current?.(e);
+    el.addEventListener('pill-click', _onPillClickFn);
+    return () => {
+      el.removeEventListener('remove', _onRemoveFn);
+      el.removeEventListener('pill-click', _onPillClickFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(PillWC) ?? '%%prefix%%-pill', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const Progress = React.forwardRef(function Progress(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);
@@ -1065,8 +1088,8 @@ module.exports = {
   Flyout,
   GridLayout,
   GridLayoutItem,
-  HorizontalScroll,
   Icon,
+  HorizontalScroll,
   Listbox,
   ListboxOption,
   Menu,
@@ -1076,6 +1099,7 @@ module.exports = {
   NotificationListener,
   NumberField,
   Optgroup,
+  Pill,
   Progress,
   ProgressRing,
   Radio,

package/dist/react.mjs

@@ -56,6 +56,7 @@ import { Multiselect as MultiselectWC } from './esm/multiselect/multiselect.js';
 import { NotificationListener as NotificationListenerWC } from './esm/notification-listener/notification-listener.js';
 import { NumberField as NumberFieldWC } from './esm/number-field/number-field.js';
 import { Optgroup as OptgroupWC } from './esm/optgroup/optgroup.js';
+import { Pill as PillWC } from './esm/pill/pill.js';
 import { ProgressRing as ProgressRingWC } from './esm/progress-ring/progress-ring.js';
 import { Progress as ProgressWC } from './esm/progress/progress.js';
 import { RadioGroup as RadioGroupWC } from './esm/radio-group/radio-group.js';
@@ -600,6 +601,11 @@ export const GridLayoutItem = React.forwardRef(function GridLayoutItem(props, re
   return React.createElement(customElements.getName(GridLayoutItemWC) ?? '%%prefix%%-grid-layout-item', { ...rest, ref }, children);
 });
 
+export const Icon = React.forwardRef(function Icon(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+});
+
 export const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref) {
   const { onScrollstart, onScrollend, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -622,11 +628,6 @@ export const HorizontalScroll = React.forwardRef(function HorizontalScroll(props
   return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Icon = React.forwardRef(function Icon(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
-});
-
 export const Listbox = React.forwardRef(function Listbox(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
@@ -706,6 +707,28 @@ export const Optgroup = React.forwardRef(function Optgroup(props, ref) {
   return React.createElement(customElements.getName(OptgroupWC) ?? '%%prefix%%-optgroup', { ...rest, ref }, children);
 });
 
+export const Pill = React.forwardRef(function Pill(props, ref) {
+  const { onRemove, onPillClick, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onRemoveRef = React.useRef(onRemove);
+  _onRemoveRef.current = onRemove;
+  const _onPillClickRef = React.useRef(onPillClick);
+  _onPillClickRef.current = onPillClick;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onRemoveFn = (e) => _onRemoveRef.current?.(e);
+    el.addEventListener('remove', _onRemoveFn);
+    const _onPillClickFn = (e) => _onPillClickRef.current?.(e);
+    el.addEventListener('pill-click', _onPillClickFn);
+    return () => {
+      el.removeEventListener('remove', _onRemoveFn);
+      el.removeEventListener('pill-click', _onPillClickFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(PillWC) ?? '%%prefix%%-pill', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const Progress = React.forwardRef(function Progress(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.489.0",
+  "version": "14.489.1-alpha-519bcd2.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.489.0",
-    "@genesislcap/rollup-builder": "14.489.0",
-    "@genesislcap/ts-builder": "14.489.0",
-    "@genesislcap/uvu-playwright-builder": "14.489.0",
-    "@genesislcap/vite-builder": "14.489.0",
-    "@genesislcap/webpack-builder": "14.489.0"
+    "@genesislcap/genx": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/rollup-builder": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/ts-builder": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/uvu-playwright-builder": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/vite-builder": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/webpack-builder": "14.489.1-alpha-519bcd2.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.489.0",
-    "@genesislcap/foundation-logger": "14.489.0",
-    "@genesislcap/foundation-ui": "14.489.0",
-    "@genesislcap/foundation-utils": "14.489.0",
+    "@genesislcap/foundation-comms": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/foundation-logger": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/foundation-ui": "14.489.1-alpha-519bcd2.0",
+    "@genesislcap/foundation-utils": "14.489.1-alpha-519bcd2.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "6c2cd6192531517879d0cf306d86e84a194fe961"
+  "gitHead": "3aaba760fec7b7e9bfebeffb78ecb2ec52a671d2"
 }