@genesislcap/foundation-zero 14.499.0 → 14.500.1-alpha-beb5193.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroAiCriteriaSearch,\n  zeroAiIndicator,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumb,\n  zeroBreadcrumbItem,\n  zeroButton,\n  zeroCalendar,\n  zeroCard,\n  zeroCategorizedMultiselect,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDatePicker,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroEnvironmentIndicator,\n  zeroErrorBanner,\n  zeroErrorBoundary,\n  zeroErrorDialog,\n  zeroFileReader,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNotificationListener,\n  zeroNumberField,\n  zeroOptgroup,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSchedulerCronBuilder,\n  zeroSearchBar,\n  zeroSearchBarCombobox,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroScheduler,\n  zeroSchedulerTimezone,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSliderLabel,\n  zeroSnackbar,\n  zeroStackingIcons,\n  zeroStatusPill,\n  zeroStepper,\n  zeroStepperTab,\n  zeroStepperTabPanel,\n  zeroSwitch,\n  zeroSystemHealthOverlay,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  zeroSectionNavigator,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
+          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroAiCriteriaSearch,\n  zeroAiIndicator,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumb,\n  zeroBreadcrumbItem,\n  zeroButton,\n  zeroCalendar,\n  zeroCard,\n  zeroCategorizedMultiselect,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDatePicker,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroEnvironmentIndicator,\n  zeroErrorBanner,\n  zeroErrorBoundary,\n  zeroErrorDialog,\n  zeroFileReader,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNotificationListener,\n  zeroNumberField,\n  zeroOptgroup,\n  zeroPill,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSchedulerCronBuilder,\n  zeroSearchBar,\n  zeroSearchBarCombobox,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroScheduler,\n  zeroSchedulerTimezone,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSliderLabel,\n  zeroSnackbar,\n  zeroStackingIcons,\n  zeroStatusPill,\n  zeroStepper,\n  zeroStepperTab,\n  zeroStepperTabPanel,\n  zeroSwitch,\n  zeroSystemHealthOverlay,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  zeroSectionNavigator,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
         }
       ],
       "exports": [
@@ -460,6 +460,14 @@
             "package": "./overlays"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pill"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -28943,6 +28951,403 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/pill/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pill"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pill.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pill.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pill/pill.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroPillStyles",
+          "type": {
+            "text": "ElementStyles"
+          },
+          "default": "css`\n  ${foundationPillStyles}\n  :host {\n    --pill-fill: ${neutralFillRest};\n    --pill-fill-hover: ${neutralFillHover};\n    --pill-foreground: ${neutralForegroundRest};\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroPillStyles",
+          "declaration": {
+            "name": "zeroPillStyles",
+            "module": "src/pill/pill.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pill/pill.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "zeroPillTemplate",
+          "default": "foundationPillTemplate"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroPillTemplate",
+          "declaration": {
+            "name": "zeroPillTemplate",
+            "module": "src/pill/pill.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pill/pill.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Pill",
+          "superclass": {
+            "name": "FoundationPill",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-pill",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "fieldName": "label",
+              "description": "the name of the thing this pill represents, e.g. a filter field name",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "fieldName": "value",
+              "description": "the current value shown alongside the label, e.g. \"Cpty Desk: EQUITIES\"",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "removable",
+              "description": "whether the \"x\" remove control is shown",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled",
+              "description": "disables both the pill body and the remove control",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "removable",
+              "fieldName": "removable",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "removable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "removable",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleBodyClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleRemoveClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the remove control is activated.",
+              "name": "remove",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            },
+            {
+              "description": "Fired when the pill body (excluding the remove control) is activated.",
+              "name": "pill-click",
+              "inheritedFrom": {
+                "name": "Pill",
+                "module": "src/pill/pill.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "zeroPill"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Pill",
+          "declaration": {
+            "name": "Pill",
+            "module": "src/pill/pill.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroPill",
+          "declaration": {
+            "name": "zeroPill",
+            "module": "src/pill/pill.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/progress/index.ts",

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';
@@ -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');
@@ -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);
@@ -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';
@@ -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.499.0",
+  "version": "14.500.1-alpha-beb5193.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.499.0",
-    "@genesislcap/rollup-builder": "14.499.0",
-    "@genesislcap/ts-builder": "14.499.0",
-    "@genesislcap/uvu-playwright-builder": "14.499.0",
-    "@genesislcap/vite-builder": "14.499.0",
-    "@genesislcap/webpack-builder": "14.499.0"
+    "@genesislcap/genx": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/rollup-builder": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/ts-builder": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/uvu-playwright-builder": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/vite-builder": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/webpack-builder": "14.500.1-alpha-beb5193.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.499.0",
-    "@genesislcap/foundation-logger": "14.499.0",
-    "@genesislcap/foundation-ui": "14.499.0",
-    "@genesislcap/foundation-utils": "14.499.0",
+    "@genesislcap/foundation-comms": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/foundation-logger": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/foundation-ui": "14.500.1-alpha-beb5193.0",
+    "@genesislcap/foundation-utils": "14.500.1-alpha-beb5193.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": "49903bfdc57c5c5a7dd0d711d9717908df0b7ac7"
+  "gitHead": "f65527ba44a5821be4fdc88f6e4bdf1876b8ffb6"
 }