@pine-ds/core 0.0.4 → 0.1.1

package/dist/cjs/pds-progress.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsProgressCss = ":host{--progress-fill-color:var(--pine-color-primary-300);--height-progress-bar:8px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}@-webkit-keyframes progressBar{0%{width:0}100%{width:100%}}@keyframes progressBar{0%{width:0}100%{width:100%}}.pds-progress{--background-progress-bar:var(--pine-color-neutral-grey-300);--border-radius:var(--pine-border-radius-xs);-ms-flex-align:center;align-items:center;background-color:var(--background-progress-bar);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--height-progress-bar);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--height-progress-bar);width:100%}progress::-webkit-progress-value{--background-color:var(--pine-color-primary-300);--border-radius:var(--pine-border-radius-xs);background-color:var(--progress-fill-color, var(--background-color));border-radius:var(--border-radius)}progress::-moz-progress-bar{--background-color:var(--pine-color-primary-300);--border-radius:var(--pine-border-radius-xs);background-color:var(--progress-fill-color, var(--background-color));border-radius:var(--border-radius)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{--font-size:var(--pine-font-size-body-sm);--line-height:var(--pine-line-height-sm);--font-weight:var(--pine-font-weight-medium);--margin-inline-start:var(--pine-spacing-md);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--margin-inline-start) / 2);margin-inline-start:calc(var(--margin-inline-start) / 2)}";
 const PdsProgressStyle0 = pdsProgressCss;
@@ -18,7 +18,7 @@ const PdsProgress = class {
         this.showPercent = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a20a576a6addcfe01e32b825142aaa18039ccfbb', class: this.animated ? { 'is-animated': this.animated } : '' }, index.h("div", { key: '2d0bb87d5567a4d8d9f8a689ff86fc97f3d94d4f', class: "pds-progress" }, index.h("label", { key: '0d98454dccb11aa0063a70491acb24e7fd72720d', class: "pds-progress__label", htmlFor: this.componentId }, this.label), index.h("progress", { key: '9f3b3c07fe1c5fcdf28a5e104e2c90a4e7d102b2', id: this.componentId, max: "100", style: this.fillColor ? { '--progress-fill-color': this.fillColor } : {}, value: this.percent })), this.showPercent && index.h("div", { class: "pds-progress__percentage" }, this.percent, "%")));
+        return (index.h(index.Host, { key: '68d38c1c9c0b21d20df22d9c9e21102f78143df7', class: this.animated ? { 'is-animated': this.animated } : '' }, index.h("div", { key: '2342ec7043319f3c9d6ee40b3d516523c40f8881', class: "pds-progress" }, index.h("label", { key: '56740d2f23e1cf0039751eac229b6c81234c45a8', class: "pds-progress__label", htmlFor: this.componentId }, this.label), index.h("progress", { key: 'b11e4117dae38cc8828623fbd1e25d666a5ec63c', id: this.componentId, max: "100", style: this.fillColor ? { '--progress-fill-color': this.fillColor } : {}, value: this.percent })), this.showPercent && index.h("div", { class: "pds-progress__percentage" }, this.percent, "%")));
     }
 };
 PdsProgress.style = PdsProgressStyle0;

package/dist/cjs/pds-radio.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
-const pdsLabel = require('./pds-label-a3b0188d.js');
+const index = require('./index-af2145ac.js');
+const pdsLabel = require('./pds-label-81c1073a.js');
 
 const pdsRadioCss = ".sc-pds-radio-h{--background-color:var(--pine-color-base-white);--background-color-hover:var(--pine-color-neutral-grey-100);--background-color-disabled:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-color-hover:var(--pine-border-interactive-hover-color);--border-color-disabled:var(--pine-color-neutral-grey-300);--border-radius:50%;--color:var(--pine-color-neutral-charcoal-200);--color-checked:var(--pine-color-neutral-charcoal-500);--color-disabled:var(--pine-color-neutral-grey-500);--color-focus:var(--pine-color-primary-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-body-sm);--input-size:16px;--check-size:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-invalid-focus);box-shadow:0 0 0 4px var(--color-invalid-focus);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);border-radius:var(--border-radius);height:var(--input-size);margin:0;position:relative;width:var(--input-size)}input.sc-pds-radio:hover{background:var(--background-color-hover);border-color:var(--border-color-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--background-color);border-radius:50%;content:\"\";display:block;height:var(--check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--check-size)}input.sc-pds-radio:disabled{background:var(--background-color-disabled);border-color:var(--border-color-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--border-color-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-focus);box-shadow:0 0 0 4px var(--color-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--check-size);margin-block-start:var(--check-size);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
 const PdsRadioStyle0 = pdsRadioCss;
@@ -42,7 +42,7 @@ const PdsRadio = class {
         return classNames.join('  ');
     }
     render() {
-        return (index.h(index.Host, { key: '7aa805bfda81bb1a04093b9733473cddc935ea65', class: this.classNames() }, index.h("input", { key: '907fba6999a8a781133f91c139829f417ffd3f80', "aria-describedby": pdsLabel.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 }), index.h(pdsLabel.PdsLabel, { key: '72a62cc41ed4d9a4313442fe457901a6d0a194d3', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+        return (index.h(index.Host, { key: '1427cdb78f9e67d64f1d41fbbcd69f142568be54', class: this.classNames() }, index.h("input", { key: 'e657db2c4d043871913ba314adb0b1666001dc8e', "aria-describedby": pdsLabel.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 }), index.h(pdsLabel.PdsLabel, { key: 'c7a15d4d55f7a82f21754d5a5c711ae2b60b5cdc', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
             index.h("div", { class: 'pds-radio__message', id: pdsLabel.messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             index.h("div", { class: `pds-radio__message pds-radio__message--error`, id: pdsLabel.messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }

package/dist/cjs/pds-row.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsRowCss = ":host{--pine-gap-y:10px;display:block;-webkit-margin-after:calc(var(--pine-gap-y) * -1);margin-block-end:calc(var(--pine-gap-y) * -1);-webkit-margin-before:calc(var(--pine-gap-y) * -1);margin-block-start:calc(var(--pine-gap-y) * -1);-webkit-margin-end:calc(var(--pine-gap-x) * -0.5);margin-inline-end:calc(var(--pine-gap-x) * -0.5);-webkit-margin-start:calc(var(--pine-gap-x) * -0.5);margin-inline-start:calc(var(--pine-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--pine-gap-y) * -1);margin-block-end:calc(var(--pine-gap-y) * -1);-webkit-margin-before:calc(var(--pine-gap-y) * -1);margin-block-start:calc(var(--pine-gap-y) * -1);-webkit-margin-end:calc(var(--pine-gap-x) * -1);margin-inline-end:calc(var(--pine-gap-x) * -1);-webkit-margin-start:calc(var(--pine-gap-x) * -1);margin-inline-start:calc(var(--pine-gap-x) * -1)}.pds-row>*{-webkit-padding-after:calc(var(--pine-gap-y));padding-block-end:calc(var(--pine-gap-y));-webkit-padding-before:calc(var(--pine-gap-y));padding-block-start:calc(var(--pine-gap-y));-webkit-padding-end:calc(var(--pine-gap-x));padding-inline-end:calc(var(--pine-gap-x));-webkit-padding-start:calc(var(--pine-gap-x));padding-inline-start:calc(var(--pine-gap-x))}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border-default)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}";
 const PdsRowStyle0 = pdsRowCss;
@@ -41,7 +41,7 @@ const PdsRow = class {
         })), (this.minHeight && {
             'min-height': this.minHeight,
         }));
-        return (index.h(index.Host, { key: 'c466af5e55db772255cca9211f8d7e14760996ee', class: `pds-row ${rowClasses}`, style: rowInlineStyles }));
+        return (index.h(index.Host, { key: 'a0661e2e13c93d93f8fd8a2f692adce3eac2b9f7', class: `pds-row ${rowClasses}`, style: rowInlineStyles }));
     }
 };
 PdsRow.style = PdsRowStyle0;

package/dist/cjs/pds-sortable-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsSortableItemCss = ".pds-sortable-item.sc-pds-sortable-item-h{--background-color-interactive:var(--pine-color-neutral-grey-200);--background-color:var(--pine-color-base-white);--border-radius:var(--pine-border-radius-md);--border:var(--pine-border-default);--box-shadow:var(--pine-box-shadow-lg);--color-interactive-handle:var(--pine-color-primary-300);--margin-inline-end:var(--pine-spacing-md);--padding-block-xs:var(--pine-spacing-xs);--padding-inline:var(--pine-spacing-md);--padding-inline-start:var(--pine-spacing-md);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--padding-block-xs);padding-inline:var(--padding-inline)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--padding-inline-start);padding-inline-start:var(--padding-inline-start)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--margin-inline-end);margin-inline-end:var(--margin-inline-end)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--border);border-block-end:var(--border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--background-color-interactive)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--color-interactive-handle)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--background-color);border-radius:0;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--background-color-interactive);border-radius:0}";
 const PdsSortableItemStyle0 = pdsSortableItemCss;
@@ -15,7 +15,7 @@ const PdsSortableItem = class {
         this.handle = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'dc0b82dca578e2e25dcb590f7baeb8b7207c00cc', class: "pds-sortable-item", id: this.componentId }, this.handle && (index.h("div", { class: "pds-sortable-item__handle" }, index.h("pds-icon", { name: "handle" }))), index.h("slot", { key: 'c9d4b404d14dafbc0aa23e89db2b961c9ab51d3b' }), this.enableActions && (index.h("div", { class: "pds-sortable-item__actions" }, index.h("slot", { name: "sortable-item-actions" })))));
+        return (index.h(index.Host, { key: '0af9e3cba44c18a8ded0ed71337076ebf761a437', class: "pds-sortable-item", id: this.componentId }, this.handle && (index.h("div", { class: "pds-sortable-item__handle" }, index.h("pds-icon", { name: "handle" }))), index.h("slot", { key: '44365ade9216eacdf72723d4bbf18bac5e6ba734' }), this.enableActions && (index.h("div", { class: "pds-sortable-item__actions" }, index.h("slot", { name: "sortable-item-actions" })))));
     }
 };
 PdsSortableItem.style = PdsSortableItemStyle0;

package/dist/cjs/pds-sortable.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c18b5a7b.js');
+const index$1 = require('./index-af2145ac.js');
 
 /**!
  * Sortable 1.15.2
@@ -2693,7 +2693,7 @@ const PdsSortable = class {
         Sortable.create(this.el, sortableOptions);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ab1c3a948cf1468a5fe941046f91a6d72f2c3117', class: this.classNames(), id: this.componentId }, index$1.h("slot", { key: 'abff220a9bd15b82f06dc6db1341b387e90d74c2' })));
+        return (index$1.h(index$1.Host, { key: 'ec0e4e8ab9f84b3163160f23cfe15796b1c8ca79', class: this.classNames(), id: this.componentId }, index$1.h("slot", { key: '9c3f9cbc3b0cdd50bc57d0f4f2a6231d1f2f9d2e' })));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/pds-switch.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
-const pdsLabel = require('./pds-label-a3b0188d.js');
+const index = require('./index-af2145ac.js');
+const pdsLabel = require('./pds-label-81c1073a.js');
 
 const pdsSwitchCss = ":host{--background-color:var(--pine-color-neutral-grey-400);--background-color-checked:var(--pine-color-neutral-charcoal-400);--background-color-checked-hover:var(--pine-color-neutral-charcoal-400);--background-color-disabled:var(--pine-color-neutral-grey-300);--background-color-hover:var(--pine-color-neutral-grey-500);--input-border-radius:var(--pine-border-radius-lg);--input-height:20px;--input-width:36px;--input-toggle-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--input-toggle-color:var(--pine-color-base-white);--input-toggle-offset:2px;--input-toggle-size:calc(var(--input-height) - (var(--input-toggle-offset) * 2));--label-gap-size:12px;--label-line-height:var(--pine-line-height-md);--message-spacing-block:var(--pine-spacing-xxs);--message-spacing-inline:calc(var(--input-width) + var(--label-gap-size));--message-text-color:var(--pine-color-neutral-charcoal-200);--outline-color-focus:var(--pine-color-primary-200);--outline-color-focus-error:var(--pine-color-red-200);--text-color-default:var(--pine-color-neutral-charcoal-400);--text-color-disabled:var(--pine-color-neutral-grey-500);--text-color-error:var(--pine-color-red-300);--transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--text-color-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--text-color-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--text-color-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:0 0 0 4px var(--outline-color-focus-error);box-shadow:0 0 0 4px var(--outline-color-focus-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);border:0;border-radius:var(--input-border-radius);cursor:pointer;display:inline-block;height:var(--input-height);margin:0;padding:0;position:relative;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:var(--transition-timing);transition:var(--transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--input-width)}input::after{background:var(--input-toggle-color);border-radius:50%;-webkit-box-shadow:var(--input-toggle-box-shadow);box-shadow:var(--input-toggle-box-shadow);content:\"\";display:block;height:var(--input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--transition-timing);transition:-webkit-transform var(--transition-timing);transition:transform var(--transition-timing);transition:transform var(--transition-timing), -webkit-transform var(--transition-timing);width:var(--input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;line-height:var(--label-line-height);-webkit-margin-start:var(--label-gap-size);margin-inline-start:var(--label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--message-text-color);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-sm);line-height:var(--pine-line-height-sm);-webkit-margin-start:var(--message-spacing-inline);margin-inline-start:var(--message-spacing-inline)}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--message-spacing-block);margin-block-start:var(--message-spacing-block)}.pds-switch__message--error{color:inherit}input:disabled{background-color:var(--background-color-disabled);cursor:not-allowed}input:disabled~label{color:var(--text-color-disabled);cursor:initial}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--background-color-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:0 0 0 4px var(--outline-color-focus);box-shadow:0 0 0 4px var(--outline-color-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--background-color-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--background-color-checked-hover)}";
 const PdsSwitchStyle0 = pdsSwitchCss;
@@ -43,7 +43,7 @@ const PdsSwitch = class {
         this.value = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '6235c2f551bedc84b014c5c1d62d1890453f7a5c', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, index.h("input", { key: 'f64395640bc974b7109da695343c50c5ab6d24be', "aria-describedby": pdsLabel.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 }), index.h(pdsLabel.PdsLabel, { key: 'd70d0965a079e0e86e6f261a4d01241fc6f3646f', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
+        return (index.h(index.Host, { key: 'cdb6f34b8eb4a40fa9477b820461276ea07b9346', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, index.h("input", { key: 'cdb0f78abe53f7c84da5aa75e878d40180821e44', "aria-describedby": pdsLabel.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 }), index.h(pdsLabel.PdsLabel, { key: '37d5f8106e84f5820f0e27b1a2d656a6090293a3', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
             index.h("div", { class: `pds-switch__message`, id: pdsLabel.messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
             index.h("div", { class: `pds-switch__message pds-switch__message--error`, id: pdsLabel.messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
     }

package/dist/cjs/pds-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTabCss = "pds-tab{--background-color-tab:var(--pine-color-neutral-grey-300);--background-color-tab-active:var(--pine-color-neutral-charcoal-400);--background-color-tab-hover:var(--pine-color-neutral-grey-400);--border-radius:var(--pine-border-radius-xs);--color:var(--pine-color-neutral-charcoal-200);--color-active:var(--pine-color-neutral-charcoal-400);--color-focus:var(--pine-color-neutral-charcoal-300);--color-white:var(--pine-color-base-white);--font-size-body:var(--pine-font-size-body);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-medium);--line-height-md:var(--pine-line-height-md);--line-height-sm:var(--pine-line-height-sm);--line-height-xs:var(--pine-line-height-xs);--outline:4px solid var(--pine-color-primary-200);display:inline-block;position:relative}*:focus-visible{border-radius:var(--border-radius);outline:var(--outline)}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:0;-ms-flex-align:center;align-items:center;color:var(--color);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-active)}.pds-tab:focus-visible{color:var(--color-focus)}.pds-tab .pds-tab__content{font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight);line-height:var(--line-height-md);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:currentColor;bottom:0;content:\"\";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--tab-background-color:transparent}.pds-tabs--availability .pds-tab{background-color:var(--tab-background-color);border-radius:8px 8px 0 0;padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--tab-background-color:var(--color-white)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--tab-background-color:var(--background-color-tab)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color)}.pds-tabs--availability .pds-tab__content{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--tab-background-color);box-shadow:4px 4px 0 0 var(--tab-background-color);content:\"\";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--tab-background-color);box-shadow:-4px 4px 0 0 var(--tab-background-color);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--tab-background-color:var(--background-color-tab)}.pds-tabs--filter .pds-tab{background-color:var(--tab-background-color);border-radius:50px;color:var(--color-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--tab-background-color:var(--background-color-tab-active);color:var(--color-white)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--tab-background-color:var(--background-color-tab-hover)}.pds-tabs--filter .pds-tab__content{font-size:var(--font-size-sm);line-height:var(--line-height-sm);-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}";
 const PdsTabStyle0 = pdsTabCss;
@@ -21,9 +21,9 @@ const PdsTab = class {
         this.pdsTabClick.emit([index, parentComponentId]);
     }
     render() {
-        const availabilityTabEdgeInlineStart = (index.h("span", { key: '4754a01d440847da41b9e47e32d1452fff1f4c2e', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (index.h("span", { key: '7ecd6e4047b9f359ccac8648251a4ea595a484f8', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (index.h(index.Host, { key: 'dac9e9c4f234f32e69ecbe9ffb7638eed73c582c', variant: this.variant, slot: "tabs", index: this.index }, 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, index.h("div", { key: '1bd3abbf587a43a0f59f4e0c2971fc1756694b3a', class: "pds-tab__content" }, index.h("slot", { key: '86a63ec956f4cb059cb8dbdbe9d5c923145f4680' })))));
+        const availabilityTabEdgeInlineStart = (index.h("span", { key: '08277d7cbe950dd18f41bd95c90f7c7389833311', class: "pds-tab-edge", role: "presentation" }));
+        const availabilityTabEdgeInlineEnd = (index.h("span", { key: '02d2d1acbc122a56bd01c53af8ff0f42b46cb3db', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
+        return (index.h(index.Host, { key: 'ae62d16ff39d937d3d635892a904870c436d1747', variant: this.variant, slot: "tabs", index: this.index }, 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, index.h("div", { key: '3e529a0253e4ecbfad3ab47760fa6d58771a58b8', class: "pds-tab__content" }, index.h("slot", { key: '4491e7c5442c386623e389ac247c5a8a6a6db254' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-table-body.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTableBodyCss = ":host{border-color:inherit;display:table-row-group;vertical-align:middle}";
 const PdsTableBodyStyle0 = pdsTableBodyCss;
@@ -12,7 +12,7 @@ const PdsTableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd6768c5745e7b93b9b7109db8dd474b70688f5dc', role: "rowgroup" }, index.h("slot", { key: '972871a55a1efca31363b2ea93da900ac28030eb' })));
+        return (index.h(index.Host, { key: '8d71f826ae509e6ca5ab06016c3343036840af88', role: "rowgroup" }, index.h("slot", { key: 'b34bf96e2dc5232585dc3a28bbd81f5eafa42748' })));
     }
 };
 PdsTableBody.style = PdsTableBodyStyle0;

package/dist/cjs/pds-table-head-cell.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTableHeadCellCss = ":host{--background-fixed:var(--pine-color-base-white);--border:var(--pine-border-default);--box-shadow:3px 3px 6px -2px rgba(0, 0, 0, 0.1);--color-sorting:var(--pine-color-neutral-charcoal-500);--color:var(--pine-color-neutral-charcoal-200);--fixed-cell-position:0;--font-size:var(--pine-font-size-body-sm);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-sm);--margin-arrow:var(--pine-spacing-xxs);--padding-arrow:calc(var(--pine-spacing-xxs) / 2);--padding-compact:var(--pine-spacing-xxs);--padding:calc(var(--pine-spacing-md) / 2);-webkit-border-after:var(--border);border-block-end:var(--border);color:var(--color);display:table-cell;font-size:var(--font-size);font-style:normal;font-weight:var(--font-weight);line-height:var(--line-height);padding:var(--padding);text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--padding-compact)}:host(.is-fixed){background:var(--background-fixed);left:var(--fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--margin-arrow);margin-inline-start:var(--margin-arrow);-webkit-padding-before:var(--padding-arrow);padding-block-start:var(--padding-arrow);position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--color-sorting)}";
 const PdsTableHeadCellStyle0 = pdsTableHeadCellCss;
@@ -59,11 +59,11 @@ const PdsTableHeadCell = class {
         return classNames.join('  ');
     }
     render() {
-        return (index.h(index.Host, { key: '855185382f83a8434abb9b1ccf222c8ef47e399a', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
+        return (index.h(index.Host, { key: 'de6a3a9f17d49206d61755cf49902ca414982ad3', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, index.h("slot", { key: '78f3f9551be753e3be9953dfa57a9924d2dd4950' }), this.sortable && (index.h("pds-icon", { name: this.sortingDirection === 'asc' ? 'up-small' : 'down-small' }))));
+                : {} }, index.h("slot", { key: 'c46427a01cd95972cb97fd244e4caf348bdefe03' }), this.sortable && (index.h("pds-icon", { name: this.sortingDirection === 'asc' ? 'up-small' : 'down-small' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/pds-table-head.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTableHeadCss = ":host{--background-fixed:var(--pine-color-base-white);--border:var(--pine-border-default);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border);border-block-end:var(--border)}";
 const PdsTableHeadStyle0 = pdsTableHeadCss;
@@ -19,7 +19,7 @@ const PdsTableHead = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '63d7450f27eaec26afc0724f7498cd3197ccc6f3', role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-head-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), index.h("slot", { key: '29ccb7483aea5efc5aa6f24e9dded5bb812748e2' })));
+        return (index.h(index.Host, { key: '3fc715433db735a23fa49fd37553a8f430af78bc', role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-head-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), index.h("slot", { key: 'f24a1ebc93b6718aaefbf9006d7fd89e43eb557c' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/pds-table-row.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTableRowCss = ":host{--background-fixed:var(--pine-color-base-white);--background-interactive:var(--pine-color-neutral-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--background-interactive)}";
 const PdsTableRowStyle0 = pdsTableRowCss;
@@ -39,7 +39,7 @@ const PdsTableRow = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b809dac3a76a195446be9cec359887f701213c83', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, index.h("pds-checkbox", { componentId: this.generateUniqueId(), onClick: this.handleCheckboxClick, label: "Select Row", labelHidden: true, checked: this.isSelected }))), index.h("slot", { key: '30e8125faa0238ff4c9d2e2ce4dc927173ab35ef' })));
+        return (index.h(index.Host, { key: '6eb4558d3c5970174833e11c74b8243f549e3c9a', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, index.h("pds-checkbox", { componentId: this.generateUniqueId(), onClick: this.handleCheckboxClick, label: "Select Row", labelHidden: true, checked: this.isSelected }))), index.h("slot", { key: 'd2ee3546bfe11f36278887b6261a0c5bca91202f' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/pds-table.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTableCss = ":host{--background:var(--pine-color-base-white);background:var(--background);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}:host(.is-responsive){background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--background)), to(var(--background))), -webkit-gradient(linear, left top, right top, from(var(--background)), to(var(--background))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--background), var(--background)), linear-gradient(to right, var(--background), var(--background)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";
 const PdsTableStyle0 = pdsTableCss;
@@ -67,7 +67,7 @@ const PdsTable = class {
         this.sortingDirection = direction;
     }
     render() {
-        return (index.h(index.Host, { key: 'a2c7913248cd3d9f73503bde080e8c88aa1a5a71', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable }, index.h("slot", { key: '94e51585d1c5c868896452a79b972c8ee8e27483' })));
+        return (index.h(index.Host, { key: '61e4788551b8e01ce7e5d0e96869b742157a9f2b', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable }, index.h("slot", { key: 'bab0e40123fe8bc257221bbd1a2b2f6076a6c691' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-tabpanel.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTabpanelCss = ":host{display:block}.pds-tabpanel{display:none;margin-top:var(--panel-margin-top);padding:var(--panel-padding)}.pds-tabpanel.is-active{display:block}";
 const PdsTabpanelStyle0 = pdsTabpanelCss;
@@ -16,7 +16,7 @@ const PdsTabpanel = class {
         this.selected = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'b15595eb65b1f306ab6f321abad5f36d473f72f0', slot: "tabpanels" }, index.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" }, index.h("slot", { key: 'b666cb82217d8d970794896668b070a3cd0719b3' }))));
+        return (index.h(index.Host, { key: 'e38cf8aa09d76ce8e971d4e64f635fd2ac237aad', slot: "tabpanels" }, index.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" }, index.h("slot", { key: '4214b2d070c6964f7d3ae41b1ed3d6713aaddf11' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const pdsTabsCss = ":host{--panel-margin-top:0;--panel-padding:0;--gap-md:var(--pine-spacing-md);--gap-xs:var(--pine-spacing-xs);--gap-sm:16px var(--pine-spacing-sm);--outline:2px solid var(--pine-color-primary-200);display:block}*:focus{outline:var(--outline)}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gap-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--gap-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--gap-sm)}";
 const PdsTabsStyle0 = pdsTabsCss;
@@ -88,7 +88,7 @@ const PdsTabs = class {
         this.passPropsToChildren();
     }
     render() {
-        return (index.h(index.Host, { key: '230c4abd9bf8632802f34df2a517ca2c1cc029bd', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, index.h("div", { key: 'ad7935e2494c8fa731abaf17979f61ffa70d8ac3', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, index.h("slot", { key: '3e3b604d8aa3391b23539914cd91bd6cafcfc4c9', name: "tabs" })), index.h("slot", { key: '7d8a5ee7b1b147816bedf6be0b24f8a57b422fe7', name: "tabpanels" })));
+        return (index.h(index.Host, { key: 'e6d5ba53ccd3f58d0e63ddee1a3f395c6f15c841', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, index.h("div", { key: 'b66c6f29bd3612c94130de2e44ca33e46facf401', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, index.h("slot", { key: 'eeaa4bacc8ae08964a106fed26af7c3927b83df7', name: "tabs" })), index.h("slot", { key: 'f6d0b358f7387a850e1f3db93eaf32cc7723b7a2', name: "tabpanels" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-textarea.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
-const pdsLabel = require('./pds-label-a3b0188d.js');
+const index = require('./index-af2145ac.js');
+const pdsLabel = require('./pds-label-81c1073a.js');
 
 const pdsTextareaCss = ":host{--background-color:#fff;--background-color-disabled:var(--pine-color-neutral-grey-200);--color:var(--pine-color-neutral-charcoal-400);--color-error:var(--pine-color-red-300);--color-placeholder:var(--pine-color-neutral-charcoal-200);--color-disabled:var(--pine-color-neutral-charcoal-200);--border-color-default:var(--pine-color-neutral-grey-400);--border-color-hover:var(--pine-color-neutral-grey-500);--border-color-focus-visible:var(--pine-color-neutral-grey-300);--border-color-error:var(--pine-color-red-300);--focus-visible-outline-color:var(--pine-color-primary-200);--focus-visible-outline-color-error:var(--pine-color-red-200);--label-font-size:var(--pine-font-size-body);--label-font-weight:var(--pine-font-weight-medium);--label-line-height:var(--pine-line-height-md);--label-margin-block-end:var(--pine-spacing-xs);--field-font-size:var(--pine-font-size-body);--field-font-weight:var(--pine-font-weight-regular);--field-line-height:var(--pine-line-height-md);--field-padding-block:var(--pine-spacing-xs);--field-padding-inline:var(--pine-spacing-sm);--helper-message-font-size:var(--pine-font-size-body-xs);--helper-message-font-weight:var(--pine-font-weight-regular);--helper-message-line-height:var(--pine-line-height-sm);--helper-message-margin-block-start:var(--pine-spacing-xs);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);-webkit-margin-after:var(--label-margin-block-end);margin-block-end:var(--label-margin-block-end)}.pds-textarea__field{background-color:var(--background-color);border:var(--pine-border-interactive);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);padding:var(--field-padding-block) var(--field-padding-inline)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--border-color-hover)}.pds-textarea__field:disabled{background-color:var(--background-color-disabled);color:var(--color-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{border-color:var(--border-color-focus-visible);outline:4px solid var(--focus-visible-outline-color)}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::placeholder{color:var(--color-placeholder)}.pds-textarea__field.is-invalid{border-color:var(--color-error);outline-color:var(--focus-visible-outline-color-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--helper-message-font-size);font-weight:var(--helper-message-font-weight);line-height:var(--helper-message-line-height);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--helper-message-margin-block-start);margin-block-start:var(--helper-message-margin-block-start)}.pds-textarea__error-message{color:var(--color-error)}";
 const PdsTextareaStyle0 = pdsTextareaCss;
@@ -41,8 +41,8 @@ const PdsTextarea = class {
         return classNames.join('  ');
     }
     render() {
-        return (index.h(index.Host, { key: '1f722be202c2daa9c8ac782716f7be2ef2da2edc', "aria-disabled": this.disabled ? 'true' : null }, index.h("div", { key: '5eb779ac1fbbb24420b1362ec103ef6112319aaf', class: "pds-textarea" }, this.label &&
-            index.h(pdsLabel.PdsLabel, { htmlFor: this.componentId, text: this.label }), index.h("textarea", { key: '8e2a2de3ea1aa172022b7dea79a34ddcfa8a501b', "aria-describedby": pdsLabel.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 (index.h(index.Host, { key: '741dcb258f9992f943e898b4f8ac569046f40a73', "aria-disabled": this.disabled ? 'true' : null }, index.h("div", { key: 'cb678d3e24cec028b7220b4d087e82ce24e26205', class: "pds-textarea" }, this.label &&
+            index.h(pdsLabel.PdsLabel, { htmlFor: this.componentId, text: this.label }), index.h("textarea", { key: '667cec0eb152e45a01f87ca64865c816afe5b67b', "aria-describedby": pdsLabel.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 &&
             index.h("p", { class: "pds-textarea__helper-message", id: pdsLabel.messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
             index.h("p", { "aria-live": "assertive", class: "pds-textarea__error-message", id: pdsLabel.messageId(this.componentId, 'error') }, this.errorMessage))));
     }

package/dist/cjs/pds-tooltip.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 const positionTooltip = ({ elem, elemPlacement, overlay, offset = 8 }) => {
     if (elem == undefined)
@@ -132,13 +132,13 @@ const PdsTooltip = class {
         this.opened = false;
     }
     render() {
-        return (index.h(index.Host, { key: '55301f414d765eb7508c1c9cadf21d0ce64459b3', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, index.h("div", { key: 'e2c600c9461499b8069d0163fd05318ea209fcaa', class: `
+        return (index.h(index.Host, { key: 'b4b6ca5fbf3a5b99b4fe74d4b874c81f51d46e8d', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, index.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'}
-          ` }, index.h("span", { key: '29080a266b672409e5dc51c80378b0fda4486ab6', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, index.h("slot", { key: '45203a3ed1f30e140439298deb8a7c9f44212d10' })), index.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" }, index.h("slot", { key: '1926a065c45a2450fc97f6c1c9ba496d6e5fa8b5', name: "content" }), this.content))));
+          ` }, index.h("span", { key: '8636e6ec54ca42b7a96683b2a97f26ee4994ce75', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, index.h("slot", { key: '915856a37e16dd9a5d19afec7111d90f3a1e1d0d' })), index.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" }, index.h("slot", { key: 'dafafd2a343b10ed140eb5bd325d3b17a3dc062a', name: "content" }), this.content))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/pine-core.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c18b5a7b.js');
+const index = require('./index-af2145ac.js');
 
 /*
  Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["pds-copytext.cjs",[[1,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]}]]],["pds-table-head.cjs",[[1,"pds-table-head"]]],["pds-table-row.cjs",[[1,"pds-table-row",{"isSelected":[32]}]]],["pds-avatar.cjs",[[1,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"size":[513],"variant":[513]}]]],["pds-chip.cjs",[[1,"pds-chip",{"componentId":[1,"component-id"],"sentiment":[1],"dot":[4],"label":[1],"large":[4],"variant":[1]}]]],["pds-link.cjs",[[1,"pds-link",{"componentId":[1,"component-id"],"external":[4],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["pds-sortable-item.cjs",[[6,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"handle":[4]}]]],["pds-box.cjs",[[0,"pds-box",{"alignItems":[1,"align-items"],"auto":[4],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"gap":[1],"flex":[1],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"minWidth":[1,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["pds-divider.cjs",[[1,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["pds-image.cjs",[[1,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["pds-input.cjs",[[1,"pds-input",{"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"type":[1],"value":[1025]}]]],["pds-progress.cjs",[[1,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["pds-radio.cjs",[[2,"pds-radio",{"checked":[4],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"componentId":[1,"component-id"],"label":[1],"helperMessage":[1,"helper-message"],"name":[1],"required":[4],"value":[1]}]]],["pds-row.cjs",[[0,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["pds-sortable.cjs",[[6,"pds-sortable",{"border":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]}]]],["pds-switch.cjs",[[1,"pds-switch",{"componentId":[1,"component-id"],"checked":[4],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"type":[1],"value":[1]}]]],["pds-tab.cjs",[[4,"pds-tab",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["pds-table.cjs",[[1,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"]]]]],["pds-table-body.cjs",[[1,"pds-table-body"]]],["pds-tabpanel.cjs",[[4,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["pds-tabs.cjs",[[1,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["pds-textarea.cjs",[[1,"pds-textarea",{"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"value":[1025]}]]],["pds-tooltip.cjs",[[1,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"opened":[1540],"isOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["pds-icon.cjs",[[1,"pds-icon",{"color":[1],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]],["pds-button.cjs",[[1,"pds-button",{"componentId":[1,"component-id"],"disabled":[4],"icon":[1],"name":[1],"value":[1],"type":[1],"variant":[1]}]]],["pds-table-head-cell.cjs",[[1,"pds-table-head-cell",{"sortable":[4],"sortingDirection":[32],"tableScrolling":[32]}]]],["pds-checkbox_2.cjs",[[1,"pds-checkbox",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[4],"invalid":[4],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"required":[4],"value":[1]}],[1,"pds-table-cell",{"truncate":[4],"tableScrolling":[32]}]]]], options);
+  return index.bootstrapLazy([["pds-copytext.cjs",[[1,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]}]]],["pds-table-head.cjs",[[1,"pds-table-head"]]],["pds-table-row.cjs",[[1,"pds-table-row",{"isSelected":[32]}]]],["pds-accordion.cjs",[[1,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["pds-avatar.cjs",[[1,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"size":[513],"variant":[513]}]]],["pds-chip.cjs",[[1,"pds-chip",{"componentId":[1,"component-id"],"sentiment":[1],"dot":[4],"label":[1],"large":[4],"variant":[1]}]]],["pds-link.cjs",[[1,"pds-link",{"componentId":[1,"component-id"],"external":[4],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["pds-sortable-item.cjs",[[6,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"handle":[4]}]]],["pds-box.cjs",[[0,"pds-box",{"alignItems":[1,"align-items"],"auto":[4],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"gap":[1],"flex":[1],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"minWidth":[1,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["pds-divider.cjs",[[1,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["pds-image.cjs",[[1,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["pds-input.cjs",[[1,"pds-input",{"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"type":[1],"value":[1025]}]]],["pds-progress.cjs",[[1,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["pds-radio.cjs",[[2,"pds-radio",{"checked":[4],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"componentId":[1,"component-id"],"label":[1],"helperMessage":[1,"helper-message"],"name":[1],"required":[4],"value":[1]}]]],["pds-row.cjs",[[0,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["pds-sortable.cjs",[[6,"pds-sortable",{"border":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]}]]],["pds-switch.cjs",[[1,"pds-switch",{"componentId":[1,"component-id"],"checked":[4],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"type":[1],"value":[1]}]]],["pds-tab.cjs",[[4,"pds-tab",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["pds-table.cjs",[[1,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"]]]]],["pds-table-body.cjs",[[1,"pds-table-body"]]],["pds-tabpanel.cjs",[[4,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["pds-tabs.cjs",[[1,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["pds-textarea.cjs",[[1,"pds-textarea",{"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"value":[1025]}]]],["pds-tooltip.cjs",[[1,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"opened":[1540],"isOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["pds-icon.cjs",[[1,"pds-icon",{"color":[1],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]],["pds-button.cjs",[[1,"pds-button",{"componentId":[1,"component-id"],"disabled":[4],"icon":[1],"name":[1],"value":[1],"type":[1],"variant":[1]}]]],["pds-table-head-cell.cjs",[[1,"pds-table-head-cell",{"sortable":[4],"sortingDirection":[32],"tableScrolling":[32]}]]],["pds-checkbox_2.cjs",[[1,"pds-checkbox",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[4],"invalid":[4],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"required":[4],"value":[1]}],[1,"pds-table-cell",{"truncate":[4],"tableScrolling":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/pds-accordion/pds-accordion.js",
     "components/pds-avatar/pds-avatar.js",
     "components/pds-box/pds-box.js",
     "components/pds-button/pds-button.js",

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

@@ -0,0 +1,56 @@
+:host {
+  display: block;
+}
+
+details {
+  --border-radius: var(--pine-spacing-xs);
+  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);
+  --color-content-background: var(--pine-base-color-white);
+  --color-background-hover: var(--pine-color-neutral-grey-300);
+  --color-font: var(--pine-color-neutral-charcoal-200);
+  --color-font-active: var(--pine-color-neutral-charcoal-500);
+  --color-font-hover: var(--pine-color-neutral-charcoal-300);
+  --font-weight: var(--pine-font-weight-semibold);
+  --spacing-details-padding-inline: 12px;
+  --spacing-summary-padding-block: var(--pine-spacing-xxs);
+  --spacing-summary-padding-inline-start: var(--pine-spacing-xs);
+  --spacing-summary-padding-inline-end: var(--pine-spacing-xxs);
+  border-radius: var(--border-radius);
+  padding-inline: var(--spacing-details-padding-inline);
+}
+
+/* stylelint-disable-next-line */
+details[open] {
+  background-color: var(--color-content-background);
+}
+details[open] summary {
+  color: var(--color-font-active);
+  font-weight: var(--font-weight);
+}
+
+summary {
+  border-radius: var(--border-radius);
+  color: var(--color-font);
+  font-weight: var(--font-weight);
+  padding-block: var(--spacing-summary-padding-block);
+  padding-inline-end: var(--spacing-summary-padding-inline-end);
+  padding-inline-start: var(--spacing-summary-padding-inline-start);
+  /* stylelint-disable-next-line */
+  align-items: center;
+  display: flex;
+}
+summary::-webkit-details-marker {
+  display: none;
+}
+summary:hover {
+  background: var(--color-background-hover);
+  color: var(--color-font-hover);
+  cursor: pointer;
+}
+summary:focus-visible {
+  box-shadow: var(--box-shadow-focus);
+  outline: none;
+}
+summary pds-icon {
+  margin-inline-start: auto;
+}

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

@@ -0,0 +1,93 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot (default) - Accordion body content.
+ * @slot label - Accordion trigger button content.
+ */
+export class PdsAccordion {
+    constructor() {
+        this.handleToggle = () => {
+            this.isOpen = this.detailsEl.open;
+        };
+        this.getOpenAttribute = () => {
+            if (this.isOpen !== false) {
+                return { open: true };
+            }
+            return '';
+        };
+        this.componentId = undefined;
+        this.isOpen = false;
+    }
+    handleOpenState(newValue) {
+        this.isOpen = newValue;
+    }
+    componentDidLoad() {
+        this.detailsEl.addEventListener('toggle', this.handleToggle);
+    }
+    render() {
+        return (h(Host, { key: 'e2e795c93ddd812acd5f9ac26546953d7172ba39', class: "pds-accordion", id: this.componentId }, h("details", Object.assign({ key: '772f09a0f28f03a0feffa7a6ea1fd0cbf0947c56' }, this.getOpenAttribute(), { ref: (el) => this.detailsEl = el }), h("summary", { key: 'f8987032a8e8468f9e8728ed673c26210fd0c2a2' }, h("slot", { key: '5dfcd343dfdc7b5eb6f75e75dff494aab0fbea36', name: "label" }, "Details"), h("pds-icon", { key: '2e6cd67ca003428c48b0c0545287b629918f243a', name: this.isOpen ? 'up-small' : 'down-small' })), h("div", { key: '508b2e5d33c4a83e6f569ba30ef042e5ffc01318', class: "pds-accordion__body" }, h("slot", { key: '13bc1ae447df49043efbbf631844add1245fbabe' })))));
+    }
+    static get is() { return "pds-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pds-accordion.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pds-accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "componentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "defaultValue",
+                            "text": "null"
+                        }],
+                    "text": "A unique identifier used for the underlying component `id` attribute."
+                },
+                "attribute": "component-id",
+                "reflect": false
+            },
+            "isOpen": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "defaultValue",
+                            "text": "false"
+                        }],
+                    "text": "Can be used to manually set the open state of the accordion."
+                },
+                "attribute": "open",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "isOpen",
+                "methodName": "handleOpenState"
+            }];
+    }
+}
+//# sourceMappingURL=pds-accordion.js.map