@pine-ds/core 3.26.3 → 3.27.0

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

@@ -1,5 +1,5 @@
 :host {
-  --pds-button-background: var(--color-background-default);
+  --pds-button-background: var(--pds-button-color-background-default);
   --pds-button-border: var(--pine-border);
   --pds-button-border-radius: var(--pine-border-radius-full);
   --pds-button-border-radius-start-end: var(--pine-border-radius-full);
@@ -8,11 +8,11 @@
   --pds-button-border-radius-end-start: var(--pine-border-radius-full);
   --pds-button-min-height: var(--pine-dimension-450);
   --pds-button-outline-offset: var(--pine-border-width);
-  --color-border-default: transparent;
-  --color-border-disabled: transparent;
-  --color-border-focus: transparent;
-  --color-border-hover: transparent;
-  --button-loader-color: var(--color-text-default);
+  --pds-button-color-border-default: transparent;
+  --pds-button-color-border-disabled: transparent;
+  --pds-button-color-border-focus: transparent;
+  --pds-button-color-border-hover: transparent;
+  --button-loader-color: var(--pds-button-color-text-default);
   display: inline-flex;
   vertical-align: middle;
 }
@@ -41,11 +41,11 @@
 }
 
 .pds-button {
-  --pds-loader-color: var(--color-text-default);
+  --pds-loader-color: var(--pds-button-color-text-default);
   align-items: center;
-  background-color: var(--pds-button-background, var(--color-background-default));
+  background-color: var(--pds-button-background, var(--pds-button-color-background-default));
   border: var(--pds-button-border);
-  border-color: var(--color-border-default);
+  border-color: var(--pds-button-color-border-default);
   border-radius: var(--pds-button-border-radius);
   /* stylelint-disable-next-line order/properties-alphabetical-order */
   border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));
@@ -53,7 +53,7 @@
   border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));
   border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));
   box-sizing: border-box;
-  color: var(--color-text-default);
+  color: var(--pds-button-color-text-default);
   cursor: pointer;
   display: flex;
   font: var(--pine-typography-body-brand-label);
@@ -68,57 +68,57 @@
   fill: currentColor;
 }
 .pds-button:hover {
-  background-color: var(--color-background-hover);
-  border-color: var(--color-border-hover);
+  background-color: var(--pds-button-color-background-hover);
+  border-color: var(--pds-button-color-border-hover);
 }
 .pds-button:focus-visible {
-  border-color: var(--color-border-focus);
+  border-color: var(--pds-button-color-border-focus);
   box-shadow: var(--pds-button-box-shadow-focus, none);
   outline: var(--pds-button-outline-focus, var(--pine-outline-focus));
   outline-offset: var(--pds-button-outline-offset);
 }
 .pds-button:disabled {
-  background-color: var(--color-background-disabled);
-  border-color: var(--color-border-disabled);
-  color: var(--color-text-disabled);
+  background-color: var(--pds-button-color-background-disabled);
+  border-color: var(--pds-button-color-border-disabled);
+  color: var(--pds-button-color-text-disabled);
   pointer-events: none;
 }
 
 .pds-button--primary {
-  --color-background-default: var(--pine-color-primary);
-  --color-background-hover: var(--pine-color-primary-hover);
-  --color-background-disabled: var(--pine-color-primary-disabled);
-  --color-border-default: var(--pine-color-primary);
-  --color-border-hover: var(--pine-color-primary-hover);
-  --color-text-default: var(--pine-color-text-primary);
-  --color-text-disabled: var(--pine-color-text-primary-disabled);
-  --color-outline: var(--pine-color-focus-ring);
+  --pds-button-color-background-default: var(--pine-color-primary);
+  --pds-button-color-background-hover: var(--pine-color-primary-hover);
+  --pds-button-color-background-disabled: var(--pine-color-primary-disabled);
+  --pds-button-color-border-default: var(--pine-color-primary);
+  --pds-button-color-border-hover: var(--pine-color-primary-hover);
+  --pds-button-color-text-default: var(--pine-color-text-primary);
+  --pds-button-color-text-disabled: var(--pine-color-text-primary-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring);
   --button-loader-color: var(--pine-color-text-primary);
 }
 
 .pds-button--accent {
-  --color-background-default: var(--pine-color-accent);
-  --color-background-hover: var(--pine-color-accent-hover);
-  --color-background-disabled: var(--pine-color-accent-disabled);
-  --color-border-default: var(--pine-color-accent);
-  --color-border-hover: var(--pine-color-accent-hover);
+  --pds-button-color-background-default: var(--pine-color-accent);
+  --pds-button-color-background-hover: var(--pine-color-accent-hover);
+  --pds-button-color-background-disabled: var(--pine-color-accent-disabled);
+  --pds-button-color-border-default: var(--pine-color-accent);
+  --pds-button-color-border-hover: var(--pine-color-accent-hover);
   /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */
-  --color-text-default: var(--pine-color-white);
-  --color-text-disabled: var(--pine-color-text-accent-disabled);
-  --color-outline: var(--pine-color-focus-ring);
+  --pds-button-color-text-default: var(--pine-color-white);
+  --pds-button-color-text-disabled: var(--pine-color-text-accent-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring);
   --button-loader-color: var(--pine-color-text-primary);
 }
 
 .pds-button--destructive {
-  --color-background-default: var(--pine-color-danger);
-  --color-background-hover: var(--pine-color-danger-hover);
-  --color-background-disabled: var(--pine-color-danger-disabled);
-  --color-border-default: var(--pine-color-danger);
-  --color-border-hover: var(--pine-color-danger-hover);
+  --pds-button-color-background-default: var(--pine-color-danger);
+  --pds-button-color-background-hover: var(--pine-color-danger-hover);
+  --pds-button-color-background-disabled: var(--pine-color-danger-disabled);
+  --pds-button-color-border-default: var(--pine-color-danger);
+  --pds-button-color-border-hover: var(--pine-color-danger-hover);
   /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */
-  --color-text-default: var(--pine-color-white);
-  --color-text-disabled: var(--pine-color-text-danger-disabled);
-  --color-outline: var(--pine-color-focus-ring-danger);
+  --pds-button-color-text-default: var(--pine-color-white);
+  --pds-button-color-text-disabled: var(--pine-color-text-danger-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring-danger);
   --button-loader-color: var(--pine-color-text-primary);
 }
 .pds-button--destructive:focus-visible {
@@ -127,16 +127,16 @@
 
 .pds-button--secondary,
 .pds-button--disclosure {
-  --color-background-default: var(--pine-color-secondary);
-  --color-background-hover: var(--pine-color-secondary-hover);
-  --color-background-disabled: var(--pine-color-secondary-disabled);
-  --color-border-disabled: var(--pine-color-border-disabled);
-  --color-border-focus: var(--pine-color-border);
-  --color-border-hover: var(--pine-color-border-hover);
-  --color-border-default: var(--pine-color-border);
-  --color-text-default: var(--pine-color-text-secondary);
-  --color-text-disabled: var(--pine-color-text-secondary-disabled);
-  --color-outline: var(--pine-color-focus-ring);
+  --pds-button-color-background-default: var(--pine-color-secondary);
+  --pds-button-color-background-hover: var(--pine-color-secondary-hover);
+  --pds-button-color-background-disabled: var(--pine-color-secondary-disabled);
+  --pds-button-color-border-disabled: var(--pine-color-border-disabled);
+  --pds-button-color-border-focus: var(--pine-color-border);
+  --pds-button-color-border-hover: var(--pine-color-border-hover);
+  --pds-button-color-border-default: var(--pine-color-border);
+  --pds-button-color-text-default: var(--pine-color-text-secondary);
+  --pds-button-color-text-disabled: var(--pine-color-text-secondary-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring);
   --button-loader-color: var(--pine-color-text-secondary);
 }
 .pds-button--secondary:hover,
@@ -145,30 +145,30 @@
 }
 
 .pds-button--tertiary {
-  --color-background-default: transparent;
-  --color-background-hover: var(--pine-color-background-muted);
-  --color-background-disabled: transparent;
-  --color-border-default: transparent;
-  --color-border-hover: var(--pine-color-background-muted);
-  --color-border-disabled: transparent;
-  --color-text-default: var(--pine-color-text-secondary);
-  --color-text-disabled: var(--pine-color-text-secondary-disabled);
-  --color-outline: var(--pine-color-focus-ring);
+  --pds-button-color-background-default: transparent;
+  --pds-button-color-background-hover: var(--pine-color-background-muted);
+  --pds-button-color-background-disabled: transparent;
+  --pds-button-color-border-default: transparent;
+  --pds-button-color-border-hover: var(--pine-color-background-muted);
+  --pds-button-color-border-disabled: transparent;
+  --pds-button-color-text-default: var(--pine-color-text-secondary);
+  --pds-button-color-text-disabled: var(--pine-color-text-secondary-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring);
   --button-loader-color: var(--pine-color-text-secondary);
 }
 
 .pds-button--filter {
-  --color-background-default: var(--pine-color-background-container);
-  --color-background-hover: var(--pine-color-background-subtle);
+  --pds-button-color-background-default: var(--pine-color-background-container);
+  --pds-button-color-background-hover: var(--pine-color-background-subtle);
   /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */
-  --color-background-disabled: var(--pine-color-white);
-  --color-border-default: transparent;
-  --color-border-hover: transparent;
-  --color-border-focus: transparent;
-  --color-text-default: var(--pine-color-text-secondary);
-  --color-text-hover: var(--pine-color-text-hover);
-  --color-text-disabled: var(--pine-color-text-disabled);
-  --color-outline: var(--pine-color-focus-ring);
+  --pds-button-color-background-disabled: var(--pine-color-white);
+  --pds-button-color-border-default: transparent;
+  --pds-button-color-border-hover: transparent;
+  --pds-button-color-border-focus: transparent;
+  --pds-button-color-text-default: var(--pine-color-text-secondary);
+  --pds-button-color-text-hover: var(--pine-color-text-hover);
+  --pds-button-color-text-disabled: var(--pine-color-text-disabled);
+  --pds-button-color-outline: var(--pine-color-focus-ring);
   --button-loader-color: var(--pine-color-text-secondary);
   --pds-button-border-radius: var(--pine-dimension-125);
   --pds-button-border-radius-start-end: var(--pine-dimension-125);
@@ -181,14 +181,14 @@
   background-color: var(--pine-color-background-container);
 }
 .pds-button--filter:hover {
-  color: var(--color-text-hover);
+  color: var(--pds-button-color-text-hover);
 }
 
 .pds-button--unstyled {
-  --color-background-default: transparent;
-  --color-background-hover: transparent;
-  --color-background-disabled: transparent;
-  --color-text-default: var(--pine-color-text);
+  --pds-button-color-background-default: transparent;
+  --pds-button-color-background-hover: transparent;
+  --pds-button-color-background-disabled: transparent;
+  --pds-button-color-text-default: var(--pine-color-text);
   --button-loader-color: var(--pine-color-text);
   border-width: var(--pine-dimension-none);
   margin: var(--pine-dimension-none);

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

@@ -538,7 +538,8 @@ export class PdsButton {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "node_modules::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -555,4 +556,3 @@ export class PdsButton {
             }];
     }
 }
-//# sourceMappingURL=pds-button.js.map

package/dist/collection/components/pds-checkbox/checkbox-interface.js

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

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

@@ -354,7 +354,8 @@ export class PdsCheckbox {
                         "CheckboxChangeEventDetail": {
                             "location": "import",
                             "path": "./checkbox-interface",
-                            "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail"
+                            "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail",
+                            "referenceLocation": "CheckboxChangeEventDetail"
                         }
                     }
                 }
@@ -375,7 +376,8 @@ export class PdsCheckbox {
                         "CheckboxChangeEventDetail": {
                             "location": "import",
                             "path": "./checkbox-interface",
-                            "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail"
+                            "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail",
+                            "referenceLocation": "CheckboxChangeEventDetail"
                         }
                     }
                 }
@@ -392,4 +394,3 @@ export class PdsCheckbox {
             }];
     }
 }
-//# sourceMappingURL=pds-checkbox.js.map

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

@@ -232,7 +232,8 @@ export class PdsChip {
                         "ChipSizeType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::ChipSizeType"
+                            "id": "src/utils/types.ts::ChipSizeType",
+                            "referenceLocation": "ChipSizeType"
                         }
                     }
                 },
@@ -260,7 +261,8 @@ export class PdsChip {
                         "ChipSentimentType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::ChipSentimentType"
+                            "id": "src/utils/types.ts::ChipSentimentType",
+                            "referenceLocation": "ChipSentimentType"
                         }
                     }
                 },
@@ -289,7 +291,8 @@ export class PdsChip {
                         "ChipVariantType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::ChipVariantType"
+                            "id": "src/utils/types.ts::ChipVariantType",
+                            "referenceLocation": "ChipVariantType"
                         }
                     }
                 },
@@ -386,4 +389,3 @@ export class PdsChip {
             }];
     }
 }
-//# sourceMappingURL=pds-chip.js.map

package/dist/collection/components/pds-combobox/combobox-interface.js

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

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

@@ -35,7 +35,7 @@
   flex: 1;
   font: var(--pine-typography-body-medium);
   padding: var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);
-  transition: border-color 0.2s ease;
+  transition: border-color var(--pine-motion-duration-base) ease;
   width: 100%;
 }
 .pds-combobox__input:hover:not(:disabled) {
@@ -68,7 +68,7 @@
 }
 
 .pds-combobox__listbox {
-  background: var(--pine-color-background-container);
+  background: var(--pine-color-background-overlay);
   border: 0;
   border-radius: var(--pine-dimension-125);
   box-shadow: var(--pine-box-shadow);
@@ -92,6 +92,7 @@
   justify-content: space-between;
   padding: var(--pine-dimension-xs) var(--pine-dimension-sm);
   position: relative;
+  /* stylelint-disable-next-line pine-design-system/no-hardcoded-motion -- 0.15s off-grid micro-transition; no exact motion token */
   transition: background 0.15s;
 }
 .pds-combobox__option[aria-selected=true] {
@@ -175,6 +176,7 @@
   min-height: var(--pine-dimension-450);
   outline: none;
   padding: 0 var(--pine-dimension-sm);
+  /* stylelint-disable-next-line pine-design-system/no-hardcoded-motion -- 0.15s off-grid micro-transition; no exact motion token */
   transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
   width: fit-content;
 }
@@ -306,6 +308,7 @@
   outline: none;
   padding-block: var(--pine-dimension-025);
   padding-inline: var(--pine-dimension-150);
+  /* stylelint-disable-next-line pine-design-system/no-hardcoded-motion -- 0.15s off-grid micro-transition; no exact motion token */
   transition: all 0.15s ease;
   width: fit-content;
 }

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

@@ -1853,7 +1853,8 @@ export class PdsCombobox {
                         "ChipSentimentType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::ChipSentimentType"
+                            "id": "src/utils/types.ts::ChipSentimentType",
+                            "referenceLocation": "ChipSentimentType"
                         }
                     }
                 },
@@ -2066,7 +2067,8 @@ export class PdsCombobox {
                         "ComboboxOption": {
                             "location": "import",
                             "path": "./combobox-interface",
-                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption"
+                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption",
+                            "referenceLocation": "ComboboxOption"
                         }
                     }
                 },
@@ -2089,7 +2091,8 @@ export class PdsCombobox {
                         "ComboboxOption": {
                             "location": "import",
                             "path": "./combobox-interface",
-                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption"
+                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption",
+                            "referenceLocation": "ComboboxOption"
                         }
                     }
                 },
@@ -2151,7 +2154,8 @@ export class PdsCombobox {
                         "ComboboxSearchEventDetail": {
                             "location": "import",
                             "path": "./combobox-interface",
-                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxSearchEventDetail"
+                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxSearchEventDetail",
+                            "referenceLocation": "ComboboxSearchEventDetail"
                         }
                     }
                 }
@@ -2172,7 +2176,8 @@ export class PdsCombobox {
                         "ComboboxLoadOptionsEventDetail": {
                             "location": "import",
                             "path": "./combobox-interface",
-                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxLoadOptionsEventDetail"
+                            "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxLoadOptionsEventDetail",
+                            "referenceLocation": "ComboboxLoadOptionsEventDetail"
                         }
                     }
                 }
@@ -2236,4 +2241,3 @@ export class PdsCombobox {
             }];
     }
 }
-//# sourceMappingURL=pds-combobox.js.map

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

@@ -109,4 +109,3 @@ export class PdsContainer {
         };
     }
 }
-//# sourceMappingURL=pds-container.js.map

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

@@ -86,7 +86,7 @@ export class PdsCopytext {
         return classNames.join(' ');
     }
     render() {
-        return (h(Host, { key: '43a3870fa4c24416e2e6e99dd7c423a5c32ac91e', class: this.classNames(), id: this.componentId }, h("pds-button", { key: 'f0735d3f245dd7150e88b3dd1a191c3ee86b6293', type: "button", variant: "unstyled", onClick: this.handleClick }, h("span", { key: 'ddf7cf205f9bb11dd4b4111435bb7efc15b0af61', ref: (el) => this.valueSpanEl = el }, this.value), h("pds-icon", { key: '0f35d997eb1766631ac6098bdb12d0aff9813012', icon: copyIcon, size: "16px" }))));
+        return (h(Host, { key: '43a3870fa4c24416e2e6e99dd7c423a5c32ac91e', class: this.classNames(), id: this.componentId }, h("pds-button", { key: 'f0735d3f245dd7150e88b3dd1a191c3ee86b6293', type: "button", variant: "unstyled", onClick: this.handleClick }, h("span", { key: 'ddf7cf205f9bb11dd4b4111435bb7efc15b0af61', ref: (el) => this.valueSpanEl = el }, this.value), h("pds-icon", { key: '7ba6d0452e1726ff951ec46433f838669961c277', "aria-hidden": "true", icon: copyIcon, size: "16px" }))));
     }
     static get is() { return "pds-copytext"; }
     static get encapsulation() { return "shadow"; }
@@ -240,4 +240,3 @@ export class PdsCopytext {
             }];
     }
 }
-//# sourceMappingURL=pds-copytext.js.map

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

@@ -99,4 +99,3 @@ export class PdsDivider {
         };
     }
 }
-//# sourceMappingURL=pds-divider.js.map

package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js

@@ -289,4 +289,3 @@ export class PdsDropdownMenuItem {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=pds-dropdown-menu-item.js.map

package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js

@@ -69,4 +69,3 @@ export class PdsDropdownMenuSeparator {
         };
     }
 }
-//# sourceMappingURL=pds-dropdown-menu-separator.js.map

package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css

@@ -7,7 +7,7 @@
 }
 
 .pds-dropdown-menu--panel {
-  background-color: var(--pine-color-background-container);
+  background-color: var(--pine-color-background-overlay);
   border-radius: var(--pine-dimension-xs);
   left: var(--pine-dimension-none);
   min-width: 170px;

package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js

@@ -351,7 +351,8 @@ export class PdsDropdownMenu {
                         "PlacementType": {
                             "location": "import",
                             "path": "@utils/types",
-                            "id": "src/utils/types.ts::PlacementType"
+                            "id": "src/utils/types.ts::PlacementType",
+                            "referenceLocation": "PlacementType"
                         }
                     }
                 },
@@ -391,4 +392,3 @@ export class PdsDropdownMenu {
             }];
     }
 }
-//# sourceMappingURL=pds-dropdown-menu.js.map

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

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

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

@@ -24,7 +24,7 @@
   line-height: var(--pine-line-height-150);
   padding: var(--pine-dimension-025) var(--pine-dimension-125);
   position: relative;
-  transition: all 0.2s ease;
+  transition: all var(--pine-motion-duration-base) ease;
 }
 .pds-filter__trigger pds-icon {
   block-size: var(--pine-font-size-100);
@@ -138,7 +138,7 @@
 }
 
 .pds-filter__popover {
-  background-color: var(--pine-color-background-container);
+  background-color: var(--pine-color-background-overlay);
   border: 0;
   border-radius: var(--pine-dimension-100);
   box-shadow: var(--pine-box-shadow-100);

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

@@ -530,7 +530,8 @@ export class PdsFilter {
                         "PdsFilterVariant": {
                             "location": "import",
                             "path": "./filter-interface",
-                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterVariant"
+                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterVariant",
+                            "referenceLocation": "PdsFilterVariant"
                         }
                     }
                 },
@@ -612,7 +613,8 @@ export class PdsFilter {
                         "PdsFilterOpenEventDetail": {
                             "location": "import",
                             "path": "./filter-interface",
-                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterOpenEventDetail"
+                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterOpenEventDetail",
+                            "referenceLocation": "PdsFilterOpenEventDetail"
                         }
                     }
                 }
@@ -633,7 +635,8 @@ export class PdsFilter {
                         "PdsFilterCloseEventDetail": {
                             "location": "import",
                             "path": "./filter-interface",
-                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterCloseEventDetail"
+                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterCloseEventDetail",
+                            "referenceLocation": "PdsFilterCloseEventDetail"
                         }
                     }
                 }
@@ -654,7 +657,8 @@ export class PdsFilter {
                         "PdsFilterClearEventDetail": {
                             "location": "import",
                             "path": "./filter-interface",
-                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterClearEventDetail"
+                            "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterClearEventDetail",
+                            "referenceLocation": "PdsFilterClearEventDetail"
                         }
                     }
                 }
@@ -733,4 +737,3 @@ export class PdsFilter {
             }];
     }
 }
-//# sourceMappingURL=pds-filter.js.map

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

@@ -42,4 +42,3 @@ export class PdsFilters {
         };
     }
 }
-//# sourceMappingURL=pds-filters.js.map

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

@@ -196,4 +196,3 @@ export class PdsImage {
         };
     }
 }
-//# sourceMappingURL=pds-image.js.map

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

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

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

@@ -213,7 +213,7 @@
   min-height: var(--pds-input-field-min-height);
   min-width: var(--pine-dimension-none);
   padding: var(--pds-input-padding-y) var(--pds-input-padding-x);
-  transition: border-color 0.2s ease;
+  transition: border-color var(--pine-motion-duration-base) ease;
   width: 100%;
 }
 .pds-input__field:hover:not(:disabled) {

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

@@ -289,7 +289,7 @@ export class PdsInput {
         return (h(Host, { key: 'ecf4cc212e5c3ebc18082b790803e6b2ccb8ca77', "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: 'acdf92a30068fc04a17816ec6d85295b47e512ee', class: "pds-input" }, label && (h("div", { key: '4569f0b3761db89e85a090eff6af1c47cb562115', class: {
                 'pds-input__label-wrapper': true,
                 'visually-hidden': this.hideLabel,
-            } }, h("label", { key: '90b0a863d78115fa158429db11548fc2a9ee5ae6', htmlFor: componentId, class: "pds-input__label" }, h("span", { key: '3d440aaafc4daeffe45152cd23d27472d7ebf85a' }, label, this.required && h("span", { key: 'c7bf6ef6191e961a106b8885cab604aa89730eba', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), h("div", { key: '81f0b8a347bc9a06c753b9f31f5e30ac78e45adb', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), h("input", Object.assign({ key: '3785b396bf9174766973e8b19028e4dcecde19d9', 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, onKeyDown: this.onKeyDownEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (h("p", { key: 'e9e4aa936346811e0a5ca0fa5107f548b52fcc99', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (h("p", { key: 'ef3694246fa3d8f818da438e7ec4411dd56b084c', class: "pds-input__error-message", id: messageId(componentId, 'error') }, h("pds-icon", { key: '0e52079db701ca720cfa4d474107e55c85df5052', icon: danger, size: "small" }), errorMessage)))));
+            } }, h("label", { key: '90b0a863d78115fa158429db11548fc2a9ee5ae6', htmlFor: componentId, class: "pds-input__label" }, h("span", { key: '3d440aaafc4daeffe45152cd23d27472d7ebf85a' }, label, this.required && h("span", { key: 'c7bf6ef6191e961a106b8885cab604aa89730eba', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), h("div", { key: '81f0b8a347bc9a06c753b9f31f5e30ac78e45adb', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), h("input", Object.assign({ key: '3785b396bf9174766973e8b19028e4dcecde19d9', 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, onKeyDown: this.onKeyDownEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (h("p", { key: 'e9e4aa936346811e0a5ca0fa5107f548b52fcc99', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (h("p", { key: 'ef3694246fa3d8f818da438e7ec4411dd56b084c', class: "pds-input__error-message", id: messageId(componentId, 'error') }, h("pds-icon", { key: 'f1e488b33c8338f54cd83a59e219311a844e3c97', "aria-hidden": "true", icon: danger, size: "small" }), errorMessage)))));
     }
     static get is() { return "pds-input"; }
     static get encapsulation() { return "shadow"; }
@@ -798,7 +798,8 @@ export class PdsInput {
                         "InputChangeEventDetail": {
                             "location": "import",
                             "path": "./input-interface",
-                            "id": "src/components/pds-input/input-interface.ts::InputChangeEventDetail"
+                            "id": "src/components/pds-input/input-interface.ts::InputChangeEventDetail",
+                            "referenceLocation": "InputChangeEventDetail"
                         }
                     }
                 }
@@ -839,7 +840,8 @@ export class PdsInput {
                         "InputInputEventDetail": {
                             "location": "import",
                             "path": "./input-interface",
-                            "id": "src/components/pds-input/input-interface.ts::InputInputEventDetail"
+                            "id": "src/components/pds-input/input-interface.ts::InputInputEventDetail",
+                            "referenceLocation": "InputInputEventDetail"
                         }
                     }
                 }
@@ -897,4 +899,3 @@ export class PdsInput {
             }];
     }
 }
-//# sourceMappingURL=pds-input.js.map