@pine-ds/core 3.6.0 → 3.8.0

package/dist/collection/components/pds-filters/pds-filter/pds-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-filter.js","sourceRoot":"","sources":["../../../../src/components/pds-filters/pds-filter/pds-filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, h, Prop, State, Method, Listen } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\nimport type { PdsFilterOpenEventDetail, PdsFilterCloseEventDetail, PdsFilterClearEventDetail, PdsFilterVariant } from './filter-interface';\n\nimport { enlarge, trash } from '@pine-ds/icons/icons';\n\n/**\n * Individual filter component with cross-browser popover positioning.\n *\n * Uses a hybrid approach for optimal cross-browser compatibility:\n * - Modern browsers: CSS anchor positioning + JavaScript flip classes\n * - Fallback browsers: JavaScript positioning with viewport boundary detection\n *\n * @part button - Exposes the trigger button element for styling.\n * @part button-content - Exposes the button content container for styling.\n * @part button-text - Exposes the button text for styling.\n * @part icon - Exposes the icon component for styling.\n * @part popover - Exposes the popover container for styling.\n * @slot (default) - Popover content that will be displayed when the filter is open.\n */\n\n@Component({\n  tag: 'pds-filter',\n  styleUrl: 'pds-filter.scss',\n  shadow: true,\n})\nexport class PdsFilter implements BasePdsProps {\n  @Element() el!: HTMLPdsFilterElement;\n\n  private popoverEl: HTMLElement;\n  private scrollRAF: number | null = null;\n  private lastScrollTime = 0;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * The variant style of the filter trigger.\n   * @defaultValue 'default'\n   */\n  @Prop() variant: PdsFilterVariant = 'default';\n\n  /**\n   * The name of the icon to display in the trigger button.\n   * For 'clear' variant, this is ignored as it always shows trash icon.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The text content displayed in the trigger button.\n   */\n  @Prop() text?: string;\n\n\n  /**\n   * State to track if the popover is open.\n   */\n  @State() isOpen = false;\n\n  /**\n   * Event emitted when the filter popover is opened.\n   */\n  @Event() pdsFilterOpen: EventEmitter<PdsFilterOpenEventDetail>;\n\n  /**\n   * Event emitted when the filter popover is closed.\n   */\n  @Event() pdsFilterClose: EventEmitter<PdsFilterCloseEventDetail>;\n\n  /**\n   * Event emitted when the clear variant is clicked.\n   */\n  @Event() pdsFilterClear: EventEmitter<PdsFilterClearEventDetail>;\n\n\n  /**\n   * Component lifecycle: Clean up when disconnected from DOM.\n   * Prevents memory leaks by canceling pending operations and closing popovers.\n   */\n  disconnectedCallback() {\n    // Cancel pending animation frames\n    if (this.scrollRAF) {\n      cancelAnimationFrame(this.scrollRAF);\n      this.scrollRAF = null;\n    }\n\n    this.lastScrollTime = 0;\n\n    // Clean up native popover event listeners\n    if (this.popoverEl) {\n      const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n      if (supportsPopoverAPI) {\n        this.popoverEl.removeEventListener('toggle', this.handleNativePopoverToggle);\n      }\n    }\n\n    // Ensure popover is closed\n    if (this.isOpen && this.popoverEl) {\n      try {\n        this.popoverEl.hidePopover();\n      } catch (error) {\n        this.popoverEl.style.display = 'none';\n        this.popoverEl.classList.remove('is-open');\n      }\n    }\n  }\n\n\n  componentDidRender() {\n    // Note: popoverEl is set via ref callback in render method\n    // For browsers with native popover API, we need direct element listeners\n    // since the document listener may not capture native popover toggle events\n    if (this.popoverEl) {\n      const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n      if (supportsPopoverAPI) {\n        // Remove any existing listeners to avoid duplicates\n        this.popoverEl.removeEventListener('toggle', this.handleNativePopoverToggle);\n        // Add direct listener for native popover events\n        this.popoverEl.addEventListener('toggle', this.handleNativePopoverToggle);\n      }\n    }\n  }\n\n  /**\n   * Handle native popover toggle events directly on the element\n   * This is needed for browsers with native Popover API support\n   */\n  private handleNativePopoverToggle = (event: Event) => {\n    const target = event.target as HTMLElement;\n\n    if (target && target.id === `${this.componentId}-popover`) {\n      // Check current popover state\n      let isCurrentlyOpen = false;\n      try {\n        isCurrentlyOpen = target.matches(':popover-open');\n      } catch (error) {\n        // Fallback if :popover-open selector isn't supported\n        isCurrentlyOpen = target.style.display === 'block';\n      }\n\n      // Update state\n      this.isOpen = isCurrentlyOpen;\n\n      if (this.isOpen) {\n        setTimeout(() => this.adjustPopoverPosition(), 0);\n\n        this.pdsFilterOpen.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      } else {\n        this.pdsFilterClose.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      }\n    }\n  };\n\n  /**\n   * Reposition popovers on window resize.\n   */\n  @Listen('resize', { target: 'window' })\n  handleWindowResize() {\n    if (this.isOpen) {\n      setTimeout(() => this.adjustPopoverPosition(), 16);\n    }\n  }\n\n  /**\n   * Reposition popovers on scroll with performance throttling.\n   */\n  @Listen('scroll', { target: 'window', passive: true })\n  handleWindowScroll() {\n    if (this.isOpen) {\n      const supportsAnchorPositioning = \"anchorName\" in document.documentElement.style;\n      const now = performance.now();\n\n      const throttleMs = supportsAnchorPositioning ? 66 : 33;\n      if (now - this.lastScrollTime < throttleMs) {\n        return;\n      }\n\n      this.lastScrollTime = now;\n\n      if (this.scrollRAF) {\n        cancelAnimationFrame(this.scrollRAF);\n      }\n\n      this.scrollRAF = requestAnimationFrame(() => {\n        if (this.isOpen && this.popoverEl && this.el.isConnected) {\n          this.adjustPopoverPosition();\n        }\n        this.scrollRAF = null;\n      });\n    }\n  }\n\n  /**\n   * Closes other open filter popovers to ensure only one is open at a time.\n   */\n  private closeOtherPopovers() {\n    const allFilters = document.querySelectorAll('pds-filter');\n\n    allFilters.forEach((filter) => {\n      if (filter === this.el) return;\n\n      const popover = filter.shadowRoot?.querySelector('.pds-filter__popover') as HTMLElement;\n\n      if (popover) {\n        // Check for popover API support to avoid crashes\n        let isPopoverOpen = false;\n        try {\n          isPopoverOpen = popover.matches(':popover-open');\n        } catch (error) {\n          // Fallback if :popover-open selector isn't supported\n          isPopoverOpen = popover.style.display === 'block';\n        }\n\n        if (isPopoverOpen) {\n          try {\n            popover.hidePopover();\n          } catch (error) {\n            popover.style.display = 'none';\n            popover.classList.remove('is-open');\n          }\n        }\n      }\n    });\n  }\n\n  /**\n   * Adjusts popover position to keep it within viewport bounds.\n   * Uses CSS anchor positioning for modern browsers, JavaScript for fallback browsers.\n   */\n  private adjustPopoverPosition() {\n    if (!this.popoverEl || this.variant === 'clear') return;\n\n    const triggerEl = this.el.shadowRoot?.querySelector('.pds-filter__trigger') as HTMLElement;\n    if (!triggerEl) return;\n\n    const triggerRect = triggerEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    const supportsAnchorPositioning = \"anchorName\" in document.documentElement.style;\n\n    // Get dimensions for boundary detection\n    const popoverWidth = 228;\n    const popoverHeight = this.popoverEl.getBoundingClientRect().height || 200;\n\n    // Boundary detection for flipping\n    const bufferSpace = 20;\n    const wouldOverflowRight = (triggerRect.left + popoverWidth + bufferSpace) > viewportWidth;\n    const wouldOverflowBottom = (triggerRect.bottom + 8 + popoverHeight + bufferSpace) > viewportHeight;\n\n    if (supportsAnchorPositioning) {\n      // Modern browsers: CSS anchor positioning + JavaScript-controlled flipping\n      this.popoverEl.classList.remove('popover-flip-horizontal', 'popover-flip-vertical');\n\n      if (wouldOverflowRight) {\n        this.popoverEl.classList.add('popover-flip-horizontal');\n      }\n\n      if (wouldOverflowBottom) {\n        this.popoverEl.classList.add('popover-flip-vertical');\n      }\n\n    } else {\n      // Fallback browsers: JavaScript positioning with boundary detection\n      let left = triggerRect.left;\n      let top = triggerRect.bottom + 8;\n      let transformOrigin = 'top left';\n\n      // Apply horizontal flipping if needed\n      if (wouldOverflowRight) {\n        const actualPopoverWidth = this.popoverEl.getBoundingClientRect().width || popoverWidth;\n        left = triggerRect.right - actualPopoverWidth;\n        transformOrigin = 'top right';\n      }\n\n      // Apply vertical flipping if needed\n      if (wouldOverflowBottom) {\n        top = triggerRect.top - popoverHeight - 8;\n        transformOrigin = transformOrigin.replace('top', 'bottom');\n      }\n\n      // Apply positioning in single DOM write for performance\n      this.popoverEl.style.cssText = `\n        position: fixed;\n        left: ${left}px;\n        top: ${top}px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ${transformOrigin};\n      `;\n    }\n  }\n\n  /**\n   * Opens the filter popover programmatically.\n   * Note: Clear variant does not support popover functionality.\n   */\n  @Method()\n  async showFilter() {\n    if (this.variant === 'clear') {\n      console.warn('Clear variant does not support showFilter method');\n      return;\n    }\n\n    if (this.popoverEl != null) {\n      try {\n        this.popoverEl.showPopover();\n      } catch (error) {\n        // Fallback for testing environment where showPopover is not available\n        this.popoverEl.style.display = 'block';\n        this.popoverEl.classList.add('is-open');\n      }\n    }\n  }\n\n  /**\n   * Closes the filter popover programmatically.\n   * Note: Clear variant does not support popover functionality.\n   */\n  @Method()\n  async hideFilter() {\n    if (this.variant === 'clear') {\n      console.warn('Clear variant does not support hideFilter method');\n      return;\n    }\n\n    if (this.popoverEl != null) {\n      try {\n        this.popoverEl.hidePopover();\n      } catch (error) {\n        // Fallback for testing environment where hidePopover is not available\n        this.popoverEl.style.display = 'none';\n        this.popoverEl.classList.remove('is-open');\n      }\n    }\n  }\n\n  /**\n   * Listen for popover toggle events for browsers without native Popover API (fallback).\n   * Native API browsers use direct element listeners to avoid conflicts.\n   */\n  @Listen('toggle', { target: 'document' })\n  handlePopoverToggle(event: Event) {\n    const target = event.target as HTMLElement;\n    const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n    // Only handle events for fallback browsers (Firefox) to avoid duplicate handling\n    if (!supportsPopoverAPI && target && target.id === `${this.componentId}-popover`) {\n      // Check for popover API support to avoid crashes\n      let isCurrentlyOpen = false;\n      try {\n        isCurrentlyOpen = target.matches(':popover-open');\n      } catch (error) {\n        // Fallback if :popover-open selector isn't supported\n        isCurrentlyOpen = target.style.display === 'block';\n      }\n\n      // Update state\n      this.isOpen = isCurrentlyOpen;\n\n      if (this.isOpen) {\n        setTimeout(() => this.adjustPopoverPosition(), 0);\n\n        this.pdsFilterOpen.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      } else {\n        this.pdsFilterClose.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      }\n    }\n  }\n\n  /**\n   * Listen for clicks to detect outside dismissal.\n   */\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: Event) {\n    // Check if click is outside and popover gets closed\n    if (!this.el.contains(event.target as Node) && this.isOpen && this.variant !== 'clear') {\n      setTimeout(() => {\n        if (this.popoverEl && this.isOpen) {\n          // Check for popover API support to avoid crashes\n          const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n          let popoverIsClosed = false;\n          if (supportsPopoverAPI) {\n            try {\n              popoverIsClosed = !this.popoverEl.matches(':popover-open');\n            } catch (error) {\n              // Fallback if :popover-open selector isn't supported\n              popoverIsClosed = this.popoverEl.style.display !== 'block';\n            }\n          } else {\n            // Manual fallback - assume popover was closed by outside click\n            popoverIsClosed = true;\n          }\n\n          if (popoverIsClosed) {\n            this.isOpen = false;\n            if (!supportsPopoverAPI) {\n              this.popoverEl.style.display = 'none';\n              this.popoverEl.classList.remove('is-open');\n            }\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n  }\n\n  /**\n   * Listen for Escape key to ensure close event fires.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.isOpen && this.variant !== 'clear') {\n      // Check if popover was closed by Escape\n      setTimeout(() => {\n        if (this.popoverEl && this.isOpen) {\n          // Check for popover API support to avoid crashes\n          const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n          let popoverIsClosed = false;\n          if (supportsPopoverAPI) {\n            try {\n              popoverIsClosed = !this.popoverEl.matches(':popover-open');\n            } catch (error) {\n              // Fallback if :popover-open selector isn't supported\n              popoverIsClosed = this.popoverEl.style.display !== 'block';\n            }\n          } else {\n            // Manual fallback - assume popover was closed by Escape\n            popoverIsClosed = true;\n          }\n\n          if (popoverIsClosed) {\n            this.isOpen = false;\n            if (!supportsPopoverAPI) {\n              this.popoverEl.style.display = 'none';\n              this.popoverEl.classList.remove('is-open');\n            }\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n  }\n\n  /**\n   * Handle keyboard interactions for clear variant only.\n   */\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Only handle clear variant manually, let native API handle everything else\n    if (this.variant === 'clear' && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  /**\n   * Handle trigger button click. Clear variant emits event, others toggle popover.\n   */\n  private handleClick = (event?: Event) => {\n    if (this.variant === 'clear') {\n      this.pdsFilterClear.emit({\n        componentId: this.componentId,\n        text: this.text,\n      });\n      return;\n    }\n\n    this.closeOtherPopovers();\n\n    // Check for popover API support\n    const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n    if (!supportsPopoverAPI) {\n      // Manual fallback for browsers without popover API support\n      // Prevent default to avoid conflicts with any native behavior\n      if (event) {\n        event.preventDefault();\n      }\n\n      setTimeout(() => {\n        if (this.popoverEl != null) {\n          this.isOpen = !this.isOpen;\n          if (this.isOpen) {\n            this.popoverEl.style.display = 'block';\n            this.popoverEl.classList.add('is-open');\n            this.adjustPopoverPosition();\n            this.pdsFilterOpen.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          } else {\n            this.popoverEl.style.display = 'none';\n            this.popoverEl.classList.remove('is-open');\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n    // For browsers with native popover API, let the native behavior handle the toggle\n    // The toggle event listener will capture the state change and emit events\n  };\n\n  /**\n   * Get the appropriate icon for the variant.\n   */\n  private getIcon() {\n    if (this.variant === 'clear') {\n      return trash;\n    }\n    return this.icon;\n  }\n\n  /**\n   * Get CSS classes for the trigger button.\n   */\n  private getTriggerClasses() {\n    const classes = ['pds-filter__trigger'];\n    classes.push(`pds-filter__trigger--${this.variant}`);\n\n    if (this.isOpen && this.variant !== 'clear') {\n      classes.push('pds-filter__trigger--open');\n    }\n\n    return classes.join(' ');\n  }\n\n  /**\n   * Render the trigger icon.\n   */\n  private renderIcon() {\n    const iconToRender = this.getIcon();\n    if (iconToRender == null || iconToRender === '') return null;\n\n    return (\n      <pds-icon\n        icon={iconToRender}\n        size=\"var(--pine-font-size-100)\"\n        aria-hidden=\"true\"\n        part=\"icon\"\n      />\n    );\n  }\n\n  /**\n   * Render the dropdown icon for selected variant.\n   */\n  private renderDropdownIcon() {\n    if (this.variant === 'selected') {\n      return (\n        <pds-icon\n          icon={enlarge}\n          size=\"var(--pine-dimension-200)\"\n          aria-hidden=\"true\"\n          class=\"pds-filter__dropdown-icon\"\n          part=\"icon\"\n        />\n      );\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <button\n          class={this.getTriggerClasses()}\n          type=\"button\"\n          popoverTarget={this.variant !== 'clear' ? `${this.componentId}-popover` : undefined}\n          popoverTargetAction={this.variant !== 'clear' ? 'toggle' : undefined}\n          onKeyDown={this.variant === 'clear' ? this.handleKeyDown : undefined}\n          onClick={(event) => this.handleClick(event)}\n          part=\"button\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-haspopup={this.variant !== 'clear' ? 'true' : undefined}\n          aria-controls={this.variant !== 'clear' ? `${this.componentId}-popover` : undefined}\n        >\n          <span class=\"pds-filter__button-content\" part=\"button-content\">\n            {this.renderIcon()}\n            {this.text && (\n              <span class=\"pds-filter__button-text\" part=\"button-text\">\n                {this.text}\n              </span>\n            )}\n            {this.renderDropdownIcon()}\n          </span>\n        </button>\n\n        {this.variant !== 'clear' && (\n          <div\n            ref={el => this.popoverEl = el}\n            id={`${this.componentId}-popover`}\n            class=\"pds-filter__popover\"\n            popover=\"auto\"\n            part=\"popover\"\n          >\n            <slot />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-filters/pds-filter/stories/pds-filter.stories.js

@@ -0,0 +1,93 @@
+import { html } from 'lit';
+import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
+import { withActions } from '@storybook/addon-actions/decorator';
+
+export default {
+  argTypes: {
+    ...extractArgTypes('pds-filter'),
+    variant: {
+      control: {
+        type: 'select',
+      },
+      options: ['default', 'selected', 'more', 'clear'],
+    },
+  },
+  component: 'pds-filter',
+  decorators: [withActions],
+  parameters: {
+    actions: {
+      handles: ['pdsFilterOpen', 'pdsFilterClose', 'pdsFilterClear'],
+    },
+  },
+  title: 'components/Filters/Filter',
+};
+
+const BaseTemplate = (args) => html`
+  <pds-filter
+    component-id="${args.componentId}"
+    variant="${args.variant}"
+    text="${args.text}"
+    icon="${args.icon}"
+  >
+    <p>Filter options go here</p>
+  </pds-filter>
+`;
+
+export const Default = BaseTemplate.bind();
+Default.args = {
+  componentId: 'filter-default',
+  variant: 'default',
+  text: 'Trigger',
+  icon: 'flash',
+};
+
+export const Selected = BaseTemplate.bind();
+Selected.args = {
+  componentId: 'filter-selected',
+  variant: 'selected',
+  text: 'Grant an offer',
+  icon: 'switch-vertical',
+};
+
+export const More = BaseTemplate.bind();
+More.args = {
+  componentId: 'filter-more',
+  variant: 'more',
+  text: 'More Filters',
+  icon: 'add-circle',
+};
+
+export const Clear = (args) => html`
+  <pds-filter
+    component-id="${args.componentId}"
+    variant="clear"
+    text="${args.text}"
+  >
+  </pds-filter>
+`;
+Clear.args = {
+  componentId: 'filter-clear',
+  text: 'Clear all',
+};
+
+const VariantsTemplate = () => html`
+  <pds-filters component-id="all-variants">
+    <pds-filter component-id="variant-default" variant="default" text="Trigger" icon="flash">
+      <p>Filter options go here</p>
+    </pds-filter>
+
+    <pds-filter component-id="variant-selected" variant="selected" text="Grant an offer" icon="switch-vertical">
+      <p>Filter options go here</p>
+    </pds-filter>
+
+    <pds-filter component-id="variant-more" variant="more" text="More filters" icon="add-circle">
+      <p>Filter options go here</p>
+    </pds-filter>
+
+    <pds-filter component-id="variant-clear" variant="clear" text="Clear all">
+    </pds-filter>
+  </pds-filters>
+`;
+
+export const AllVariants = VariantsTemplate.bind();
+AllVariants.args = {};

package/dist/collection/components/pds-filters/pds-filters.css

@@ -0,0 +1,10 @@
+:host {
+  display: block;
+}
+
+.pds-filters {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--pine-dimension-100);
+}

package/dist/collection/components/pds-filters/pds-filters.js

@@ -0,0 +1,45 @@
+import { Host, h } from "@stencil/core";
+/**
+ * @slot (default) - Container for pds-filter components.
+ */
+export class PdsFilters {
+    render() {
+        return (h(Host, { key: '7007a635d3866781dfd67bd2d3b2dab46d36cffc', id: this.componentId }, h("div", { key: 'e6eb4c76bfb39050aaa01ad297df995de7df484b', class: "pds-filters" }, h("slot", { key: '543c83c7422b3e1e9a2446618fe8119d76478df4' }))));
+    }
+    static get is() { return "pds-filters"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pds-filters.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pds-filters.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "componentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "A unique identifier used for the underlying component `id` attribute."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "component-id",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=pds-filters.js.map

package/dist/collection/components/pds-filters/pds-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pds-filters.js","sourceRoot":"","sources":["../../../src/components/pds-filters/pds-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;GAEG;AAOH,MAAM,OAAO,UAAU;IAMrB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,EAAE,EAAE,IAAI,CAAC,WAAW;YACxB,4DAAK,KAAK,EAAC,aAAa;gBACtB,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @slot (default) - Container for pds-filter components.\n */\n\n@Component({\n  tag: 'pds-filters',\n  styleUrl: 'pds-filters.scss',\n  shadow: true,\n})\nexport class PdsFilters implements BasePdsProps {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <div class=\"pds-filters\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-filters/stories/pds-filters.stories.js

@@ -0,0 +1,40 @@
+import { html } from 'lit';
+import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
+import { withActions } from '@storybook/addon-actions/decorator';
+
+export default {
+  argTypes: extractArgTypes('pds-filters'),
+  component: 'pds-filters',
+  decorators: [withActions],
+  parameters: {
+    actions: {
+      handles: ['pdsFilterOpen', 'pdsFilterClose', 'pdsFilterClear'],
+    },
+  },
+  title: 'components/Filters',
+};
+
+const BaseTemplate = (args) => html`
+  <pds-filters component-id="${args.componentId}">
+    <pds-filter component-id="filter-1" variant="default" text="Trigger" icon="flash">
+      <p>Filter options go here</p>
+    </pds-filter>
+    <pds-filter component-id="filter-2" variant="selected" text="Grant an offer" icon="switch-vertical">
+      <p>Filter options go here</p>
+    </pds-filter>
+    <pds-filter component-id="filter-3" variant="default" text="Status" icon="activity">
+      <p>Filter options go here</p>
+    </pds-filter>
+    <pds-filter component-id="filter-4" variant="more" text="More filters" icon="add-circle">
+      <p>Filter options go here</p>
+    </pds-filter>
+    <pds-filter component-id="filter-5" variant="clear" text="Clear all">
+    </pds-filter>
+  </pds-filters>
+`;
+
+export const Default = BaseTemplate.bind();
+Default.args = {
+  componentId: 'default-filters',
+};
+

package/dist/collection/components/pds-image/pds-image.js

@@ -15,9 +15,9 @@ export class PdsImage {
         this.loading = 'eager';
     }
     render() {
-        return (h(Host, { key: 'bffcd250b41bcc96d6278f35be5287cf34ee91ac', class: {
+        return (h(Host, { key: 'fa205f03d5c378d27a66cbfd520ae2bc7ab9e9df', class: {
                 'pds-image': true,
-            }, id: this.componentId }, h("img", { key: 'b241c3d7fcb061b530e57ef4ca0aafe4801d9341', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+            }, id: this.componentId }, h("img", { key: '8d03dddf6e924ef8aebea2bf34a32e326bee329a', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
     }
     static get is() { return "pds-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-input/pds-input.css

@@ -37,7 +37,7 @@
   top: 50%;
   transform: translateY(-50%);
   white-space: nowrap;
-  z-index: 1;
+  z-index: var(--pine-z-index-raised);
 }
 :host::part(prefix) {
   border-end-start-radius: var(--pds-input-border-radius);
@@ -57,6 +57,7 @@
   border: var(--pds-input-border-width) solid var(--pds-input-border-color);
   color: var(--pds-input-addon-color);
   display: flex;
+  overflow: visible;
 }
 :host::part(prepend) {
   border-end-start-radius: var(--pds-input-border-radius);
@@ -73,18 +74,28 @@
 :host([has-prepend]) ::slotted(pds-button[slot=prepend]) {
   --pds-button-background: var(--pds-input-addon-background);
   --pds-button-border: var(--pine-border-width-none);
+  --pds-button-border-radius: var(--pine-dimension-none);
   --pds-button-border-radius-end-end: var(--pine-dimension-none);
   --pds-button-border-radius-start-end: var(--pine-dimension-none);
-  --pds-button-min-height: var(--pine-dimension-450);
+  --pds-button-border-radius-start-start: var(--pds-input-border-radius);
+  --pds-button-border-radius-end-start: var(--pds-input-border-radius);
+  --pds-button-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));
+  --pds-button-box-shadow-focus: 0 0 0 3px var(--pine-color-focus-ring);
+  --pds-button-outline-focus: none;
 }
 
 /* stylelint-disable-next-line */
 :host([has-append]) ::slotted(pds-button[slot=append]) {
   --pds-button-background: var(--pds-input-addon-background);
   --pds-button-border: var(--pine-border-width-none);
+  --pds-button-border-radius: var(--pine-dimension-none);
   --pds-button-border-radius-end-start: var(--pine-dimension-none);
   --pds-button-border-radius-start-start: var(--pine-dimension-none);
-  --pds-button-min-height: var(--pine-dimension-450);
+  --pds-button-border-radius-start-end: var(--pds-input-border-radius);
+  --pds-button-border-radius-end-end: var(--pds-input-border-radius);
+  --pds-button-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));
+  --pds-button-box-shadow-focus: 0 0 0 3px var(--pine-color-focus-ring);
+  --pds-button-outline-focus: none;
 }
 
 /* stylelint-disable-next-line */
@@ -207,6 +218,8 @@
   border-color: var(--pine-color-border-active);
   outline: var(--pine-outline-focus);
   outline-offset: var(--pine-border-width);
+  position: relative;
+  z-index: 1;
 }
 :host([has-prepend]) .pds-input__field:focus-visible:not(.has-error), :host([has-append]) .pds-input__field:focus-visible:not(.has-error), :host([has-prefix]) .pds-input__field:focus-visible:not(.has-error), :host([has-suffix]) .pds-input__field:focus-visible:not(.has-error) {
   outline-offset: var(--pine-dimension-none);
@@ -220,6 +233,8 @@
 }
 .has-error .pds-input__field:focus-visible {
   outline-color: var(--pine-color-focus-ring-danger);
+  position: relative;
+  z-index: 1;
 }
 
 .pds-input__error-message,

package/dist/collection/components/pds-input/pds-input.js

@@ -254,7 +254,7 @@ export class PdsInput {
             'has-prepend': this.hasPrepend,
             'has-append': this.hasAppend,
         };
-        return (h(Host, { key: 'cab64731485b464b075e61d9e71b4f65889a8701', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-prefix": this.hasPrefix ? 'true' : null, "has-suffix": this.hasSuffix ? 'true' : null, "has-prepend": this.hasPrepend ? 'true' : null, "has-append": this.hasAppend ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null, "full-width": this.fullWidth ? 'true' : null }, h("div", { key: '737975e0eca81bf1bb9d58a2412dc754d38ebb70', class: "pds-input" }, label && (h("div", { key: '38bc663b200baee0bf8394df046ff89fceb98f66', class: "pds-input__label-wrapper" }, h("label", { key: '4924533ef29500dc3ca9e97a97f84bff78d8a81d', htmlFor: componentId, class: "pds-input__label" }, h("span", { key: 'df0802662fb86f2bf4e276bd36c733b844acec25', class: this.hideLabel ? 'visually-hidden' : '' }, label, this.required && h("span", { key: 'd56782e55624871aff5f27c5f4abc1e4e2e3e18e', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), h("div", { key: 'cc568433d54e8b9aa96a35064ebee494aaf98a6c', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), h("input", Object.assign({ key: '5f210f217a19fec4543b4c339c548698a804c421', ref: (input) => (this.nativeInput = input), class: "pds-input__field", "aria-describedby": assignDescription(componentId, invalid, helperMessage), "aria-invalid": invalid ? "true" : undefined, autocomplete: this.autocomplete, disabled: disabled, id: componentId, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: value, onInput: this.onInputEvent, onChange: this.onChangeEvent, onBlur: this.onBlurEvent, onFocus: this.onFocusEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (h("p", { key: '28f8f86a8145f97b3d7afd3e95ba91c42ac0863b', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (h("p", { key: '8735d18ddb347cca1a2815e9e51442ca6433f6ef', class: "pds-input__error-message", id: messageId(componentId, 'error') }, h("pds-icon", { key: 'a57fc5f1098ec2146a7fc2e2f84f875ea32c43c5', icon: danger, size: "small" }), errorMessage)))));
+        return (h(Host, { key: '354d45806da5e4b1c7a40f08f78d969b67e590ec', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-prefix": this.hasPrefix ? 'true' : null, "has-suffix": this.hasSuffix ? 'true' : null, "has-prepend": this.hasPrepend ? 'true' : null, "has-append": this.hasAppend ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null, "full-width": this.fullWidth ? 'true' : null }, h("div", { key: '9298d99d233733fd4da14ae3e47f9f111539b976', class: "pds-input" }, label && (h("div", { key: 'ade5fa1c70587487d62f5c3f8f50c3c567ca1f76', class: "pds-input__label-wrapper" }, h("label", { key: '86a3a890317e2bf4e8d0b0cdc2d4ea10c8656a9f', htmlFor: componentId, class: "pds-input__label" }, h("span", { key: '279a7b4540cd984a7c99a083f18b7a1854415ef1', class: this.hideLabel ? 'visually-hidden' : '' }, label, this.required && h("span", { key: 'a12223c985ae3a6474a1ea6cb850a500c38af4e4', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), h("div", { key: '1b618690bbe9178b9b4c917fb7894ec2c17ac563', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), h("input", Object.assign({ key: '171361ec863409965e71b96a636c6c5450047bf6', ref: (input) => (this.nativeInput = input), class: "pds-input__field", "aria-describedby": assignDescription(componentId, invalid, helperMessage), "aria-invalid": invalid ? "true" : undefined, autocomplete: this.autocomplete, disabled: disabled, id: componentId, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: value, onInput: this.onInputEvent, onChange: this.onChangeEvent, onBlur: this.onBlurEvent, onFocus: this.onFocusEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (h("p", { key: '22f2f1d5efe8c9178bb2eecba072de728826f0c0', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (h("p", { key: 'd13ca2940f42cfaac744db106dbd5c6442fdd7e0', class: "pds-input__error-message", id: messageId(componentId, 'error') }, h("pds-icon", { key: 'a1622ddd2868470683a2413893cb87d7479acde1', icon: danger, size: "small" }), errorMessage)))));
     }
     static get is() { return "pds-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-input/stories/pds-input.stories.js

@@ -212,6 +212,27 @@ export const withPrependSelect = (args) => html`<pds-input
   </pds-select>
 </pds-input>`;
 
+export const withPrependButton = (args) => html`<pds-input
+  autocomplete="${args.autocomplete}"
+  component-id="pds-input-prepend-secondary-button"
+  debounce="${args.debounce}"
+  ?disabled=${args.disabled}
+  error-message="${args.errorMessage}"
+  helper-message="${args.helperMessage}"
+  ?hide-label=${args.hideLabel}
+  ?invalid=${args.invalid}
+  label="Search Query"
+  name="${args.name}"
+  placeholder="Enter your search terms..."
+  ?readonly=${args.readonly}
+  ?required=${args.required}
+  type="text"
+  value="${args.value}">
+  <pds-button slot="prepend" variant="secondary" class="pds-input__prepend">
+    Filter
+  </pds-button>
+</pds-input>`;
+
 export const withAppendSelect = (args) => html`<pds-input
   autocomplete="${args.autocomplete}"
   component-id="pds-input-append-select"
@@ -235,6 +256,27 @@ export const withAppendSelect = (args) => html`<pds-input
   </pds-select>
 </pds-input>`;
 
+export const withAppendButton = (args) => html`<pds-input
+  autocomplete="${args.autocomplete}"
+  component-id="pds-input-append-secondary-button"
+  debounce="${args.debounce}"
+  ?disabled=${args.disabled}
+  error-message="${args.errorMessage}"
+  helper-message="${args.helperMessage}"
+  ?hide-label=${args.hideLabel}
+  ?invalid=${args.invalid}
+  label="Search Query"
+  name="${args.name}"
+  placeholder="Enter your search terms..."
+  ?readonly=${args.readonly}
+  ?required=${args.required}
+  type="text"
+  value="${args.value}">
+  <pds-button slot="append" variant="secondary" class="pds-input__append">
+    Search
+  </pds-button>
+</pds-input>`;
+
 export const withPrefixAndAppend = (args) => html`<pds-input
   autocomplete="${args.autocomplete}"
   component-id="pds-input-prefix-append"

package/dist/collection/components/pds-link/pds-link.js

@@ -45,8 +45,8 @@ export class PdsLink {
         return linkStyles;
     }
     render() {
-        return (h("a", { key: '34c7cf55bccf8bb42e1e0ce6d27205580f2777be', class: this.classNames(), href: this.href, id: this.componentId, part: "link", target: this.external ? '_blank' : undefined, style: this.setLinkStyles() }, h("slot", { key: 'e8aa022b0f7d74073b2235e29316e63c2c0cd06e' }, this.href), this.external &&
-            h("pds-icon", { key: 'faa3d48198b12bd797ca60cb85aa0039e0457155', icon: launch, size: this.fontSize })));
+        return (h("a", { key: '41fb1adaf85b50054f6ea67e96a36d221a00a5b7', class: this.classNames(), href: this.href, id: this.componentId, part: "link", target: this.external ? '_blank' : undefined, style: this.setLinkStyles() }, h("slot", { key: '189205c07159e481e26d74db98b34e1d37edd8b5' }, this.href), this.external &&
+            h("pds-icon", { key: '19fc60fe515fa53b22ad770c5d8f52ef42d16fd5', icon: launch, size: this.fontSize })));
     }
     static get is() { return "pds-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-loader/pds-loader.js

@@ -46,7 +46,7 @@ export class PdsLoader {
         }
     }
     render() {
-        return (h(Host, { key: 'a625008c14efc6e95e7d14a963bfedf48bbb0f88', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (h("div", { key: '16ac91e8f39ec4b7a6f19a607949ca9cb033703c', class: "pds-loader--spinner" }, h("svg", { key: 'a345131fedbe662c191339c613fd5b2fbd7f91c3', style: this.style(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, h("defs", { key: '77668debaa8c12da38f7b0a96e0301bdd2f39f8e' }, h("linearGradient", { key: '898b449cd30eca28b39f1508bf0d7aea3ec0a801', id: "spinner-secondHalf" }, h("stop", { key: 'da2028784af98e47bc7cbb585e8522eeee03866a', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), h("stop", { key: '97d2e6d2648c4827ee6ca655c5fe82647a78802a', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), h("linearGradient", { key: '9440650b65b8cd1cbf14ff6075c3defee020cfd8', id: "spinner-firstHalf" }, h("stop", { key: '66ed5872e015724190520b138f40577864a8cdc6', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), h("stop", { key: 'a2a18640ef048ecf69078c615aaf89350f5d8e05', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), h("g", { key: 'eafafa5ebcefa15b4d1c73ee5b7567e757173c6a', class: "pds-loader__spinner-path" }, h("path", { key: '6fc3b09feee4590f18d9a507ee479cac68aa543e', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), h("path", { key: '8457c4b90c537e092022f83e0a1a8a1dcf64a841', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), h("path", { key: '4a41cf26e27659f8ce9bdbdc1fc1fa65ddb7d43d', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (h("div", { key: '2597e11067ebfa166a3e7ec367614c0efaa0ca9e', class: "pds-loader--typing" }, h("span", { key: '921069f426029f87fa594ad0d9d347d13c6ebeae' }), h("span", { key: 'c23f988a152fbf5927a93d7922ad23fe592e1781' }), h("span", { key: 'b469a30a457778f49298d1a7e2123a60426097f1' }))), h("div", { key: '06073048ca38b9c9222f2e9a738800bda9674086', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, h("slot", { key: '656c5e4b86d43a95e051ee273ab7c23a942594f7', name: "label" }, "Loading..."))));
+        return (h(Host, { key: 'd648f1d95f06915b3192955f78c9a4ba459adf3d', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (h("div", { key: 'a1152f82ddffc3ff18ac23f522432e73eaa4051e', class: "pds-loader--spinner" }, h("svg", { key: 'd313737376105c1d74fd8bd006d18499294e99d7', style: this.style(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, h("defs", { key: '756278ffc85e9aaeb91ba451ad21810131431f99' }, h("linearGradient", { key: '17c8edf68002c4d73012eb040dbe1a349199894d', id: "spinner-secondHalf" }, h("stop", { key: '3610ebe3ac877590905e61de933c564a89ef2342', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), h("stop", { key: 'bce6d94cebf01f7f5a5bd46477dace921390ed35', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), h("linearGradient", { key: '3ea22a61e3a871fe09df54f07c7f51cff8f84fb0', id: "spinner-firstHalf" }, h("stop", { key: '40a3dc4d486b9caa23f219503fd70cca44421d33', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), h("stop", { key: 'ecc86f15149dd7fbd49311463c28ca2e2e7106ed', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), h("g", { key: '0a9f8307abd79d39d665b94c7b7273f8768b2d89', class: "pds-loader__spinner-path" }, h("path", { key: '8c87a83b7fb89345d5357559c3b5485d08b89518', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), h("path", { key: 'b4a1aebf06c2b47fcdeb8b822ea27d893c855280', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), h("path", { key: '5a1880eba9eec32622b2353d78bef605519d7235', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (h("div", { key: '4864108fd2d7aa7c163302950e54083901cdf5d7', class: "pds-loader--typing" }, h("span", { key: '6b71380af9b30e99a4819e081d0e7b7d8f2f9eb2' }), h("span", { key: '8f64d209593c813e71a4858c9ccb0aaa2c4eef4a' }), h("span", { key: '15ccbc6661214218f15d624bced8370609c6c232' }))), h("div", { key: 'd26ce663fbf08163764e70236b742b3d12c4b950', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, h("slot", { key: '10562b45b4917c88dda50d5ebe24169421a193dc', name: "label" }, "Loading..."))));
     }
     static get is() { return "pds-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js

@@ -189,10 +189,10 @@ export class PdsModalContent {
     render() {
         // Only apply max-height style if it's not 'none'
         const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};
-        return (h(Host, { key: '545e18de51a427ac59a33dece5054ec700163ae5' }, h("div", { key: '3e418670869f63d0251348f7787bca60e0057c91', class: {
+        return (h(Host, { key: '5357ae43a3c7e6922a182a00ddf0241775d5a2a2' }, h("div", { key: '100bf34dbc72b4d7ec7de8dfe64aaa617f840a70', class: {
                 'pds-modal-content': true,
                 [`pds-modal-content--border-${this.border}`]: true
-            }, style: styleObj, tabindex: "-1" }, h("slot", { key: 'f312a2ff4b3249637d50536e12cf8ad94db5eff2' }))));
+            }, style: styleObj, tabindex: "-1" }, h("slot", { key: '3f4a2281f3e1243a86dfb7ac496e6e190c1df548' }))));
     }
     static get is() { return "pds-modal-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PdsModalFooter {
     render() {
-        return (h("footer", { key: 'e20af7a0bf5d8891922eca83a20e61b51a715d9b', class: "pds-modal__footer" }, h("slot", { key: 'a5dc03e418eb7d1145fc5bc4d7517a37ddd39156' })));
+        return (h("footer", { key: '0fa58ce225ce31a1f40d6ce1d3276e716b36de8d', class: "pds-modal__footer" }, h("slot", { key: 'df0bbdb56c711c7eb34db7181f940de11d4449ef' })));
     }
     static get is() { return "pds-modal-footer"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PdsModalHeader {
     render() {
-        return (h("header", { key: 'fae059fcb90ead7e78fb5925ea091a6952dd3f07', class: "pds-modal__header" }, h("slot", { key: '757a74c0d924cc91607008a9aeb355fc5413f168' })));
+        return (h("header", { key: '1a471bd6dfa2b654f5a6ebdf8fb5baef728324b3', class: "pds-modal__header" }, h("slot", { key: '946a365ab3c2ca627d618188890d385c054b4c16' })));
     }
     static get is() { return "pds-modal-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-modal/pds-modal.css

@@ -15,7 +15,7 @@
   transition: opacity 0.2s ease, visibility 0.2s ease;
   visibility: hidden;
   width: 100%;
-  z-index: 1000;
+  z-index: var(--pine-z-index-modal);
 }
 @supports (backdrop-filter: blur(3px)) {
   .pds-modal__backdrop {
@@ -23,7 +23,7 @@
   }
 }
 pds-modal .pds-modal__backdrop {
-  z-index: 1001;
+  z-index: var(--pine-z-index-priority);
 }
 .pds-modal__backdrop::backdrop {
   background: transparent;

package/dist/collection/components/pds-modal/pds-modal.js

@@ -232,14 +232,14 @@ export class PdsModal {
         return thisZIndex === maxZIndex;
     }
     render() {
-        return (h("dialog", { key: '57daacecb0d85c643c1fe17b98046dcc98f982cb', class: {
+        return (h("dialog", { key: 'ca1fe22c9f9aa26e74234e5195c007760cbbf818', class: {
                 'pds-modal__backdrop': true,
                 'open': this.open
-            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, h("div", { key: '9fe239071cb2679dd626bc3cf8fd94abe9c1bee0', class: {
+            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, h("div", { key: 'd0f297574d53dc1718277a58c2ade00a5451f96b', class: {
                 'pds-modal': true,
                 [`pds-modal--${this.size}`]: true,
                 'pds-modal--scrollable': this.scrollable
-            } }, h("slot", { key: '59edffec7f550550a03ce2100eb3aeb2be99902b' }))));
+            } }, h("slot", { key: '37bb5abda88b4db9304884532951980ea8b9eaf8' }))));
     }
     static get is() { return "pds-modal"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-modal/test/mock-pds-modal.js

@@ -73,7 +73,7 @@ export class MockPdsModal {
             'pds-modal__backdrop': true,
             'open': this.open,
         };
-        return (h("div", { key: '0fccdb57d79f636ec3b5782943ddd76fbc9ce171', class: backdropClasses }, h("div", { key: '341963284bfbcd1f99df53e346ed3257b00dbeb2', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null }, h("div", { key: '8ff526d8c2d8c0696f9fff107928cf9cb59dbdad', class: "pds-modal__header" }, h("slot", { key: '8746d9cb026e70b293be00f71ffa2939d80947ee', name: "header" })), h("div", { key: '48b98256d3114016de8279012e2c496726f766ba', class: "pds-modal-content" }, h("slot", { key: '49ff7217a2c8d59c56751c850c4372329e263e7b' })), h("div", { key: 'd46d11d288bff5a4539d0cb4b2c7ea2111687ebf', class: "pds-modal__footer" }, h("slot", { key: '549d4f33a78db562b5afce77cc108cc22f474a0d', name: "footer" })))));
+        return (h("div", { key: 'f8f3e1da60eb943d8f857755e2dbd2c08264f2cf', class: backdropClasses }, h("div", { key: '0f7454db09265e84962a24cf412ca77b4005a5fd', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null }, h("div", { key: '78e9988c584c6c4d0947722468f730f537acb933', class: "pds-modal__header" }, h("slot", { key: '40f16731657da0112b0ef1954101304e9a3a8bdc', name: "header" })), h("div", { key: 'f5bd52f05b1d34d747f34e7d1a28aec90019630a', class: "pds-modal-content" }, h("slot", { key: 'bf8812eb47a747d897889a91a997b5fd5b57c3d9' })), h("div", { key: '70e9b90cce8108b71afe434610b09624d9b4037a', class: "pds-modal__footer" }, h("slot", { key: '283e94934656711f12b9d75e29520ee8d04bb5d8', name: "footer" })))));
     }
     static get is() { return "mock-pds-modal"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-popover/pds-popover.css

@@ -12,6 +12,9 @@
   padding: var(--pine-dimension-md);
   position: fixed;
 }
+:host [popover]:popover-open:not(.pds-popover--positioned) {
+  visibility: hidden;
+}
 :host button {
   align-items: center;
   background-color: var(--pine-color-secondary);