@genesislcap/rapid-design-system 14.500.0 → 14.501.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  designSystemProvider,\n  rapidAccordion,\n  rapidAccordionItem,\n  rapidAiCriteriaSearch,\n  rapidAiIndicator,\n  rapidActionsMenu,\n  rapidAnchor,\n  rapidSectionNavigator,\n  rapidAnchoredRegion,\n  rapidAvatar,\n  rapidBadge,\n  rapidBanner,\n  rapidBreadcrumb,\n  rapidBreadcrumbItem,\n  rapidButton,\n  rapidCalendar,\n  rapidCard,\n  rapidCategorizedMultiselect,\n  rapidCheckbox,\n  rapidCombobox,\n  rapidConnectionIndicator,\n  rapidDataGrid,\n  rapidDataGridCell,\n  rapidDataGridRow,\n  rapidDatePicker,\n  rapidDialog,\n  rapidDisclosure,\n  rapidDivider,\n  rapidDropdownMenu,\n  rapidEnvironmentIndicator,\n  rapidErrorBoundary,\n  rapidFileReader,\n  rapidFileUpload,\n  rapidFilter,\n  rapidFilterBar,\n  rapidFlexLayout,\n  rapidFlipper,\n  rapidFlyout,\n  rapidGridLayout,\n  rapidGridLayoutItem,\n  rapidHorizontalScroll,\n  rapidIcon,\n  rapidListbox,\n  rapidListboxOption,\n  rapidMenu,\n  rapidMenuItem,\n  rapidModal,\n  rapidMultiselect,\n  rapidNotificationListener,\n  rapidNumberField,\n  rapidOptgroup,\n  rapidProgress,\n  rapidProgressRing,\n  rapidRadio,\n  rapidRadioGroup,\n  rapidScheduler,\n  rapidSchedulerCronBuilder,\n  rapidSchedulerTimezone,\n  rapidSearchBar,\n  rapidSearchBarCombobox,\n  rapidSegmentedControl,\n  rapidSegmentedItem,\n  rapidSelect,\n  rapidSkeleton,\n  rapidSlider,\n  rapidSliderLabel,\n  rapidSnackbar,\n  rapidStackingIcons,\n  rapidStatusPill,\n  rapidStepper,\n  rapidStepperTab,\n  rapidStepperTabPanel,\n  rapidSwitch,\n  rapidSystemHealthOverlay,\n  rapidTab,\n  rapidTabPanel,\n  rapidTabs,\n  rapidTextArea,\n  rapidTextField,\n  rapidToast,\n  rapidToolbar,\n  rapidTooltip,\n  rapidTreeItem,\n  rapidTreeView,\n  rapidUrlInput,\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  designSystemProvider,\n  rapidAccordion,\n  rapidAccordionItem,\n  rapidAiCriteriaSearch,\n  rapidAiIndicator,\n  rapidActionsMenu,\n  rapidAnchor,\n  rapidSectionNavigator,\n  rapidAnchoredRegion,\n  rapidAvatar,\n  rapidBadge,\n  rapidBanner,\n  rapidBreadcrumb,\n  rapidBreadcrumbItem,\n  rapidButton,\n  rapidCalendar,\n  rapidCard,\n  rapidCategorizedMultiselect,\n  rapidCheckbox,\n  rapidCombobox,\n  rapidConnectionIndicator,\n  rapidDataGrid,\n  rapidDataGridCell,\n  rapidDataGridRow,\n  rapidDatePicker,\n  rapidDialog,\n  rapidDisclosure,\n  rapidDivider,\n  rapidDropdownMenu,\n  rapidEnvironmentIndicator,\n  rapidErrorBoundary,\n  rapidFileReader,\n  rapidFileUpload,\n  rapidFilter,\n  rapidFilterBar,\n  rapidFlexLayout,\n  rapidFlipper,\n  rapidFlyout,\n  rapidGridLayout,\n  rapidGridLayoutItem,\n  rapidHorizontalScroll,\n  rapidIcon,\n  rapidListbox,\n  rapidListboxOption,\n  rapidMenu,\n  rapidMenuItem,\n  rapidModal,\n  rapidMultiselect,\n  rapidNotificationListener,\n  rapidNumberField,\n  rapidOptgroup,\n  rapidPill,\n  rapidProgress,\n  rapidProgressRing,\n  rapidRadio,\n  rapidRadioGroup,\n  rapidScheduler,\n  rapidSchedulerCronBuilder,\n  rapidSchedulerTimezone,\n  rapidSearchBar,\n  rapidSearchBarCombobox,\n  rapidSegmentedControl,\n  rapidSegmentedItem,\n  rapidSelect,\n  rapidSkeleton,\n  rapidSlider,\n  rapidSliderLabel,\n  rapidSnackbar,\n  rapidStackingIcons,\n  rapidStatusPill,\n  rapidStepper,\n  rapidStepperTab,\n  rapidStepperTabPanel,\n  rapidSwitch,\n  rapidSystemHealthOverlay,\n  rapidTab,\n  rapidTabPanel,\n  rapidTabs,\n  rapidTextArea,\n  rapidTextField,\n  rapidToast,\n  rapidToolbar,\n  rapidTooltip,\n  rapidTreeItem,\n  rapidTreeView,\n  rapidUrlInput,\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": [
@@ -476,6 +476,14 @@
             "package": "./number-field"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pill"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -25825,6 +25833,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": "rapidPillStyles",
+          "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": "rapidPillStyles",
+          "declaration": {
+            "name": "rapidPillStyles",
+            "module": "src/pill/pill.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pill/pill.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "rapidPillTemplate",
+          "default": "foundationPillTemplate"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidPillTemplate",
+          "declaration": {
+            "name": "rapidPillTemplate",
+            "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": "rapidPill"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Pill",
+          "declaration": {
+            "name": "Pill",
+            "module": "src/pill/pill.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidPill",
+          "declaration": {
+            "name": "rapidPill",
+            "module": "src/pill/pill.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/progress/index.ts",

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

@@ -171,6 +171,17 @@ export declare const baseComponents: {
     }, typeof import("./notification-listener").NotificationListener>;
     rapidNumberField: (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>;
     rapidOptgroup: (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>;
+    rapidPill: (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>;
     rapidProgress: (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>;
     rapidProgressRing: (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>>;
     rapidRadio: (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":"AAAA,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":"AAAA,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

@@ -54,6 +54,7 @@ export * from './modal';
 export * from './modal-theme';
 export * from './multiselect';
 export * from './number-field';
+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;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,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,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,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,kBAAkB,CAAC;AACjC,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,0BAA0B,CAAC;AACzC,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,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,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,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;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,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,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,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,kBAAkB,CAAC;AACjC,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,0BAA0B,CAAC;AACzC,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,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,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,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 rapidPill: (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,SAAS;;;;;;;;;;eAMpB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ElementStyles } from '@microsoft/fast-element';
+export declare const rapidPillStyles: 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,eAAe,EAAE,aAO7B,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const rapidPillTemplate: 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,iBAAiB,gGAAyB,CAAC"}

package/dist/dts/react.d.ts

@@ -50,6 +50,7 @@ import type { NotificationListener as NotificationListenerWC } from './notificat
 import type { NumberField as NumberFieldWC } from './number-field/number-field';
 import type { Optgroup as OptgroupWC } from './optgroup/optgroup';
 import type { SystemHealthOverlay as SystemHealthOverlayWC } from './overlays/system-health/system-health-overlay';
+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';
@@ -562,6 +563,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

@@ -49,6 +49,7 @@ import { rapidNotificationListener } from './notification-listener';
 import { rapidNumberField } from './number-field';
 import { rapidOptgroup } from './optgroup';
 import { rapidSystemHealthOverlay } from './overlays';
+import { rapidPill } from './pill';
 import { rapidProgress } from './progress';
 import { rapidProgressRing } from './progress-ring';
 import { rapidRadio } from './radio';
@@ -134,6 +135,7 @@ export const baseComponents = {
     rapidNotificationListener,
     rapidNumberField,
     rapidOptgroup,
+    rapidPill,
     rapidProgress,
     rapidProgressRing,
     rapidRadio,

package/dist/esm/index.js

@@ -54,6 +54,7 @@ export * from './modal';
 export * from './modal-theme';
 export * from './multiselect';
 export * from './number-field';
+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 { rapidPillStyles as styles } from './pill.styles';
+import { rapidPillTemplate as template } from './pill.template';
+/**
+ * @tagname %%prefix%%-pill
+ */
+export class Pill extends FoundationPill {
+}
+export const rapidPill = 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 rapidPillStyles = 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 rapidPillTemplate = foundationPillTemplate;

package/dist/react.cjs

@@ -52,6 +52,7 @@ const { NotificationListener: NotificationListenerWC } = require('./esm/notifica
 const { NumberField: NumberFieldWC } = require('./esm/number-field/number-field.js');
 const { Optgroup: OptgroupWC } = require('./esm/optgroup/optgroup.js');
 const { SystemHealthOverlay: SystemHealthOverlayWC } = require('./esm/overlays/system-health/system-health-overlay.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');
@@ -634,6 +635,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);
@@ -1003,6 +1026,7 @@ module.exports = {
   NotificationListener,
   NumberField,
   Optgroup,
+  Pill,
   Progress,
   ProgressRing,
   Radio,

package/dist/react.mjs

@@ -50,6 +50,7 @@ import { NotificationListener as NotificationListenerWC } from './esm/notificati
 import { NumberField as NumberFieldWC } from './esm/number-field/number-field.js';
 import { Optgroup as OptgroupWC } from './esm/optgroup/optgroup.js';
 import { SystemHealthOverlay as SystemHealthOverlayWC } from './esm/overlays/system-health/system-health-overlay.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';
@@ -632,6 +633,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/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.500.0",
+  "version": "14.501.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -38,13 +38,13 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-testing": "14.500.0",
-    "@genesislcap/genx": "14.500.0",
-    "@genesislcap/rollup-builder": "14.500.0",
-    "@genesislcap/ts-builder": "14.500.0",
-    "@genesislcap/uvu-playwright-builder": "14.500.0",
-    "@genesislcap/vite-builder": "14.500.0",
-    "@genesislcap/webpack-builder": "14.500.0",
+    "@genesislcap/foundation-testing": "14.501.0",
+    "@genesislcap/genx": "14.501.0",
+    "@genesislcap/rollup-builder": "14.501.0",
+    "@genesislcap/ts-builder": "14.501.0",
+    "@genesislcap/uvu-playwright-builder": "14.501.0",
+    "@genesislcap/vite-builder": "14.501.0",
+    "@genesislcap/webpack-builder": "14.501.0",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -56,9 +56,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.500.0",
-    "@genesislcap/foundation-ui": "14.500.0",
-    "@genesislcap/foundation-utils": "14.500.0",
+    "@genesislcap/foundation-logger": "14.501.0",
+    "@genesislcap/foundation-ui": "14.501.0",
+    "@genesislcap/foundation-utils": "14.501.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -86,5 +86,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "71f449cda804427acfa5d246da83d1044f2cb2c4"
+  "gitHead": "4fccf90855cbd10b0289566a75a95120a2be4384"
 }