@pine-ds/core 3.8.2 → 3.10.0

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

@@ -118,11 +118,11 @@ export class PdsTableHeadCell {
         return classNames.join(' ');
     }
     render() {
-        return (h(Host, { key: '6ee9e95f9ccdaa15037875425e5512b5b5e2c540', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, part: "head-cell", style: this.tableRef &&
+        return (h(Host, { key: '3d950a2997ef4c095d08f9c4e67b9a963fea093d', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, part: "head-cell", style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '9f6716080ff52e32ea65080f29102fd8111436bf' }), this.sortable && (h("pds-icon", { key: '538ea6761216c10f716e4d53b53bbcd69b73fd45', icon: this.sortingDirection === 'asc' ? upSmall : downSmall, part: "sort-icon" }))));
+                : {} }, h("slot", { key: '8ca7d4d169612e5ba237691d9a5ec9ed35610230' }), this.sortable && (h("pds-icon", { key: 'e2e214b39a1706d887bb34a0d4fc3f632e752306', icon: this.sortingDirection === 'asc' ? upSmall : downSmall, part: "sort-icon" }))));
     }
     static get is() { return "pds-table-head-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -154,8 +154,8 @@ export class PdsTableHeadCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "cell-align",
-                "reflect": false
+                "reflect": false,
+                "attribute": "cell-align"
             },
             "sortable": {
                 "type": "boolean",
@@ -173,8 +173,8 @@ export class PdsTableHeadCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "sortable",
-                "reflect": false
+                "reflect": false,
+                "attribute": "sortable"
             }
         };
     }

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

@@ -43,7 +43,7 @@ export class PdsTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '5853e143e9866a596924b204c25d20a3983fc064', class: this.classNames(), role: "row", part: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-cell", { key: '687d0a86e434d2422e794b14d0a9514b213c2afc', part: this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell', class: this.tableRef.selectable ? 'has-checkbox' : '' }, h("pds-checkbox", { key: '109474126dbf72c218a180985169ef608d7d0c40', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", hideLabel: true, checked: this.isSelected, part: "row-checkbox" }))), h("slot", { key: 'e685aa96c44d590ddf0d1d1842f8e672c11cadcb' })));
+        return (h(Host, { key: 'cffeb199c48f2a06af70a2e5a5b41a21649c24c7', class: this.classNames(), role: "row", part: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-cell", { key: '02a80cd54efe360550e636f7bc0f11e3de59af1c', part: this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell', class: this.tableRef.selectable ? 'has-checkbox' : '' }, h("pds-checkbox", { key: 'a8cd6c303ec35f71e0a97f130c5d53a2e81a3e4a', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", hideLabel: true, checked: this.isSelected, part: "row-checkbox" }))), h("slot", { key: '820a502627ffc329f650f7f0110e34ae3f096357' })));
     }
     static get is() { return "pds-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -75,8 +75,8 @@ export class PdsTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "indeterminate",
-                "reflect": false
+                "reflect": false,
+                "attribute": "indeterminate"
             },
             "isSelected": {
                 "type": "boolean",
@@ -94,8 +94,8 @@ export class PdsTableRow {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-selected",
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-selected"
             }
         };
     }

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

@@ -217,8 +217,8 @@ export class PdsTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
-                "reflect": false
+                "reflect": false,
+                "attribute": "compact"
             },
             "componentId": {
                 "type": "string",
@@ -236,8 +236,8 @@ export class PdsTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component-id"
             },
             "responsive": {
                 "type": "boolean",
@@ -255,8 +255,8 @@ export class PdsTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "responsive",
-                "reflect": false
+                "reflect": false,
+                "attribute": "responsive"
             },
             "fixedColumn": {
                 "type": "boolean",
@@ -274,8 +274,8 @@ export class PdsTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "fixed-column",
-                "reflect": false
+                "reflect": false,
+                "attribute": "fixed-column"
             },
             "selectable": {
                 "type": "boolean",
@@ -293,8 +293,8 @@ export class PdsTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selectable",
-                "reflect": false
+                "reflect": false,
+                "attribute": "selectable"
             }
         };
     }

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: '6a1adf68c8774382c193832185552d89bd0c0c6c', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (h("span", { key: 'df0dfc8e49b647e1050b938eb78438bcfff752b9', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (h(Host, { key: 'e1c195404903faf1c8d0d69a532a9dbc74972ff3', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '48b87755de0d0f30c8a9e0e33262b0db61e5fe89', 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: 'e14fe7ca40faca035ec6bc4f6ead950af31b320c', class: "pds-tab__content" }, h("slot", { key: 'f9377c907178ef8c02c840c35c3fcbad9afee997' })))));
+        const availabilityTabEdgeInlineStart = (h("span", { key: '837cf57372db654f6ca411054446ebf0bc27b539', class: "pds-tab-edge", role: "presentation" }));
+        const availabilityTabEdgeInlineEnd = (h("span", { key: 'e15055442d56b50e6ac21bfb76fc0f599406a4fb', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
+        return (h(Host, { key: '1c02a1c8e5e562449ab954061a10acc3d54c3efc', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '31b0e173dd738fa272dcaf4fc48a0581978f43b2', 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: '95b4f8d4c226e3b3a174d439816ec4d28cef0686', class: "pds-tab__content" }, h("slot", { key: '452a208775d54a290c0fcc6a69f6e546fde29afe' })))));
     }
     static get is() { return "pds-tab"; }
     static get originalStyleUrls() {
@@ -44,8 +44,8 @@ export class PdsTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "parentComponentId": {
                 "type": "string",
@@ -66,8 +66,8 @@ export class PdsTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "parent-component-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "parent-component-id"
             },
             "variant": {
                 "type": "string",
@@ -88,8 +88,8 @@ export class PdsTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
-                "reflect": false
+                "reflect": false,
+                "attribute": "variant"
             },
             "index": {
                 "type": "number",
@@ -110,8 +110,8 @@ export class PdsTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "index",
-                "reflect": false
+                "reflect": false,
+                "attribute": "index"
             },
             "selected": {
                 "type": "boolean",
@@ -132,8 +132,8 @@ export class PdsTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected",
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             }
         };

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

@@ -8,7 +8,7 @@ export class PdsTabpanel {
         this.selected = false; // eslint-disable-line @stencil-community/strict-mutable
     }
     render() {
-        return (h(Host, { key: '024cffb191c49db6049ec281eba1877c6618f4f2', slot: "tabpanels" }, h("div", { key: '3ab5918e75ae4708bbd12394d55f4b86cc614fdc', 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: '5c7ede2a36c7594b1943ae5f248df22c71b86537' }))));
+        return (h(Host, { key: '84aa81506200fd7f06a94a4c7570b2702b36d9e8', slot: "tabpanels" }, h("div", { key: '0e890243eb41ebda64183cc4fd559abf38f5dfdc', 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: 'aaabfd72a45f6cd52c9c279bf0c014315a659959' }))));
     }
     static get is() { return "pds-tabpanel"; }
     static get originalStyleUrls() {
@@ -39,8 +39,8 @@ export class PdsTabpanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "parentComponentId": {
                 "type": "string",
@@ -61,8 +61,8 @@ export class PdsTabpanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "parent-component-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "parent-component-id"
             },
             "variant": {
                 "type": "string",
@@ -83,8 +83,8 @@ export class PdsTabpanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
-                "reflect": false
+                "reflect": false,
+                "attribute": "variant"
             },
             "selected": {
                 "type": "boolean",
@@ -105,8 +105,8 @@ export class PdsTabpanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected",
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             }
         };

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

@@ -87,7 +87,7 @@ export class PdsTabs {
         this.passPropsToChildren();
     }
     render() {
-        return (h(Host, { key: '729d6b9d3deb5a31cc7b1d9b18334761a856f933', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, h("div", { key: '87e06225508059a3c1b548440cf7da9b68df77fd', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, h("slot", { key: '5e8c4c941a7f6aea1ce3378641931c104b6b45cf', name: "tabs" })), h("slot", { key: 'b396ed81d9a1c957803a94dbfe965986c6afc870', name: "tabpanels" })));
+        return (h(Host, { key: '89db4772ef4dab7f4dba38306b0fdf1ae55c8a9b', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, h("div", { key: 'c1596be516168b0f2548b90344ad3bffcc5cb844', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, h("slot", { key: 'be58f90ec895da67fc84eded670183151feb261f', name: "tabs" })), h("slot", { key: '24d3bed1750d8b64a8ffc9c86f517b5e8b15f615', name: "tabpanels" })));
     }
     static get is() { return "pds-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -119,8 +119,8 @@ export class PdsTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablist-label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "tablist-label"
             },
             "componentId": {
                 "type": "string",
@@ -138,8 +138,8 @@ export class PdsTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component-id"
             },
             "variant": {
                 "type": "string",
@@ -157,8 +157,8 @@ export class PdsTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
-                "reflect": false
+                "reflect": false,
+                "attribute": "variant"
             },
             "activeTabName": {
                 "type": "string",
@@ -176,8 +176,8 @@ export class PdsTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active-tab-name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "active-tab-name"
             },
             "activeTabIndex": {
                 "type": "number",
@@ -198,8 +198,8 @@ export class PdsTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active-tab-index",
-                "reflect": false
+                "reflect": false,
+                "attribute": "active-tab-index"
             }
         };
     }

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

@@ -20,7 +20,7 @@ export class PdsText {
       ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}
       ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}
     `;
-        return (h(Tag, { key: '9cc756733434abd9798577fae889c441ea53072e', style: this.color && setColor(this.color), class: typeClasses, part: "content" }, h("slot", { key: 'c6face46ad09ba9cb147f23211a98ee6c465680f' })));
+        return (h(Tag, { key: '101a42ae93ac81968a177c7e0d569417f376909c', style: this.color && setColor(this.color), class: typeClasses, part: "content" }, h("slot", { key: '903b04a19b948e04d577c8585a76647033b9c36e' })));
     }
     static get is() { return "pds-text"; }
     static get encapsulation() { return "shadow"; }
@@ -52,8 +52,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "align",
-                "reflect": false
+                "reflect": false,
+                "attribute": "align"
             },
             "color": {
                 "type": "string",
@@ -71,8 +71,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "color"
             },
             "decoration": {
                 "type": "string",
@@ -90,8 +90,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "decoration",
-                "reflect": false
+                "reflect": false,
+                "attribute": "decoration"
             },
             "gutter": {
                 "type": "string",
@@ -109,8 +109,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "gutter",
-                "reflect": false
+                "reflect": false,
+                "attribute": "gutter"
             },
             "italic": {
                 "type": "boolean",
@@ -128,8 +128,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "italic",
-                "reflect": false
+                "reflect": false,
+                "attribute": "italic"
             },
             "size": {
                 "type": "string",
@@ -147,8 +147,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
-                "reflect": false
+                "reflect": false,
+                "attribute": "size"
             },
             "weight": {
                 "type": "string",
@@ -166,8 +166,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "weight",
-                "reflect": false
+                "reflect": false,
+                "attribute": "weight"
             },
             "tag": {
                 "type": "string",
@@ -185,8 +185,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tag",
                 "reflect": false,
+                "attribute": "tag",
                 "defaultValue": "\"p\""
             },
             "truncate": {
@@ -205,8 +205,8 @@ export class PdsText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "truncate",
-                "reflect": true
+                "reflect": true,
+                "attribute": "truncate"
             }
         };
     }

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

@@ -8,6 +8,22 @@
   color: var(--pine-color-text-readonly);
 }
 
+:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid) {
+  background-color: var(--pine-color-accent-disabled);
+  border-color: var(--pine-color-accent);
+  color: var(--pine-color-text-accent);
+}
+:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover {
+  border-color: var(--pine-color-accent-hover);
+}
+:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible {
+  outline-color: var(--pine-color-focus-ring);
+}
+:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid) ~ .pds-textarea__character-counter {
+  background: color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);
+  color: var(--pine-color-text-accent);
+}
+
 .pds-textarea {
   display: flex;
   flex-direction: column;

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

@@ -289,10 +289,10 @@ export class PdsTextarea {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: 'a718c10bf2fd9113209878b84387d06c2fbfad66', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: 'f59de790c251614f539de0cb00b5e3661e6376e2', class: "pds-textarea" }, this.label &&
-            h("div", { key: 'efdec9daf775720f1f9fa185dc8c664652f093b4', class: "pds-textarea__label-wrapper" }, h("label", { key: '40738fda5b65d7c7f4498e62ec57fc467a9b32cf', htmlFor: this.componentId }, h("span", { key: '349ebac4880268669d5de6276586f3fd9aca225a', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), h("div", { key: '9d1fa860ae895501aa5976a90cbe6ef7a0d92585', class: "pds-textarea__field-wrapper" }, h("textarea", Object.assign({ key: '319299eacb31f6a423a670cbc06e4510111962cb', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
-            h("p", { key: '4622e04c1461424685690c641cef902d02b61a32', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
-            h("p", { key: '2d728afc5f3bef9526c70810b528651e9681e6ab', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: '96d3020437432da7edabc629a26fab00860e9ce4', icon: danger, size: "small" }), this.errorMessage))));
+        return (h(Host, { key: 'd79506616a5e977e4055fa4901e69ffe58f70419', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, h("div", { key: '4addd26b68305e0e994e5c90dc9c038b9e6228ef', class: "pds-textarea" }, this.label &&
+            h("div", { key: 'f7c87947c18d943b97319d2b8e89ff34ad41e4fb', class: "pds-textarea__label-wrapper" }, h("label", { key: 'bc9834bd0bcc5b24f7bd95c4743bffeb9fc6f44b', htmlFor: this.componentId }, h("span", { key: '6725ebd07c0787a0eaaef846084fb49e10155385', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), h("div", { key: '64fdc55c4f135826118125f8cd8fe158f23df4e8', class: "pds-textarea__field-wrapper" }, h("textarea", Object.assign({ key: '7c6bb49a463e464a48ee11e6567de6b09eaa474b', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
+            h("p", { key: 'c29ceac2b41863c202787fc835841cd5422cd11b', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
+            h("p", { key: '3bd0c5f4abe35821e246937deea426bbaf2804ed', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: 'aa43fd092b146dfc77ea0f8fa54633aa251e4223', icon: danger, size: "small" }), this.errorMessage))));
     }
     static get is() { return "pds-textarea"; }
     static get encapsulation() { return "shadow"; }
@@ -325,8 +325,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocomplete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "autocomplete"
             },
             "componentId": {
                 "type": "string",
@@ -344,8 +344,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component-id"
             },
             "disabled": {
                 "type": "boolean",
@@ -366,8 +366,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "debounce": {
@@ -386,8 +386,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "debounce",
-                "reflect": false
+                "reflect": false,
+                "attribute": "debounce"
             },
             "errorMessage": {
                 "type": "string",
@@ -405,8 +405,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-message",
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-message"
             },
             "helperMessage": {
                 "type": "string",
@@ -424,8 +424,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-message",
-                "reflect": false
+                "reflect": false,
+                "attribute": "helper-message"
             },
             "invalid": {
                 "type": "boolean",
@@ -446,8 +446,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "label": {
@@ -466,8 +466,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "hideLabel": {
                 "type": "boolean",
@@ -485,8 +485,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-label"
             },
             "name": {
                 "type": "string",
@@ -504,8 +504,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.componentId"
             },
             "placeholder": {
@@ -524,8 +524,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "readonly": {
                 "type": "boolean",
@@ -546,8 +546,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "required": {
@@ -569,8 +569,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "rows": {
@@ -589,8 +589,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rows",
-                "reflect": false
+                "reflect": false,
+                "attribute": "rows"
             },
             "maxLength": {
                 "type": "number",
@@ -608,8 +608,27 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max-length",
-                "reflect": true
+                "reflect": true,
+                "attribute": "max-length"
+            },
+            "highlight": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Applies highlight styling to the textarea field."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "highlight"
             },
             "value": {
                 "type": "string",
@@ -627,8 +646,8 @@ export class PdsTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             }
         };