@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

package/build/esm/filter-list/base/BaseFilterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","scrollableContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { useCallback } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D>(\n  props: BaseFilterListProps<D>,\n): React.ReactElement {\n  const {\n    title,\n    titleIcon,\n    collapsed = false,\n    onCollapsedChange,\n    filterDefinitions,\n    filterStates,\n    onFilterStateChanged,\n    renderInput,\n    getFilterKey,\n    getFilterLabel,\n    activeFilterCount,\n    onReset,\n    onFilterAdded,\n    onFilterRemoved,\n    showResetButton = false,\n    showActiveFilterCount = false,\n    hasVisibilityChanges,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\n\n  const showHeader = title || titleIcon || showResetButton\n    || showActiveFilterCount || onCollapsedChange;\n\n  const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n  const handleExpand = useCallback(() => {\n    onCollapsedChange?.(false);\n  }, [onCollapsedChange]);\n\n  const isCollapsed = collapsed && onCollapsedChange != null;\n\n  return (\n    <div className={classnames(styles.filterList, className)}>\n      {isCollapsed && (\n        <div\n          className={styles.filterListCollapsed}\n          data-collapsed=\"true\"\n        >\n          <Button\n            className={styles.expandButton}\n            onClick={handleExpand}\n            aria-label=\"Expand filters\"\n          >\n            <ExpandIcon />\n          </Button>\n          <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n        </div>\n      )}\n      <div\n        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\n        {showHeader && (\n          <FilterListHeader\n            title={title}\n            titleIcon={titleIcon}\n            collapsed={collapsed}\n            onCollapsedChange={onCollapsedChange}\n            showResetButton={showResetButton}\n            onReset={onReset}\n            showActiveFilterCount={showActiveFilterCount}\n            activeFilterCount={activeFilterCount}\n            hasVisibilityChanges={hasVisibilityChanges}\n          />\n        )}\n\n        <div className={styles.scrollableContent}>\n          <FilterListContent\n            filterDefinitions={filterDefinitions}\n            filterStates={filterStates}\n            onFilterStateChanged={onFilterStateChanged}\n            onFilterRemoved={onFilterRemoved}\n            renderInput={renderInput}\n            getFilterKey={getFilterKey}\n            getFilterLabel={getFilterLabel}\n            enableSorting={enableSorting}\n          />\n        </div>\n\n        {showAddButton && (\n          <div className={styles.addButtonContainer}>\n            {renderAddFilterButton\n              ? renderAddFilterButton()\n              : (\n                <Button\n                  type=\"button\"\n                  className={styles.addButton}\n                  onClick={onFilterAdded}\n                >\n                  + Add filter\n                </Button>\n              )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/BaseFilterListApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BaseFilterListApi.js.map

package/build/esm/filter-list/base/BaseFilterListApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterListApi.js","names":[],"sources":["BaseFilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type React from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\n\nexport type RenderFilterInput<D> = (props: {\n  definition: D;\n  filterKey: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  searchQuery?: string;\n  excludeRowOpen?: boolean;\n}) => React.ReactNode;\n\nexport interface BaseFilterListProps<D> {\n  filterDefinitions?: Array<D>;\n  filterStates: Map<string, FilterState>;\n  onFilterStateChanged: (filterKey: string, state: FilterState) => void;\n  renderInput: RenderFilterInput<D>;\n  getFilterKey: (definition: D) => string;\n  getFilterLabel: (definition: D) => string;\n  activeFilterCount: number;\n  onReset?: () => void;\n  onFilterAdded?: () => void;\n  onFilterRemoved?: (filterKey: string) => void;\n\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  title?: React.ReactNode;\n  titleIcon?: React.ReactNode;\n  showResetButton?: boolean;\n  showActiveFilterCount?: boolean;\n  hasVisibilityChanges?: boolean;\n  enableSorting?: boolean;\n  className?: string;\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/filter-list/base/DragHandleIcon.js

@@ -0,0 +1,51 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+export function DragHandleIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "8",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "8",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "12.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "12.5",
+    r: "1.5"
+  }));
+}
+//# sourceMappingURL=DragHandleIcon.js.map

package/build/esm/filter-list/base/DragHandleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleIcon.js","names":["React","DragHandleIcon","createElement","width","height","viewBox","fill","cx","cy","r"],"sources":["DragHandleIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\n\nexport function DragHandleIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"5.5\" cy=\"3.5\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"3.5\" r=\"1.5\" />\n      <circle cx=\"5.5\" cy=\"8\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"8\" r=\"1.5\" />\n      <circle cx=\"5.5\" cy=\"12.5\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"12.5\" r=\"1.5\" />\n    </svg>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,cAAcA,CAAA,EAAuB;EACnD,oBACED,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,cAAc;IACnB,eAAY;EAAM,gBAElBN,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,KAAK;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACpCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,KAAK;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACrCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eAClCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACnCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACrCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC;EAAK,CAAE,CAClC,CAAC;AAEV","ignoreList":[]}

package/build/esm/filter-list/base/ExcludeDropdown.js

@@ -0,0 +1,62 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Menu } from "@base-ui/react/menu";
+import React, { memo, useCallback } from "react";
+import styles from "./ExcludeDropdown.module.css";
+import { CheckIcon, ChevronDownIcon, ExcludeIcon } from "./FilterIcons.js";
+function ExcludeDropdownInner({
+  isExcluding,
+  onToggleExclude
+}) {
+  const label = isExcluding ? "Excluding" : "Keeping";
+  const handleSelectKeeping = useCallback(() => {
+    if (isExcluding) {
+      onToggleExclude();
+    }
+  }, [isExcluding, onToggleExclude]);
+  const handleSelectExcluding = useCallback(() => {
+    if (!isExcluding) {
+      onToggleExclude();
+    }
+  }, [isExcluding, onToggleExclude]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.excludeDropdownContainer
+  }, /*#__PURE__*/React.createElement(Menu.Root, null, /*#__PURE__*/React.createElement(Menu.Trigger, {
+    className: styles.trigger,
+    "aria-label": label,
+    "data-excluding": isExcluding || undefined
+  }, isExcluding && /*#__PURE__*/React.createElement(ExcludeIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: styles.triggerLabel
+  }, label), /*#__PURE__*/React.createElement(ChevronDownIcon, null)), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    className: styles.positioner,
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.popup
+  }, /*#__PURE__*/React.createElement(Menu.Item, {
+    className: styles.menuItem,
+    onClick: handleSelectKeeping
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.menuItemCheck
+  }, !isExcluding && /*#__PURE__*/React.createElement(CheckIcon, null)), "Keeping"), /*#__PURE__*/React.createElement(Menu.Item, {
+    className: styles.menuItem,
+    onClick: handleSelectExcluding
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.menuItemCheck
+  }, isExcluding && /*#__PURE__*/React.createElement(CheckIcon, null)), "Excluding"))))));
+}
+export const ExcludeDropdown = /*#__PURE__*/memo(ExcludeDropdownInner);
+//# sourceMappingURL=ExcludeDropdown.js.map

package/build/esm/filter-list/base/ExcludeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcludeDropdown.js","names":["Menu","React","memo","useCallback","styles","CheckIcon","ChevronDownIcon","ExcludeIcon","ExcludeDropdownInner","isExcluding","onToggleExclude","label","handleSelectKeeping","handleSelectExcluding","createElement","className","excludeDropdownContainer","Root","Trigger","trigger","undefined","triggerLabel","Portal","Positioner","positioner","sideOffset","Popup","popup","Item","menuItem","onClick","menuItemCheck","ExcludeDropdown"],"sources":["ExcludeDropdown.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport React, { memo, useCallback } from \"react\";\nimport styles from \"./ExcludeDropdown.module.css\";\nimport { CheckIcon, ChevronDownIcon, ExcludeIcon } from \"./FilterIcons.js\";\n\ninterface ExcludeDropdownProps {\n  isExcluding: boolean;\n  onToggleExclude: () => void;\n}\n\nfunction ExcludeDropdownInner({\n  isExcluding,\n  onToggleExclude,\n}: ExcludeDropdownProps): React.ReactElement {\n  const label = isExcluding ? \"Excluding\" : \"Keeping\";\n\n  const handleSelectKeeping = useCallback(() => {\n    if (isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  const handleSelectExcluding = useCallback(() => {\n    if (!isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  return (\n    <div className={styles.excludeDropdownContainer}>\n      <Menu.Root>\n        <Menu.Trigger\n          className={styles.trigger}\n          aria-label={label}\n          data-excluding={isExcluding || undefined}\n        >\n          {isExcluding && <ExcludeIcon />}\n          <span className={styles.triggerLabel}>\n            {label}\n          </span>\n          <ChevronDownIcon />\n        </Menu.Trigger>\n        <Menu.Portal>\n          <Menu.Positioner className={styles.positioner} sideOffset={4}>\n            <Menu.Popup className={styles.popup}>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectKeeping}\n              >\n                <span className={styles.menuItemCheck}>\n                  {!isExcluding && <CheckIcon />}\n                </span>\n                Keeping\n              </Menu.Item>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectExcluding}\n              >\n                <span className={styles.menuItemCheck}>\n                  {isExcluding && <CheckIcon />}\n                </span>\n                Excluding\n              </Menu.Item>\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    </div>\n  );\n}\n\nexport const ExcludeDropdown: React.MemoExoticComponent<\n  typeof ExcludeDropdownInner\n> = memo(ExcludeDropdownInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,OAAOC,MAAM,MAAM,8BAA8B;AACjD,SAASC,SAAS,EAAEC,eAAe,EAAEC,WAAW,QAAQ,kBAAkB;AAO1E,SAASC,oBAAoBA,CAAC;EAC5BC,WAAW;EACXC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,KAAK,GAAGF,WAAW,GAAG,WAAW,GAAG,SAAS;EAEnD,MAAMG,mBAAmB,GAAGT,WAAW,CAAC,MAAM;IAC5C,IAAIM,WAAW,EAAE;MACfC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,MAAMG,qBAAqB,GAAGV,WAAW,CAAC,MAAM;IAC9C,IAAI,CAACM,WAAW,EAAE;MAChBC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,oBACET,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAEX,MAAM,CAACY;EAAyB,gBAC9Cf,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACiB,IAAI,qBACRhB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACkB,OAAO;IACXH,SAAS,EAAEX,MAAM,CAACe,OAAQ;IAC1B,cAAYR,KAAM;IAClB,kBAAgBF,WAAW,IAAIW;EAAU,GAExCX,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACP,WAAW,MAAE,CAAC,eAC/BN,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAACiB;EAAa,GAClCV,KACG,CAAC,eACPV,KAAA,CAAAa,aAAA,CAACR,eAAe,MAAE,CACN,CAAC,eACfL,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACsB,MAAM,qBACVrB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACuB,UAAU;IAACR,SAAS,EAAEX,MAAM,CAACoB,UAAW;IAACC,UAAU,EAAE;EAAE,gBAC3DxB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC0B,KAAK;IAACX,SAAS,EAAEX,MAAM,CAACuB;EAAM,gBAClC1B,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC4B,IAAI;IACRb,SAAS,EAAEX,MAAM,CAACyB,QAAS;IAC3BC,OAAO,EAAElB;EAAoB,gBAE7BX,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAAC2B;EAAc,GACnC,CAACtB,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACT,SAAS,MAAE,CACzB,CAAC,WAEE,CAAC,eACZJ,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC4B,IAAI;IACRb,SAAS,EAAEX,MAAM,CAACyB,QAAS;IAC3BC,OAAO,EAAEjB;EAAsB,gBAE/BZ,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAAC2B;EAAc,GACnCtB,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACT,SAAS,MAAE,CACxB,CAAC,aAEE,CACD,CACG,CACN,CACJ,CACR,CAAC;AAEV;AAEA,OAAO,MAAM2B,eAEZ,gBAAG9B,IAAI,CAACM,oBAAoB,CAAC","ignoreList":[]}

package/build/esm/filter-list/base/ExcludeDropdown.module.css

@@ -0,0 +1,96 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.excludeDropdownContainer {
+  display: flex;
+  align-items: center;
+}
+
+.trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 0.5);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-family: var(--osdk-filter-item-exclude-dropdown-font-family);
+  font-size: var(--osdk-filter-item-exclude-dropdown-font-size);
+  color: var(--osdk-filter-item-exclude-dropdown-trigger-color);
+  padding: calc(var(--osdk-surface-spacing) * 1)
+    calc(var(--osdk-surface-spacing) * 1);
+  border-radius: var(--osdk-filter-item-exclude-dropdown-trigger-border-radius);
+
+  &:hover {
+    background: var(--osdk-filter-item-header-action-bg-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+}
+
+.triggerLabel {
+  white-space: nowrap;
+}
+
+.positioner {
+  z-index: var(--osdk-surface-z-index-3);
+}
+
+.popup {
+  background: var(--osdk-filter-item-menu-bg);
+  border: var(--osdk-filter-item-menu-border);
+  border-radius: var(--osdk-filter-item-menu-border-radius);
+  box-shadow: var(--osdk-filter-item-menu-shadow);
+  padding: var(--osdk-filter-item-menu-padding);
+  min-width: var(--osdk-filter-item-exclude-dropdown-min-width);
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  padding: var(--osdk-filter-item-menu-item-padding);
+  font-family: var(--osdk-filter-item-menu-item-font-family);
+  font-size: var(--osdk-filter-item-menu-item-font-size);
+  color: var(--osdk-filter-item-menu-item-color);
+  border-radius: var(--osdk-filter-item-menu-item-border-radius);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  width: 100%;
+  text-align: left;
+
+  &:hover,
+  &[data-highlighted] {
+    background: var(--osdk-filter-item-menu-item-bg-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+}
+
+.menuItemCheck {
+  display: flex;
+  align-items: center;
+  width: var(--osdk-filter-item-menu-check-size);
+  flex-shrink: 0;
+}

package/build/esm/filter-list/base/FilterIcons.js

@@ -0,0 +1,65 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ChevronDown, Cross, Disable, DoubleChevronLeft, DoubleChevronRight, More, Reset, Search, Tick } from "@blueprintjs/icons";
+import React from "react";
+export function RemoveIcon() {
+  return /*#__PURE__*/React.createElement(Cross, {
+    size: 14
+  });
+}
+export function SearchIcon() {
+  return /*#__PURE__*/React.createElement(Search, {
+    size: 14
+  });
+}
+export function OverflowMenuIcon() {
+  return /*#__PURE__*/React.createElement(More, {
+    size: 14
+  });
+}
+export function ChevronDownIcon() {
+  return /*#__PURE__*/React.createElement(ChevronDown, {
+    size: 10
+  });
+}
+export function CollapseIcon() {
+  return /*#__PURE__*/React.createElement(DoubleChevronLeft, {
+    size: 14
+  });
+}
+export function ExpandIcon() {
+  return /*#__PURE__*/React.createElement(DoubleChevronRight, {
+    size: 14
+  });
+}
+export function ResetIcon() {
+  return /*#__PURE__*/React.createElement(Reset, {
+    size: 12
+  });
+}
+export function CheckIcon() {
+  return /*#__PURE__*/React.createElement(Tick, {
+    size: 12
+  });
+}
+export function ExcludeIcon() {
+  return /*#__PURE__*/React.createElement(Disable, {
+    color: "currentColor",
+    size: 12
+  });
+}
+//# sourceMappingURL=FilterIcons.js.map

package/build/esm/filter-list/base/FilterIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","Disable","DoubleChevronLeft","DoubleChevronRight","More","Reset","Search","Tick","React","RemoveIcon","createElement","size","SearchIcon","OverflowMenuIcon","ChevronDownIcon","CollapseIcon","ExpandIcon","ResetIcon","CheckIcon","ExcludeIcon","color"],"sources":["FilterIcons.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ChevronDown,\n  Cross,\n  Disable,\n  DoubleChevronLeft,\n  DoubleChevronRight,\n  More,\n  Reset,\n  Search,\n  Tick,\n} from \"@blueprintjs/icons\";\nimport React from \"react\";\n\nexport function RemoveIcon(): React.ReactElement {\n  return <Cross size={14} />;\n}\n\nexport function SearchIcon(): React.ReactElement {\n  return <Search size={14} />;\n}\n\nexport function OverflowMenuIcon(): React.ReactElement {\n  return <More size={14} />;\n}\n\nexport function ChevronDownIcon(): React.ReactElement {\n  return <ChevronDown size={10} />;\n}\n\nexport function CollapseIcon(): React.ReactElement {\n  return <DoubleChevronLeft size={14} />;\n}\n\nexport function ExpandIcon(): React.ReactElement {\n  return <DoubleChevronRight size={14} />;\n}\n\nexport function ResetIcon(): React.ReactElement {\n  return <Reset size={12} />;\n}\n\nexport function CheckIcon(): React.ReactElement {\n  return <Tick size={12} />;\n}\n\nexport function ExcludeIcon(): React.ReactElement {\n  return <Disable color=\"currentColor\" size={12} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,kBAAkB,EAClBC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,IAAI,QACC,oBAAoB;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOD,KAAA,CAAAE,aAAA,CAACV,KAAK;IAACW,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOJ,KAAA,CAAAE,aAAA,CAACJ,MAAM;IAACK,IAAI,EAAE;EAAG,CAAE,CAAC;AAC7B;AAEA,OAAO,SAASE,gBAAgBA,CAAA,EAAuB;EACrD,oBAAOL,KAAA,CAAAE,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASG,eAAeA,CAAA,EAAuB;EACpD,oBAAON,KAAA,CAAAE,aAAA,CAACX,WAAW;IAACY,IAAI,EAAE;EAAG,CAAE,CAAC;AAClC;AAEA,OAAO,SAASI,YAAYA,CAAA,EAAuB;EACjD,oBAAOP,KAAA,CAAAE,aAAA,CAACR,iBAAiB;IAACS,IAAI,EAAE;EAAG,CAAE,CAAC;AACxC;AAEA,OAAO,SAASK,UAAUA,CAAA,EAAuB;EAC/C,oBAAOR,KAAA,CAAAE,aAAA,CAACP,kBAAkB;IAACQ,IAAI,EAAE;EAAG,CAAE,CAAC;AACzC;AAEA,OAAO,SAASM,SAASA,CAAA,EAAuB;EAC9C,oBAAOT,KAAA,CAAAE,aAAA,CAACL,KAAK;IAACM,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASO,SAASA,CAAA,EAAuB;EAC9C,oBAAOV,KAAA,CAAAE,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASQ,WAAWA,CAAA,EAAuB;EAChD,oBAAOX,KAAA,CAAAE,aAAA,CAACT,OAAO;IAACmB,KAAK,EAAC,cAAc;IAACT,IAAI,EAAE;EAAG,CAAE,CAAC;AACnD","ignoreList":[]}

package/build/esm/filter-list/base/FilterInputExcludeRow.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { supportsExcluding } from "../utils/filterValues.js";
+import { ExcludeDropdown } from "./ExcludeDropdown.js";
+import styles from "./FilterListItem.module.css";
+function getSelectedCount(filterState) {
+  if (!filterState) return 0;
+  if (filterState.type === "EXACT_MATCH") return filterState.values.length;
+  if (filterState.type === "SELECT") return filterState.selectedValues.length;
+  return 0;
+}
+function FilterInputExcludeRowInner({
+  excludeRowOpen,
+  filterState,
+  onFilterStateChanged,
+  totalValueCount,
+  onClearAll,
+  children
+}) {
+  const handleToggleExclude = useCallback(() => {
+    if (filterState) {
+      onFilterStateChanged({
+        ...filterState,
+        isExcluding: !filterState.isExcluding
+      });
+    }
+  }, [filterState, onFilterStateChanged]);
+  const isExcluding = filterState?.isExcluding ?? false;
+  const selectedCount = useMemo(() => getSelectedCount(filterState), [filterState]);
+  if (!supportsExcluding(filterState)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    "data-exclude-row": true,
+    className: classnames(styles.excludeRow, {
+      [styles.excludeRowVisible]: excludeRowOpen ?? false
+    })
+  }, /*#__PURE__*/React.createElement(ExcludeDropdown, {
+    isExcluding: isExcluding,
+    onToggleExclude: handleToggleExclude
+  }), totalValueCount != null && totalValueCount > 0 && /*#__PURE__*/React.createElement("span", {
+    className: styles.excludeCountLabel,
+    title: "Approximate count of unique values"
+  }, selectedCount.toLocaleString(), " of", " ", totalValueCount.toLocaleString(), " values"), onClearAll && selectedCount > 0 && /*#__PURE__*/React.createElement(Button, {
+    className: styles.clearAllButton,
+    onClick: onClearAll
+  }, "Clear all")), children);
+}
+export const FilterInputExcludeRow = /*#__PURE__*/memo(FilterInputExcludeRowInner);
+//# sourceMappingURL=FilterInputExcludeRow.js.map

package/build/esm/filter-list/base/FilterInputExcludeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterInputExcludeRow.js","names":["Button","classnames","React","memo","useCallback","useMemo","supportsExcluding","ExcludeDropdown","styles","getSelectedCount","filterState","type","values","length","selectedValues","FilterInputExcludeRowInner","excludeRowOpen","onFilterStateChanged","totalValueCount","onClearAll","children","handleToggleExclude","isExcluding","selectedCount","createElement","Fragment","className","excludeRow","excludeRowVisible","onToggleExclude","excludeCountLabel","title","toLocaleString","clearAllButton","onClick","FilterInputExcludeRow"],"sources":["FilterInputExcludeRow.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { supportsExcluding } from \"../utils/filterValues.js\";\nimport { ExcludeDropdown } from \"./ExcludeDropdown.js\";\nimport styles from \"./FilterListItem.module.css\";\n\nfunction getSelectedCount(filterState: FilterState | undefined): number {\n  if (!filterState) return 0;\n  if (filterState.type === \"EXACT_MATCH\") return filterState.values.length;\n  if (filterState.type === \"SELECT\") return filterState.selectedValues.length;\n  return 0;\n}\n\ninterface FilterInputExcludeRowProps {\n  excludeRowOpen?: boolean;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  totalValueCount?: number;\n  onClearAll?: () => void;\n  children: React.ReactNode;\n}\n\nfunction FilterInputExcludeRowInner({\n  excludeRowOpen,\n  filterState,\n  onFilterStateChanged,\n  totalValueCount,\n  onClearAll,\n  children,\n}: FilterInputExcludeRowProps): React.ReactElement {\n  const handleToggleExclude = useCallback(() => {\n    if (filterState) {\n      onFilterStateChanged({\n        ...filterState,\n        isExcluding: !filterState.isExcluding,\n      });\n    }\n  }, [filterState, onFilterStateChanged]);\n\n  const isExcluding = filterState?.isExcluding ?? false;\n  const isOpen = excludeRowOpen ?? false;\n  const selectedCount = useMemo(\n    () => getSelectedCount(filterState),\n    [filterState],\n  );\n\n  if (!supportsExcluding(filterState)) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      <div\n        data-exclude-row={true}\n        className={classnames(styles.excludeRow, {\n          [styles.excludeRowVisible]: isOpen,\n        })}\n      >\n        <ExcludeDropdown\n          isExcluding={isExcluding}\n          onToggleExclude={handleToggleExclude}\n        />\n        {totalValueCount != null && totalValueCount > 0 && (\n          <span\n            className={styles.excludeCountLabel}\n            title=\"Approximate count of unique values\"\n          >\n            {selectedCount.toLocaleString()} of{\" \"}\n            {totalValueCount.toLocaleString()} values\n          </span>\n        )}\n        {onClearAll && selectedCount > 0 && (\n          <Button\n            className={styles.clearAllButton}\n            onClick={onClearAll}\n          >\n            Clear all\n          </Button>\n        )}\n      </div>\n      {children}\n    </>\n  );\n}\n\nexport const FilterInputExcludeRow: React.MemoExoticComponent<\n  typeof FilterInputExcludeRowInner\n> = memo(FilterInputExcludeRowInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEzD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,eAAe,QAAQ,sBAAsB;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAEhD,SAASC,gBAAgBA,CAACC,WAAoC,EAAU;EACtE,IAAI,CAACA,WAAW,EAAE,OAAO,CAAC;EAC1B,IAAIA,WAAW,CAACC,IAAI,KAAK,aAAa,EAAE,OAAOD,WAAW,CAACE,MAAM,CAACC,MAAM;EACxE,IAAIH,WAAW,CAACC,IAAI,KAAK,QAAQ,EAAE,OAAOD,WAAW,CAACI,cAAc,CAACD,MAAM;EAC3E,OAAO,CAAC;AACV;AAWA,SAASE,0BAA0BA,CAAC;EAClCC,cAAc;EACdN,WAAW;EACXO,oBAAoB;EACpBC,eAAe;EACfC,UAAU;EACVC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,mBAAmB,GAAGjB,WAAW,CAAC,MAAM;IAC5C,IAAIM,WAAW,EAAE;MACfO,oBAAoB,CAAC;QACnB,GAAGP,WAAW;QACdY,WAAW,EAAE,CAACZ,WAAW,CAACY;MAC5B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACZ,WAAW,EAAEO,oBAAoB,CAAC,CAAC;EAEvC,MAAMK,WAAW,GAAGZ,WAAW,EAAEY,WAAW,IAAI,KAAK;EAErD,MAAMC,aAAa,GAAGlB,OAAO,CAC3B,MAAMI,gBAAgB,CAACC,WAAW,CAAC,EACnC,CAACA,WAAW,CACd,CAAC;EAED,IAAI,CAACJ,iBAAiB,CAACI,WAAW,CAAC,EAAE;IACnC,oBAAOR,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGL,QAAW,CAAC;EACxB;EAEA,oBACElB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IACE,oBAAkB,IAAK;IACvBE,SAAS,EAAEzB,UAAU,CAACO,MAAM,CAACmB,UAAU,EAAE;MACvC,CAACnB,MAAM,CAACoB,iBAAiB,GAflBZ,cAAc,IAAI;IAgB3B,CAAC;EAAE,gBAEHd,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IACde,WAAW,EAAEA,WAAY;IACzBO,eAAe,EAAER;EAAoB,CACtC,CAAC,EACDH,eAAe,IAAI,IAAI,IAAIA,eAAe,GAAG,CAAC,iBAC7ChB,KAAA,CAAAsB,aAAA;IACEE,SAAS,EAAElB,MAAM,CAACsB,iBAAkB;IACpCC,KAAK,EAAC;EAAoC,GAEzCR,aAAa,CAACS,cAAc,CAAC,CAAC,EAAC,KAAG,EAAC,GAAG,EACtCd,eAAe,CAACc,cAAc,CAAC,CAAC,EAAC,SAC9B,CACP,EACAb,UAAU,IAAII,aAAa,GAAG,CAAC,iBAC9BrB,KAAA,CAAAsB,aAAA,CAACxB,MAAM;IACL0B,SAAS,EAAElB,MAAM,CAACyB,cAAe;IACjCC,OAAO,EAAEf;EAAW,GACrB,WAEO,CAEP,CAAC,EACLC,QACD,CAAC;AAEP;AAEA,OAAO,MAAMe,qBAEZ,gBAAGhC,IAAI,CAACY,0BAA0B,CAAC","ignoreList":[]}

package/build/esm/filter-list/base/FilterList.module.css

@@ -17,20 +17,94 @@
 .filterList {
   display: flex;
   flex-direction: column;
+  height: 100%;
+}
+
+.filterListCollapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: var(--osdk-filter-list-collapsed-width);
+  height: 100%;
   background: var(--osdk-filter-list-bg);
   border: var(--osdk-filter-list-border);
   border-radius: var(--osdk-filter-list-border-radius);
+  padding: var(--osdk-surface-spacing) 0;
+  gap: var(--osdk-surface-spacing);
+}
+
+.expandedContent {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  box-shadow: var(--osdk-filter-list-shadow);
   padding: var(--osdk-filter-list-padding);
   gap: var(--osdk-filter-list-gap);
 }
 
+.scrollableContent {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.hiddenContent {
+  display: none;
+}
+
+.expandButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-header-button-padding);
+  border: none;
+  background: var(--osdk-filter-header-button-bg);
+  cursor: pointer;
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  color: var(--osdk-filter-header-collapse-icon-color);
+  transition: background-color var(--osdk-filter-header-button-transition);
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.collapsedLabel {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  font-family: var(--osdk-filter-list-collapsed-label-font-family);
+  font-size: var(--osdk-filter-list-collapsed-label-font-size);
+  color: var(--osdk-filter-list-collapsed-label-color);
+  font-weight: var(--osdk-filter-header-font-weight);
+  user-select: none;
+}
+
 .addButtonContainer {
   display: flex;
   justify-content: center;
-  position: sticky;
-  bottom: 0;
-  padding-top: var(--osdk-filter-list-addButton-padding-top);
-  background: var(--osdk-filter-list-addButton-container-bg, var(--osdk-filter-list-bg));
+  padding: var(--osdk-filter-list-addButton-container-padding);
+  background: var(--osdk-filter-list-addButton-container-bg);
+  border-top: var(--osdk-filter-list-addButton-container-border-top);
+  flex-shrink: 0;
 }
 
 .addButtonContainer > * {
@@ -38,13 +112,17 @@
 }
 
 .addButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   font-family: var(--osdk-filter-header-font-family);
   font-size: var(--osdk-filter-header-reset-font-size);
-  color: var(--osdk-filter-header-reset-color);
+  color: var(--osdk-typography-color-default-rest);
   background: var(--osdk-filter-header-button-bg);
-  border: none;
+  border: var(--osdk-filter-list-addButton-border);
   cursor: pointer;
   padding: var(--osdk-filter-header-reset-padding);
+  min-height: var(--osdk-filter-list-addButton-height);
   border-radius: var(--osdk-filter-header-button-border-radius);
   transition: background-color var(--osdk-filter-header-button-transition);