@pine-ds/core 0.0.4 → 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"pds-accordion.js","sourceRoot":"","sources":["../../../src/components/pds-accordion/pds-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhE;;;GAGG;AAMH,MAAM,OAAO,YAAY;;QAwBf,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACpC,CAAC,CAAA;QAEO,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;gBAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YACxB,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAA;;sBAhBoB,KAAK;;IAG1B,eAAe,CAAC,QAAiB;QAC/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACzB,CAAC;IAaD,gBAAgB;QACd,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,eAAe,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW;YAC9C,gFAAa,IAAI,CAAC,gBAAgB,EAAE,IAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,EAAwB;gBAC1F;oBACE,6DAAM,IAAI,EAAC,OAAO,cAAe;oBACjC,iEAAU,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,GAAI,CACnD;gBACV,4DAAK,KAAK,EAAC,qBAAqB;oBAC9B,8DAAQ,CACJ,CACE,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * @slot (default) - Accordion body content.\n * @slot label - Accordion trigger button content.\n */\n@Component({\n  tag: 'pds-accordion',\n  styleUrl: 'pds-accordion.scss',\n  shadow: true,\n})\nexport class PdsAccordion {\n  private detailsEl: HTMLDetailsElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   * @defaultValue null\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Can be used to manually set the open state of the accordion.\n   * @defaultValue false\n   */\n  @Prop({ \n    attribute: 'open',\n    mutable: true,\n    reflect: true \n  }) isOpen: boolean = false;\n\n  @Watch('isOpen')\n  handleOpenState(newValue: boolean) {\n    this.isOpen = newValue;\n  }\n\n  private handleToggle = () => {\n    this.isOpen = this.detailsEl.open;\n  }\n\n  private getOpenAttribute = () => {\n    if (this.isOpen !== false) {\n      return { open: true };\n    }\n    return '';\n  }\n\n  componentDidLoad() {\n    this.detailsEl.addEventListener('toggle', this.handleToggle);\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-accordion\" id={this.componentId}>\n        <details {...this.getOpenAttribute()} ref={(el) => this.detailsEl = el as HTMLDetailsElement}>\n          <summary>\n            <slot name=\"label\">Details</slot>\n            <pds-icon name={this.isOpen ? 'up-small' : 'down-small'} />\n          </summary>\n          <div class=\"pds-accordion__body\">\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
+
+export default {
+  args: {
+    componentId: '',
+    isOpen: false,
+  },
+  argTypes: extractArgTypes('pds-accordion'),
+  component: 'pds-accordion',
+  title: 'components/Accordion',
+}
+
+const BaseTemplate = (args) => html`
+	<pds-accordion component-id="${args.componentId}" open="${args.isOpen}">
+    <pds-row align-items="center" slot="label">
+      <pds-box align-items="center">
+        <pds-icon name="products-outline"></pds-icon>
+        <span style="display: inline-block; margin-left: 8px;">Products</span>
+      </pds-box>
+    </pds-row>
+    <pds-row>
+      <pds-box direction="column" gap="xs" padding="xs">
+        <pds-link variant="plain" href="#">All products</pds-link>
+        <pds-link variant="plain" href="#">Courses</pds-link>
+        <pds-link variant="plain" href="#">Coaching</pds-link>
+        <pds-link variant="plain" href="#">Community</pds-link>
+        <pds-link variant="plain" href="#">Podcasts</pds-link>
+      </pds-box>
+    </pds-row>
+  </pds-accordion>
+`;
+
+export const Default = BaseTemplate.bind({});

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

@@ -52,7 +52,7 @@ export class PdsAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '595815274032d146a4bb480940d152ba2507c2b4', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
+        return (h(Host, { key: '179b1d53b2250e1fab6807a324c474c2d02c8d43', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
     }
     static get is() { return "pds-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class PdsBox {
             this.sizeXl == undefined ? 'pds-box' : ''}
     `;
         const boxInlineStyles = Object.assign(Object.assign(Object.assign(Object.assign({}, (this.backgroundColor && { '--box-background-color': this.backgroundColor })), (this.borderColor && { '--box-border-color': this.borderColor })), (this.minHeight && { '--box-min-height': this.minHeight })), (this.minWidth && { '--box-min-width': this.minWidth }));
-        return (h(Host, { key: '39cf80d5cbcc14aeca43345e4532b7a77dc6f880', class: boxClasses, style: boxInlineStyles }));
+        return (h(Host, { key: 'c04696c04b987f82aa03e23d41078ffa32ed6e78', class: boxClasses, style: boxInlineStyles }));
     }
     static get is() { return "pds-box"; }
     static get originalStyleUrls() {

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

@@ -40,7 +40,7 @@ export class PdsButton {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '6ee21dab19b15ab02142d892e7a2f42d6f93a919', "aria-disabled": this.disabled ? 'true' : null, id: this.componentId, onClick: this.handleClick, variant: this.variant }, h("button", { key: 'aa804a22ca56bff055e939e1bd72d4fd55c8bcd8', class: this.classNames(), disabled: this.disabled, name: this.name, part: "button", type: this.type, value: this.value }, this.icon && this.variant !== 'disclosure' && h("pds-icon", { name: this.icon, part: "icon" }), h("slot", { key: '049cdc31676637dbe106ec153d66c4964f1f5ee9' }), this.variant === 'disclosure' && h("pds-icon", { name: "caret-down", part: "caret" }))));
+        return (h(Host, { key: '0f8f16b8e8d941481d66f1833a4a7e5402aab2bc', "aria-disabled": this.disabled ? 'true' : null, id: this.componentId, onClick: this.handleClick, variant: this.variant }, h("button", { key: 'c8b0a1f8b0f6c984477e2bb6cdb77226f8250ac3', class: this.classNames(), disabled: this.disabled, name: this.name, part: "button", type: this.type, value: this.value }, this.icon && this.variant !== 'disclosure' && h("pds-icon", { name: this.icon, part: "icon" }), h("slot", { key: '76310f327aad59ecd150261a186e256c52cf6251' }), this.variant === 'disclosure' && h("pds-icon", { name: "caret-down", part: "caret" }))));
     }
     static get is() { return "pds-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class PdsCheckbox {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '44451f5e8df2550217af485162015a0810b2735e', class: this.classNames() }, h("input", { key: 'c4bac864eb6c990b389b1892f26211af7a6b5be8', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "checkbox", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange }), h(PdsLabel, { key: 'eea4ae7c7795854e34a228d79f7e3228d695ff7e', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
+        return (h(Host, { key: 'df4d541eb43253bac6d9f0396d5af5c0a0181db0', class: this.classNames() }, h("input", { key: '59f4ff764cdf4fac9ff38a734b91cf31219f2a59', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "checkbox", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange }), h(PdsLabel, { key: '99da91ab0d67c72f29092a623164b0822ff56a66', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
             h("div", { class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             h("div", { class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }

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

@@ -30,7 +30,7 @@ export class PdsChip {
         return chipContent;
     }
     render() {
-        return (h(Host, { key: '12c200206fc66bf350447029cd5f9b328206dd68', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.variant === 'tag' && (h("button", { class: "pds-chip__close", type: "button", onClick: this.handleCloseClick, "aria-label": "Remove" }, h("pds-icon", { name: "remove", size: "12px" })))));
+        return (h(Host, { key: '224fcbae613eb1a7a8ab5661582e06612aa3c491', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.variant === 'tag' && (h("button", { class: "pds-chip__close", type: "button", onClick: this.handleCloseClick, "aria-label": "Remove" }, h("pds-icon", { name: "remove", size: "12px" })))));
     }
     static get is() { return "pds-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class PdsCopytext {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '4acd4381ec825bb968a28882592e94e63f03b455', class: this.classNames(), id: this.componentId }, h("pds-button", { key: '0827df991bc213211d021daac15adbea51c04b2d', type: "button", variant: "unstyled", onClick: this.handleClick }, h("span", { key: '9ccdf4d2087ce38db135ac2147b2376eb3bb114e' }, this.value), h("pds-icon", { key: '6e68ea1f67195d6ace3a4c1499d47ad1fe8e9dea', name: "copy", size: "16px" }))));
+        return (h(Host, { key: '650ef9a2f68e604211c98721ef61e68a44a619b2', class: this.classNames(), id: this.componentId }, h("pds-button", { key: '3c4e3d7779e794c65115431ea93e6c321c5e8f83', type: "button", variant: "unstyled", onClick: this.handleClick }, h("span", { key: 'e755703bd191e440d1b10250027c1dfcf1340cbe' }, this.value), h("pds-icon", { key: '6fc35fd7fef1a98b9f248054a2927a1b006561d0', name: "copy", size: "16px" }))));
     }
     static get is() { return "pds-copytext"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class PdsDivider {
         return classNames.join(' ');
     }
     render() {
-        return (h(Host, { key: '2fd0d24d893d6936915480731948caa8de5007fa', id: this.componentId }, h("hr", { key: 'dacc620d9f1cb7b2a05f0e0205e2df3d3bfbfcd7', class: this.classNames() })));
+        return (h(Host, { key: 'd5d42d70c2417e0fc801f87f8460557bb1756443', id: this.componentId }, h("hr", { key: '49554a46b6949d09adc4794b22441a1f76eb1d13', class: this.classNames() })));
     }
     static get is() { return "pds-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,9 +11,9 @@ export class PdsImage {
         this.width = undefined;
     }
     render() {
-        return (h(Host, { key: '215feafdc0e94d6ae120bf3a96f64bdc63390a62', class: {
+        return (h(Host, { key: '835f04e58f7a7f831575512bb4582fc22a563652', class: {
                 'pds-image': true,
-            }, id: this.componentId }, h("img", { key: '300604bb22b5811af2b0fda6dec0b53bfb2b6419', 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: 'd002c0ae968a6a4a8d965c9bbae905da31629d7f', 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.js

@@ -24,7 +24,7 @@ export class PdsInput {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '4e60728fb056594ae2994af77f7e7bae2b886794', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '29f77b38b5927e32cb7c0e5a1ecf1f2c5524a69f', class: "pds-input" }, h(PdsLabel, { key: 'fd7e9df19532f34ce2e168f41baab2686df6d9cd', htmlFor: this.componentId, text: this.label }), h("input", { key: '6859b44f35cdccc16f5f0d68de2e039e2d5f3c51', class: "pds-input__field", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, type: this.type, value: this.value, onInput: this.onInputEvent }), this.helperMessage &&
+        return (h(Host, { key: 'bb6e9f4cb7515c3b8fbbc583ba1c9ade05d8ae90', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '960462be7a176c6b62412ce4b44af79f9b137a0c', class: "pds-input" }, h(PdsLabel, { key: 'beb8f1c8e8a1b4b692d2838abc99e427cc13c392', htmlFor: this.componentId, text: this.label }), h("input", { key: 'c69ceb5d687fb37b843e71e8aa9bad8b9f7bcaa8', class: "pds-input__field", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, type: this.type, value: this.value, onInput: this.onInputEvent }), this.helperMessage &&
             h("p", { class: "pds-input__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             h("p", { class: "pds-input__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage))));
     }

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

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 import { launch } from "@pine-ds/icons/icons";
 /**
- * @slot - Content is placed between the opening closing tags
+ * @part link - The main link element that represents the link component.
+ * @slot - Content is placed between the opening closing tags.
  */
 export class PdsLink {
     constructor() {
@@ -22,7 +23,7 @@ export class PdsLink {
         return classNames.join(' ');
     }
     render() {
-        return (h("a", { key: '23e4b62674283edaadf6b4b31ec610d4c5c8b911', class: this.classNames(), href: this.href, id: this.componentId, target: this.external ? '_blank' : undefined }, h("slot", { key: 'd066d3add7be1faeee5a52ef4c1a9826d0c4b251' }, this.href), this.external &&
+        return (h("a", { key: '72e9712a881a175bab71e2d9beb2d0307582bde3', class: this.classNames(), href: this.href, id: this.componentId, target: this.external ? '_blank' : undefined, part: "link" }, h("slot", { key: '13f8e29adcfc55e7aeb62bd5e67105ce4d21eca7' }, this.href), this.external &&
             h("pds-icon", { icon: launch, size: this.fontSize })));
     }
     static get is() { return "pds-link"; }

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

@@ -1 +1 @@
-{"version":3,"file":"pds-link.js","sourceRoot":"","sources":["../../../src/components/pds-link/pds-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;GAEG;AAMH,MAAM,OAAO,OAAO;;;wBAUC,KAAK;uBAMc,QAAQ;wBAUP,IAAI;;;IAOnC,UAAU;QAChB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QAEJ,OAAO,CACL,0DACE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAE5C,+DAAO,IAAI,CAAC,IAAI,CAAQ;YACvB,IAAI,CAAC,QAAQ;gBACZ,gBAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAa,CAExD,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @slot - Content is placed between the opening closing tags\n */\n@Component({\n  tag: 'pds-link',\n  styleUrl: 'pds-link.scss',\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-link.js","sourceRoot":"","sources":["../../../src/components/pds-link/pds-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;GAGG;AAMH,MAAM,OAAO,OAAO;;;wBAUC,KAAK;uBAMc,QAAQ;wBAUP,IAAI;;;IAOnC,UAAU;QAChB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QAEJ,OAAO,CACL,0DACE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC5C,IAAI,EAAC,MAAM;YAEX,+DAAO,IAAI,CAAC,IAAI,CAAQ;YACvB,IAAI,CAAC,QAAQ;gBACZ,gBAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAa,CAExD,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - The main link element that represents the link component.\n * @slot - Content is placed between the opening closing tags.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrl: 'pds-link.scss',\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"]}

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

@@ -9,7 +9,7 @@ export class PdsProgress {
         this.showPercent = false;
     }
     render() {
-        return (h(Host, { key: 'a20a576a6addcfe01e32b825142aaa18039ccfbb', class: this.animated ? { 'is-animated': this.animated } : '' }, h("div", { key: '2d0bb87d5567a4d8d9f8a689ff86fc97f3d94d4f', class: "pds-progress" }, h("label", { key: '0d98454dccb11aa0063a70491acb24e7fd72720d', class: "pds-progress__label", htmlFor: this.componentId }, this.label), h("progress", { key: '9f3b3c07fe1c5fcdf28a5e104e2c90a4e7d102b2', id: this.componentId, max: "100", style: this.fillColor ? { '--progress-fill-color': this.fillColor } : {}, value: this.percent })), this.showPercent && h("div", { class: "pds-progress__percentage" }, this.percent, "%")));
+        return (h(Host, { key: '68d38c1c9c0b21d20df22d9c9e21102f78143df7', class: this.animated ? { 'is-animated': this.animated } : '' }, h("div", { key: '2342ec7043319f3c9d6ee40b3d516523c40f8881', class: "pds-progress" }, h("label", { key: '56740d2f23e1cf0039751eac229b6c81234c45a8', class: "pds-progress__label", htmlFor: this.componentId }, this.label), h("progress", { key: 'b11e4117dae38cc8828623fbd1e25d666a5ec63c', id: this.componentId, max: "100", style: this.fillColor ? { '--progress-fill-color': this.fillColor } : {}, value: this.percent })), this.showPercent && h("div", { class: "pds-progress__percentage" }, this.percent, "%")));
     }
     static get is() { return "pds-progress"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class PdsRadio {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '7aa805bfda81bb1a04093b9733473cddc935ea65', class: this.classNames() }, h("input", { key: '907fba6999a8a781133f91c139829f417ffd3f80', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange }), h(PdsLabel, { key: '72a62cc41ed4d9a4313442fe457901a6d0a194d3', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+        return (h(Host, { key: '1427cdb78f9e67d64f1d41fbbcd69f142568be54', class: this.classNames() }, h("input", { key: 'e657db2c4d043871913ba314adb0b1666001dc8e', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange }), h(PdsLabel, { key: 'c7a15d4d55f7a82f21754d5a5c711ae2b60b5cdc', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
             h("div", { class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             h("div", { class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }

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

@@ -32,7 +32,7 @@ export class PdsRow {
         })), (this.minHeight && {
             'min-height': this.minHeight,
         }));
-        return (h(Host, { key: 'c466af5e55db772255cca9211f8d7e14760996ee', class: `pds-row ${rowClasses}`, style: rowInlineStyles }));
+        return (h(Host, { key: 'a0661e2e13c93d93f8fd8a2f692adce3eac2b9f7', class: `pds-row ${rowClasses}`, style: rowInlineStyles }));
     }
     static get is() { return "pds-row"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js

@@ -9,7 +9,7 @@ export class PdsSortableItem {
         this.handle = false;
     }
     render() {
-        return (h(Host, { key: 'dc0b82dca578e2e25dcb590f7baeb8b7207c00cc', class: "pds-sortable-item", id: this.componentId }, this.handle && (h("div", { class: "pds-sortable-item__handle" }, h("pds-icon", { name: "handle" }))), h("slot", { key: 'c9d4b404d14dafbc0aa23e89db2b961c9ab51d3b' }), this.enableActions && (h("div", { class: "pds-sortable-item__actions" }, h("slot", { name: "sortable-item-actions" })))));
+        return (h(Host, { key: '0af9e3cba44c18a8ded0ed71337076ebf761a437', class: "pds-sortable-item", id: this.componentId }, this.handle && (h("div", { class: "pds-sortable-item__handle" }, h("pds-icon", { name: "handle" }))), h("slot", { key: '44365ade9216eacdf72723d4bbf18bac5e6ba734' }), this.enableActions && (h("div", { class: "pds-sortable-item__actions" }, h("slot", { name: "sortable-item-actions" })))));
     }
     static get is() { return "pds-sortable-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -35,7 +35,7 @@ export class PdsSortable {
         Sortable.create(this.el, sortableOptions);
     }
     render() {
-        return (h(Host, { key: 'ab1c3a948cf1468a5fe941046f91a6d72f2c3117', class: this.classNames(), id: this.componentId }, h("slot", { key: 'abff220a9bd15b82f06dc6db1341b387e90d74c2' })));
+        return (h(Host, { key: 'ec0e4e8ab9f84b3163160f23cfe15796b1c8ca79', class: this.classNames(), id: this.componentId }, h("slot", { key: '9c3f9cbc3b0cdd50bc57d0f4f2a6231d1f2f9d2e' })));
     }
     static get is() { return "pds-sortable"; }
     static get encapsulation() { return "scoped"; }

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

@@ -34,7 +34,7 @@ export class PdsSwitch {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '6235c2f551bedc84b014c5c1d62d1890453f7a5c', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, h("input", { key: 'f64395640bc974b7109da695343c50c5ab6d24be', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), h(PdsLabel, { key: 'd70d0965a079e0e86e6f261a4d01241fc6f3646f', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+        return (h(Host, { key: 'cdb6f34b8eb4a40fa9477b820461276ea07b9346', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, h("input", { key: 'cdb0f78abe53f7c84da5aa75e878d40180821e44', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), h(PdsLabel, { key: '37d5f8106e84f5820f0e27b1a2d656a6090293a3', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
             h("div", { class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             h("div", { class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }

package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class PdsTableBody {
     render() {
-        return (h(Host, { key: 'd6768c5745e7b93b9b7109db8dd474b70688f5dc', role: "rowgroup" }, h("slot", { key: '972871a55a1efca31363b2ea93da900ac28030eb' })));
+        return (h(Host, { key: '8d71f826ae509e6ca5ab06016c3343036840af88', role: "rowgroup" }, h("slot", { key: 'b34bf96e2dc5232585dc3a28bbd81f5eafa42748' })));
     }
     static get is() { return "pds-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js

@@ -34,11 +34,11 @@ export class PdsTableCell {
         return classNames.join(' ');
     }
     render() {
-        return (h(Host, { key: 'a4dc8a8339277b782f4a2ee0a675fe1cfba9882f', class: this.classNames(), role: "gridcell", style: this.tableRef &&
+        return (h(Host, { key: '71ff527047eaafcf9b9c57a6aa96634e4a887f0b', class: this.classNames(), role: "gridcell", style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '1f00d0fe4e83ada31b33d760a34e2dfcb914be23' })));
+                : {} }, h("slot", { key: 'b62c595da7fbf8795e90c67c3d50b9f5e7449067' })));
     }
     static get is() { return "pds-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js

@@ -8,7 +8,7 @@ export class PdsTableHead {
         }
     }
     render() {
-        return (h(Host, { key: '63d7450f27eaec26afc0724f7498cd3197ccc6f3', role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-head-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), h("slot", { key: '29ccb7483aea5efc5aa6f24e9dded5bb812748e2' })));
+        return (h(Host, { key: '3fc715433db735a23fa49fd37553a8f430af78bc', role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-head-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), h("slot", { key: 'f24a1ebc93b6718aaefbf9006d7fd89e43eb557c' })));
     }
     static get is() { return "pds-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js

@@ -49,11 +49,11 @@ export class PdsTableHeadCell {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '855185382f83a8434abb9b1ccf222c8ef47e399a', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
+        return (h(Host, { key: 'de6a3a9f17d49206d61755cf49902ca414982ad3', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '78f3f9551be753e3be9953dfa57a9924d2dd4950' }), this.sortable && (h("pds-icon", { name: this.sortingDirection === 'asc' ? 'up-small' : 'down-small' }))));
+                : {} }, h("slot", { key: 'c46427a01cd95972cb97fd244e4caf348bdefe03' }), this.sortable && (h("pds-icon", { name: this.sortingDirection === 'asc' ? 'up-small' : 'down-small' }))));
     }
     static get is() { return "pds-table-head-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js

@@ -29,7 +29,7 @@ export class PdsTableRow {
         }
     }
     render() {
-        return (h(Host, { key: 'b809dac3a76a195446be9cec359887f701213c83', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, h("pds-checkbox", { componentId: this.generateUniqueId(), onClick: this.handleCheckboxClick, label: "Select Row", labelHidden: true, checked: this.isSelected }))), h("slot", { key: '30e8125faa0238ff4c9d2e2ce4dc927173ab35ef' })));
+        return (h(Host, { key: '6eb4558d3c5970174833e11c74b8243f549e3c9a', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, h("pds-checkbox", { componentId: this.generateUniqueId(), onClick: this.handleCheckboxClick, label: "Select Row", labelHidden: true, checked: this.isSelected }))), h("slot", { key: 'd2ee3546bfe11f36278887b6261a0c5bca91202f' })));
     }
     static get is() { return "pds-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class PdsTable {
         this.sortingDirection = direction;
     }
     render() {
-        return (h(Host, { key: 'a2c7913248cd3d9f73503bde080e8c88aa1a5a71', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable }, h("slot", { key: '94e51585d1c5c868896452a79b972c8ee8e27483' })));
+        return (h(Host, { key: '61e4788551b8e01ce7e5d0e96869b742157a9f2b', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable }, h("slot", { key: 'bab0e40123fe8bc257221bbd1a2b2f6076a6c691' })));
     }
     static get is() { return "pds-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js

@@ -11,9 +11,9 @@ export class PdsTab {
         this.pdsTabClick.emit([index, parentComponentId]);
     }
     render() {
-        const availabilityTabEdgeInlineStart = (h("span", { key: '4754a01d440847da41b9e47e32d1452fff1f4c2e', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (h("span", { key: '7ecd6e4047b9f359ccac8648251a4ea595a484f8', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (h(Host, { key: 'dac9e9c4f234f32e69ecbe9ffb7638eed73c582c', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '2988c7167823c3baf37b85d3a550b2b564ef22af', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, h("div", { key: '1bd3abbf587a43a0f59f4e0c2971fc1756694b3a', class: "pds-tab__content" }, h("slot", { key: '86a63ec956f4cb059cb8dbdbe9d5c923145f4680' })))));
+        const availabilityTabEdgeInlineStart = (h("span", { key: '08277d7cbe950dd18f41bd95c90f7c7389833311', class: "pds-tab-edge", role: "presentation" }));
+        const availabilityTabEdgeInlineEnd = (h("span", { key: '02d2d1acbc122a56bd01c53af8ff0f42b46cb3db', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
+        return (h(Host, { key: 'ae62d16ff39d937d3d635892a904870c436d1747', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '45221be5eb829f64c5a1f19de600d68da9c27ed2', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, h("div", { key: '3e529a0253e4ecbfad3ab47760fa6d58771a58b8', class: "pds-tab__content" }, h("slot", { key: '4491e7c5442c386623e389ac247c5a8a6a6db254' })))));
     }
     static get is() { return "pds-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js

@@ -7,7 +7,7 @@ export class PdsTabpanel {
         this.selected = false;
     }
     render() {
-        return (h(Host, { key: 'b15595eb65b1f306ab6f321abad5f36d473f72f0', slot: "tabpanels" }, h("div", { key: 'cfef7ac9cf9894b3c0962dcdc9e70b728b94bd38', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, h("slot", { key: 'b666cb82217d8d970794896668b070a3cd0719b3' }))));
+        return (h(Host, { key: 'e38cf8aa09d76ce8e971d4e64f635fd2ac237aad', slot: "tabpanels" }, h("div", { key: '316151ef0e305ecba207d2ea6d171fcb0c28b539', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, h("slot", { key: '4214b2d070c6964f7d3ae41b1ed3d6713aaddf11' }))));
     }
     static get is() { return "pds-tabpanel"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class PdsTabs {
         this.passPropsToChildren();
     }
     render() {
-        return (h(Host, { key: '230c4abd9bf8632802f34df2a517ca2c1cc029bd', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, h("div", { key: 'ad7935e2494c8fa731abaf17979f61ffa70d8ac3', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, h("slot", { key: '3e3b604d8aa3391b23539914cd91bd6cafcfc4c9', name: "tabs" })), h("slot", { key: '7d8a5ee7b1b147816bedf6be0b24f8a57b422fe7', name: "tabpanels" })));
+        return (h(Host, { key: 'e6d5ba53ccd3f58d0e63ddee1a3f395c6f15c841', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, h("div", { key: 'b66c6f29bd3612c94130de2e44ca33e46facf401', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, h("slot", { key: 'eeaa4bacc8ae08964a106fed26af7c3927b83df7', name: "tabs" })), h("slot", { key: 'f6d0b358f7387a850e1f3db93eaf32cc7723b7a2', name: "tabpanels" })));
     }
     static get is() { return "pds-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,8 +32,8 @@ export class PdsTextarea {
         return classNames.join('  ');
     }
     render() {
-        return (h(Host, { key: '1f722be202c2daa9c8ac782716f7be2ef2da2edc', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '5eb779ac1fbbb24420b1362ec103ef6112319aaf', class: "pds-textarea" }, this.label &&
-            h(PdsLabel, { htmlFor: this.componentId, text: this.label }), h("textarea", { key: '8e2a2de3ea1aa172022b7dea79a34ddcfa8a501b', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
+        return (h(Host, { key: '741dcb258f9992f943e898b4f8ac569046f40a73', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: 'cb678d3e24cec028b7220b4d087e82ce24e26205', class: "pds-textarea" }, this.label &&
+            h(PdsLabel, { htmlFor: this.componentId, text: this.label }), h("textarea", { key: '667cec0eb152e45a01f87ca64865c816afe5b67b', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
             h("p", { class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
             h("p", { "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, this.errorMessage))));
     }

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

@@ -58,13 +58,13 @@ export class PdsTooltip {
         this.opened = false;
     }
     render() {
-        return (h(Host, { key: '55301f414d765eb7508c1c9cadf21d0ce64459b3', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, h("div", { key: 'e2c600c9461499b8069d0163fd05318ea209fcaa', class: `
+        return (h(Host, { key: 'b4b6ca5fbf3a5b99b4fe74d4b874c81f51d46e8d', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, h("div", { key: '234af23d5c082cbaf02c3f4026d094e19514520e', class: `
             pds-tooltip
             pds-tooltip--${this.placement}
             ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}
             ${this.opened ? 'pds-tooltip--is-open' : ''}
             ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}
-          ` }, h("span", { key: '29080a266b672409e5dc51c80378b0fda4486ab6', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, h("slot", { key: '45203a3ed1f30e140439298deb8a7c9f44212d10' })), h("div", { key: '85fe22686930b4060302b315eda0fcd0689a5a02', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, h("slot", { key: '1926a065c45a2450fc97f6c1c9ba496d6e5fa8b5', name: "content" }), this.content))));
+          ` }, h("span", { key: '8636e6ec54ca42b7a96683b2a97f26ee4994ce75', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, h("slot", { key: '915856a37e16dd9a5d19afec7111d90f3a1e1d0d' })), h("div", { key: '0e50c1c3559cfc529da2fc67a8b248e63ad8f75b', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, h("slot", { key: 'dafafd2a343b10ed140eb5bd325d3b17a3dc062a', name: "content" }), this.content))));
     }
     static get is() { return "pds-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,11 +1,108 @@
 {
-  "timestamp": "2024-02-23T00:09:43",
+  "timestamp": "2024-03-08T19:33:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "components": [
+    {
+      "filePath": "src/components/pds-accordion/pds-accordion.tsx",
+      "encapsulation": "shadow",
+      "tag": "pds-accordion",
+      "readme": "# pds-accordion\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "(default) - Accordion body content."
+        },
+        {
+          "name": "slot",
+          "text": "label - Accordion trigger button content."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "componentId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "component-id",
+          "reflectToAttr": false,
+          "docs": "A unique identifier used for the underlying component `id` attribute.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "null"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "isOpen",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Can be used to manually set the open state of the accordion.",
+          "docsTags": [
+            {
+              "name": "defaultValue",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "(default)",
+          "docs": "Accordion body content."
+        },
+        {
+          "name": "label",
+          "docs": "Accordion trigger button content."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "pds-icon"
+      ],
+      "dependencyGraph": {
+        "pds-accordion": [
+          "pds-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/pds-avatar/pds-avatar.tsx",
       "encapsulation": "shadow",
@@ -3278,9 +3375,13 @@
       "readme": "# pds-link\n\nLink is mainly used as navigational element and usually appear within or directly following a paragraph or sentence. The \"plain link\" is used for interactive user generated text like product, post, and offer titles.\n",
       "docs": "Link is mainly used as navigational element and usually appear within or directly following a paragraph or sentence. The \"plain link\" is used for interactive user generated text like product, post, and offer titles.",
       "docsTags": [
+        {
+          "name": "part",
+          "text": "link - The main link element that represents the link component."
+        },
         {
           "name": "slot",
-          "text": "- Content is placed between the opening closing tags"
+          "text": "- Content is placed between the opening closing tags."
         }
       ],
       "usage": {},
@@ -3425,10 +3526,15 @@
       "slots": [
         {
           "name": "",
-          "docs": "Content is placed between the opening closing tags"
+          "docs": "Content is placed between the opening closing tags."
+        }
+      ],
+      "parts": [
+        {
+          "name": "link",
+          "docs": "The main link element that represents the link component."
         }
       ],
-      "parts": [],
       "dependents": [],
       "dependencies": [
         "pds-icon"