@pine-ds/core 0.0.2-rc.0 → 0.0.4-rc.0

package/dist/pine-core/p-dbe98ba2.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-7a5d5d62.system.js"],(function(t){"use strict";var r,e,a,n;return{setters:[function(t){r=t.r;e=t.h;a=t.H;n=t.g}],execute:function(){var i=":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}";var o=i;var c=t("pds_table",function(){function t(t){r(this,t);this.compact=undefined;this.componentId=undefined;this.responsive=undefined;this.fixedColumn=undefined;this.selectable=undefined;this.sortingColumn=null;this.sortingDirection="asc"}t.prototype.componentWillLoad=function(){this.sortingColumn=null};t.prototype.classNames=function(){var t=["pds-table"];if(this.compact){t.push("is-compact")}if(this.responsive){t.push("is-responsive")}return t.join("  ")};t.prototype.sortTable=function(t,r){var e=this.el.querySelector("pds-table-body");var a=Array.from(e.querySelectorAll("pds-table-row"));var n=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]"));var i=n.find((function(r){return r.innerText.trim()===t}));if(!i){console.warn('Column "'.concat(t,'" not found.'));return}var o=n.indexOf(i);a.sort((function(t,e){var a=t.querySelector("pds-table-cell:nth-child(".concat(o+1,")")).textContent.trim();var n=e.querySelector("pds-table-cell:nth-child(".concat(o+1,")")).textContent.trim();if(r==="asc"){return a.localeCompare(n)}else{return n.localeCompare(a)}}));e.innerHTML="";a.forEach((function(t){e.appendChild(t)}))};t.prototype.handleTableSort=function(t){var r=t.detail.direction;this.sortTable(t.detail.column,r);this.sortingColumn=t.detail.column;this.sortingDirection=r};t.prototype.render=function(){return e(a,{key:"a2c7913248cd3d9f73503bde080e8c88aa1a5a71",class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable},e("slot",{key:"94e51585d1c5c868896452a79b972c8ee8e27483"}))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=o}}}));
+//# sourceMappingURL=p-dbe98ba2.system.entry.js.map

package/dist/pine-core/p-dbe98ba2.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableCss","PdsTableStyle0","PdsTable","exports","class_1","prototype","componentWillLoad","this","sortingColumn","classNames","compact","push","responsive","join","sortTable","column","direction","tableBody","el","querySelector","tableRows","Array","from","querySelectorAll","columnHeaderCells","columnHeaderCell","find","cell","innerText","trim","console","warn","concat","columnIndex","indexOf","sort","a","b","valueA","textContent","valueB","localeCompare","innerHTML","forEach","row","appendChild","handleTableSort","event","detail","sortingDirection","render","h","Host","key","class","id","componentId","role","selectable"],"sources":["src/components/pds-table/pds-table.scss?tag=pds-table&encapsulation=shadow","src/components/pds-table/pds-table.tsx"],"sourcesContent":[":host {\n  --background: var(--pine-color-base-white);\n\n  background: var(--background);\n  border-collapse: separate;\n  box-sizing: border-box;\n  display: table;\n  width: 100%;\n}\n\n:host(.is-responsive) {\n  background-attachment: local, local, scroll, scroll;\n  background-image: linear-gradient(to right, var(--background), var(--background)),\n                    linear-gradient(to right, var(--background), var(--background)),\n                    linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)),\n                    linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));\n  background-position: left center, right center, left center, right center;\n  background-repeat: no-repeat;\n  background-size: 4px 100%, 4px 100%, 4px 100%, 4px 100%;\n  display: block;\n  margin: 0 auto;\n  max-width: fit-content;\n  overflow-x: auto;\n  white-space: nowrap;\n}\n","import { Component, Element, Host, h, Prop, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table',\n  styleUrl: 'pds-table.scss',\n  shadow: true,\n})\nexport class PdsTable {\n  @Element() el: HTMLPdsTableElement;\n  tableRef: HTMLElement;\n\n  /**\n   * Determines if table displays compact which reduces the spacing of table cells.\n   */\n  @Prop() compact: boolean;\n\n  /**\n   * A unique identifier used for the table `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Enables the table to be responsive by horizontally scrolling on smaller screens.\n   */\n  @Prop() responsive: boolean;\n\n  /**\n   * Determines if table displays fixed column which fixes the first column of the table.\n   */\n  @Prop() fixedColumn: boolean;\n\n  /**\n   * Determines if table displays checkboxes for selectable rows.\n   */\n  @Prop() selectable: boolean;\n\n  @State() sortingColumn: string | null = null;\n  @State() sortingDirection: 'asc' | 'desc' = 'asc';\n\n  componentWillLoad() {\n    this.sortingColumn = null;\n  }\n\n  private classNames() {\n    const classNames = ['pds-table'];\n\n    if (this.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.responsive) {\n      classNames.push('is-responsive');\n    }\n\n    return classNames.join('  ');\n  }\n\n  private sortTable(column: string, direction: 'asc' | 'desc') {\n    const tableBody = this.el.querySelector('pds-table-body');\n\n    // Get the rows in the table body\n    const tableRows = Array.from(tableBody.querySelectorAll('pds-table-row'));\n\n    // Find the column index based on the column name\n    const columnHeaderCells: HTMLElement[] = Array.from(\n      this.el.querySelectorAll('pds-table-head-cell[sortable]')\n    );\n\n    const columnHeaderCell = columnHeaderCells.find(\n      (cell) => cell.innerText.trim() === column\n    );\n\n    if (!columnHeaderCell) {\n      console.warn(`Column \"${column}\" not found.`);\n      return;\n    }\n\n    const columnIndex = columnHeaderCells.indexOf(columnHeaderCell);\n\n    // Sort the rows based on the content of the specified column\n    tableRows.sort((a, b) => {\n      const valueA = a.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();\n      const valueB = b.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();\n\n      if (direction === 'asc') {\n        return valueA.localeCompare(valueB);\n      } else {\n        return valueB.localeCompare(valueA);\n      }\n    });\n\n    // Clear and append the sorted rows back to the table body\n    tableBody.innerHTML = '';\n    tableRows.forEach((row) => {\n      tableBody.appendChild(row);\n    });\n  }\n\n  @Listen('pdsTableSort')\n  handleTableSort(event: CustomEvent<{ column: string; direction: 'asc' | 'desc' }>) {\n    const { direction } = event.detail;\n    this.sortTable(event.detail.column, direction);\n    this.sortingColumn = event.detail.column;\n    this.sortingDirection = direction;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        id={this.componentId}\n        role=\"grid\"\n        selectable={this.selectable}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAc,guCACpB,IAAAC,EAAeD,E,ICMFE,EAAQC,EAAA,uB,4KA6BqB,K,sBACI,K,CAE5CC,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,cAAgB,I,EAGfJ,EAAAC,UAAAI,WAAA,WACN,IAAMA,EAAa,CAAC,aAEpB,GAAIF,KAAKG,QAAS,CAChBD,EAAWE,KAAK,a,CAGlB,GAAIJ,KAAKK,WAAY,CACnBH,EAAWE,KAAK,gB,CAGlB,OAAOF,EAAWI,KAAK,K,EAGjBT,EAAAC,UAAAS,UAAA,SAAUC,EAAgBC,GAChC,IAAMC,EAAYV,KAAKW,GAAGC,cAAc,kBAGxC,IAAMC,EAAYC,MAAMC,KAAKL,EAAUM,iBAAiB,kBAGxD,IAAMC,EAAmCH,MAAMC,KAC7Cf,KAAKW,GAAGK,iBAAiB,kCAG3B,IAAME,EAAmBD,EAAkBE,MACzC,SAACC,GAAS,OAAAA,EAAKC,UAAUC,SAAWd,CAA1B,IAGZ,IAAKU,EAAkB,CACrBK,QAAQC,KAAK,WAAAC,OAAWjB,EAAM,iBAC9B,M,CAGF,IAAMkB,EAAcT,EAAkBU,QAAQT,GAG9CL,EAAUe,MAAK,SAACC,EAAGC,GACjB,IAAMC,EAASF,EAAEjB,cAAc,4BAAAa,OAA4BC,EAAc,EAAC,MAAKM,YAAYV,OAC3F,IAAMW,EAASH,EAAElB,cAAc,4BAAAa,OAA4BC,EAAc,EAAC,MAAKM,YAAYV,OAE3F,GAAIb,IAAc,MAAO,CACvB,OAAOsB,EAAOG,cAAcD,E,KACvB,CACL,OAAOA,EAAOC,cAAcH,E,KAKhCrB,EAAUyB,UAAY,GACtBtB,EAAUuB,SAAQ,SAACC,GACjB3B,EAAU4B,YAAYD,E,KAK1BxC,EAAAC,UAAAyC,gBAAA,SAAgBC,GACN,IAAA/B,EAAc+B,EAAMC,OAAMhC,UAClCT,KAAKO,UAAUiC,EAAMC,OAAOjC,OAAQC,GACpCT,KAAKC,cAAgBuC,EAAMC,OAAOjC,OAClCR,KAAK0C,iBAAmBjC,C,EAG1BZ,EAAAC,UAAA6C,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO/C,KAAKE,aACZ8C,GAAIhD,KAAKiD,YACTC,KAAK,OACLC,WAAYnD,KAAKmD,YAEjBP,EAAA,QAAAE,IAAA,6C,uHA3Ga,I"}

package/dist/pine-core/{p-9a184d74.entry.js → p-f17edd95.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as s,H as e}from"./p-c81c20b7.js";const i=":host(.pds-copytext){--background:var(--pine-color-base-white);--background-hover:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-hover:var(--pine-border-interactive-hover-color);--border-radius:var(--pine-border-radius-md);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--color-hover:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-weight:var(--pine-font-weight-semibold);--line-height:var(--pine-line-height-md);--spacing-sm:var(--pine-spacing-sm);--spacing-xs:var(--pine-spacing-xs);--spacing-xxs:var(--pine-spacing-xxs)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--background);border:0;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight);max-width:100%;padding:var(--spacing-xxs) var(--spacing-xs)}:host(.pds-copytext) pds-button:hover{background-color:var(--background-hover);color:var(--color-hover)}:host(.pds-copytext) pds-button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-copytext) pds-button span{line-height:var(--line-height);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:0;padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border);border-radius:var(--border-radius);-webkit-margin-end:var(--spacing-sm);margin-inline-end:var(--spacing-sm);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border-color:var(--border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";const r=class{constructor(s){t(this,s);this.pdsCopyTextClick=o(this,"pdsCopyTextClick",7);this.copyToClipboard=async t=>{try{if(navigator.clipboard){await navigator.clipboard.writeText(t);this.pdsCopyTextClick.emit("Copied to clipboard")}else{const o=document.createElement("textarea");o.value=t;o.setAttribute("readonly","");o.style.position="absolute";o.style.left="-9999px";document.body.appendChild(o);o.focus();o.setSelectionRange(0,o.value.length);document.execCommand("copy");document.body.removeChild(o);this.pdsCopyTextClick.emit("Copied to clipboard")}}catch(t){this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${t}`)}};this.handleClick=()=>{this.copyToClipboard(this.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}classNames(){const t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join("  ")}render(){return s(e,{class:this.classNames(),id:this.componentId},s("pds-button",{type:"button",variant:"unstyled",onClick:this.handleClick},s("span",null,this.value),s("pds-icon",{name:"copy",size:"16px"})))}};r.style=i;export{r as pds_copytext};
-//# sourceMappingURL=p-9a184d74.entry.js.map
+import{r as t,c as e,h as o,H as s}from"./p-db677b4c.js";const d=":host(.pds-copytext){--background:var(--pine-color-base-white);--background-hover:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-hover:var(--pine-border-interactive-hover-color);--border-radius:var(--pine-border-radius-md);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--color-hover:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-weight:var(--pine-font-weight-semibold);--line-height:var(--pine-line-height-md);--spacing-sm:var(--pine-spacing-sm);--spacing-xs:var(--pine-spacing-xs);--spacing-xxs:var(--pine-spacing-xxs)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--background);border:0;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight);max-width:100%;padding:var(--spacing-xxs) var(--spacing-xs)}:host(.pds-copytext) pds-button:hover{background-color:var(--background-hover);color:var(--color-hover)}:host(.pds-copytext) pds-button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-copytext) pds-button span{line-height:var(--line-height);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:0;padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border);border-radius:var(--border-radius);-webkit-margin-end:var(--spacing-sm);margin-inline-end:var(--spacing-sm);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border-color:var(--border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";const i=d;const r=class{constructor(o){t(this,o);this.pdsCopyTextClick=e(this,"pdsCopyTextClick",7);this.copyToClipboard=async t=>{try{if(navigator.clipboard){await navigator.clipboard.writeText(t);this.pdsCopyTextClick.emit("Copied to clipboard")}else{const e=document.createElement("textarea");e.value=t;e.setAttribute("readonly","");e.style.position="absolute";e.style.left="-9999px";document.body.appendChild(e);e.focus();e.setSelectionRange(0,e.value.length);document.execCommand("copy");document.body.removeChild(e);this.pdsCopyTextClick.emit("Copied to clipboard")}}catch(t){this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${t}`)}};this.handleClick=()=>{this.copyToClipboard(this.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}classNames(){const t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join("  ")}render(){return o(s,{key:"4acd4381ec825bb968a28882592e94e63f03b455",class:this.classNames(),id:this.componentId},o("pds-button",{key:"0827df991bc213211d021daac15adbea51c04b2d",type:"button",variant:"unstyled",onClick:this.handleClick},o("span",{key:"9ccdf4d2087ce38db135ac2147b2376eb3bb114e"},this.value),o("pds-icon",{key:"6e68ea1f67195d6ace3a4c1499d47ad1fe8e9dea",name:"copy",size:"16px"})))}};r.style=i;export{r as pds_copytext};
+//# sourceMappingURL=p-f17edd95.entry.js.map

package/dist/pine-core/p-f17edd95.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsCopytextCss","PdsCopytextStyle0","PdsCopytext","this","copyToClipboard","async","value","navigator","clipboard","writeText","pdsCopyTextClick","emit","el","document","createElement","setAttribute","style","position","left","body","appendChild","focus","setSelectionRange","length","execCommand","removeChild","err","handleClick","classNames","border","push","fullWidth","truncate","join","render","h","Host","key","class","id","componentId","type","variant","onClick","name","size"],"sources":["src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":[":host(.pds-copytext) {\n\n  --background: var(--pine-color-base-white);\n  --background-hover: var(--pine-color-neutral-grey-200);\n  --border: var(--pine-border-interactive);\n  --border-hover: var(--pine-border-interactive-hover-color);\n  --border-radius: var(--pine-border-radius-md);\n  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);\n  --color-hover: var(--pine-color-neutral-charcoal-400);\n  --font-size: var(--pine-font-size-body);\n  --font-weight: var(--pine-font-weight-semibold);\n  --line-height: var(--pine-line-height-md);\n  --spacing-sm: var(--pine-spacing-sm);\n  --spacing-xs: var(--pine-spacing-xs);\n  --spacing-xxs: var(--pine-spacing-xxs);\n\n  pds-button {\n    align-items: center;\n    background: var(--background);\n    border: 0;\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-size: var(--font-size);\n    font-weight: var(--font-weight);\n    max-width: 100%;\n    padding: var(--spacing-xxs) var(--spacing-xs);\n\n    &:hover {\n      background-color: var(--background-hover);\n      color: var(--color-hover);\n    }\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus);\n      outline: none;\n    }\n\n    span {\n      line-height: var(--line-height);\n      margin-inline-end: var(--spacing-xs);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border: 0;\n    padding: 0;\n\n    pds-button {\n      padding: 0;\n\n      &:hover {\n        background: none;\n      }\n    }\n\n    span {\n      border: var(--border);\n      border-radius: var(--border-radius);\n      margin-inline-end: var(--spacing-sm);\n      padding-block: var(--spacing-xs);\n      padding-inline: var(--spacing-sm);\n    }\n\n    :hover {\n      span {\n        border-color: var(--border-hover)\n      }\n    }\n  }\n\n  // full width\n\n  &:host(.pds-copytext--full-width) {\n    display: flex;\n    width: 100%;\n\n    pds-button {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n\n      span {\n        text-align: left;\n        width: 100%;\n      }\n    }\n  }\n\n  // truncated\n\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: flex;\n      width: 100%;\n\n      span {\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        width: 100%;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrl: 'pds-copytext.scss',\n  shadow: true,\n})\nexport class PdsCopytext {\n  /**\n   * Determines whether `copytext` should have a border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * String that is displayed and that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  /**\n   * Event when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (navigator.clipboard) {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      } else {\n        // falback for safari\n        const el = document.createElement('textarea');\n        el.value = value;\n        el.setAttribute('readonly', '');\n        el.style.position = 'absolute';\n        el.style.left = '-9999px';\n        document.body.appendChild(el);\n        el.focus();\n        el.setSelectionRange(0, el.value.length);\n        document.execCommand('copy');\n        document.body.removeChild(el);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span>{this.value}</span>\n          <pds-icon name=\"copy\" size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,0gFACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,4EAkCdC,KAAAC,gBAAkBC,MAAOC,IAC/B,IACE,GAAIC,UAAUC,UAAW,OACjBD,UAAUC,UAAUC,UAAUH,GACpCH,KAAKO,iBAAiBC,KAAK,sB,KACtB,CAEL,MAAMC,EAAKC,SAASC,cAAc,YAClCF,EAAGN,MAAQA,EACXM,EAAGG,aAAa,WAAY,IAC5BH,EAAGI,MAAMC,SAAW,WACpBL,EAAGI,MAAME,KAAO,UAChBL,SAASM,KAAKC,YAAYR,GAC1BA,EAAGS,QACHT,EAAGU,kBAAkB,EAAGV,EAAGN,MAAMiB,QACjCV,SAASW,YAAY,QACrBX,SAASM,KAAKM,YAAYb,GAC1BT,KAAKO,iBAAiBC,KAAK,sB,EAE7B,MAAOe,GACPvB,KAAKO,iBAAiBC,KAAK,oCAAoCe,I,GAI3DvB,KAAAwB,YAAc,KACpBxB,KAAKC,gBAAgBD,KAAKG,MAAM,E,YAtDA,K,0CAWd,M,cAMD,M,qBAwCX,UAAAsB,GACN,MAAMA,EAAa,CAAC,gBAEpB,GAAIzB,KAAK0B,OAAQ,CACfD,EAAWE,KAAK,yB,CAGlB,GAAI3B,KAAK4B,UAAW,CAClBH,EAAWE,KAAK,2B,CAGlB,GAAI3B,KAAK6B,SAAU,CACjBJ,EAAWE,KAAK,0B,CAGlB,OAAOF,EAAWK,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOnC,KAAKyB,aAAcW,GAAIpC,KAAKqC,aACvCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,QAAQ,WAAWC,QAASxC,KAAKwB,aACzDQ,EAAA,QAAAE,IAAA,4CAAOlC,KAAKG,OACZ6B,EAAA,YAAAE,IAAA,2CAAUO,KAAK,OAAOC,KAAK,U"}

package/dist/pine-core/{p-6dd5d826.entry.js → p-f198ef17.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as e,g as c}from"./p-c81c20b7.js";const a=r=>!!r.shadowRoot&&!!r.attachShadow;const l=":host{--border-color:transparent;--border-color-hover:transparent;--border-color-focus:transparent;--border-color-disabled:transparent;--background-color-primary:var(--pine-color-neutral-charcoal-400);--background-color-hover-primary:var(--pine-color-neutral-charcoal-500);--background-color-disabled-primary:var(--pine-color-neutral-grey-300);--color-primary:var(--pine-color-base-white);--color-disabled-primary:var(--pine-color-neutral-charcoal-100);--outline-color-primary:var(--pine-color-primary-200);--border-color-secondary:var(--pine-color-neutral-grey-400);--border-color-hover-secondary:var(--pine-color-neutral-grey-500);--border-color-focus-secondary:var(--pine-color-neutral-grey-300);--border-color-disabled-secondary:var(--pine-color-neutral-grey-300);--color-secondary:var(--pine-color-neutral-charcoal-400);--color-disabled-secondary:var(--pine-color-neutral-charcoal-100);--outline-color-secondary:var(--pine-color-primary-200);--background-color-accent:var(--pine-color-primary-300);--background-color-hover-accent:var(--pine-color-primary-400);--background-color-disabled-accent:var(--pine-color-primary-100);--color-accent:var(--pine-color-base-white);--color-disabled-accent:var(--pine-color-primary-200);--outline-color-accent:var(--pine-color-primary-200);--background-color-destructive:var(--pine-color-red-300);--background-color-hover-destructive:var(--pine-color-red-400);--background-color-disabled-destructive:var(--pine-color-red-100);--color-destructive:var(--pine-color-base-white);--color-disabled-destructive:var(--pine-color-red-200);--outline-color-destructive:var(--pine-color-red-200);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;color:var(--color);display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:500;min-height:40px;padding:0.5rem 1rem}.pds-button pds-icon{fill:currentColor;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.pds-button:hover{background-color:var(--background-color-hover);border-color:var(--border-color-hover)}.pds-button:focus{border-color:var(--border-color-focus);outline:4px solid var(--outline-color)}.pds-button:disabled{background-color:var(--background-color-disabled);border-color:var(--border-color-disabled);color:var(--color-disabled)}.pds-button--primary{--background-color:var(--background-color-primary);--background-color-hover:var(--background-color-hover-primary);--background-color-disabled:var(--background-color-disabled-primary);--color:var(--color-primary);--color-disabled:var(--color-disabled-primary);--outline-color:var(--outline-color-primary)}.pds-button--accent{--background-color:var(--background-color-accent);--background-color-hover:var(--background-color-hover-accent);--background-color-disabled:var(--background-color-disabled-accent);--color:var(--color-accent);--color-disabled:var(--color-disabled-accent);--outline-color:var(--outline-color-accent)}.pds-button--destructive{--background-color:var(--background-color-destructive);--background-color-hover:var(--background-color-hover-destructive);--background-color-disabled:var(--background-color-disabled-destructive);--color:var(--color-destructive);--color-disabled:var(--color-disabled-destructive);--outline-color:var(--outline-color-destructive)}.pds-button--secondary,.pds-button--disclosure{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--border-color-disabled:var(--border-color-disabled-secondary);--border-color-focus:var(--border-color-focus-secondary);--border-color-hover:var(--border-color-hover-secondary);--border-color:var(--border-color-secondary);--color:var(--color-secondary);--color-disabled:var(--color-disabled-secondary);--outline-color:var(--outline-color-secondary)}.pds-button--disclosure pds-icon{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.pds-button--unstyled{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--color:inherit;border:0;margin:0;min-height:auto;padding:0;width:inherit}";const n=class{constructor(o){r(this,o);this.handleClick=r=>{if(this.type!="button"){if(a(this.el)){const o=this.el.closest("form");if(o){r.preventDefault();const e=document.createElement("button");e.type=this.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}}};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}classNames(){const r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}return r.join("  ")}render(){return o(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},o("button",{class:this.classNames(),disabled:this.disabled,name:this.name,type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&o("pds-icon",{name:this.icon}),o("slot",null),this.variant==="disclosure"&&o("pds-icon",{name:"caret-down"})))}get el(){return c(this)}};n.style=l;export{n as pds_button};
-//# sourceMappingURL=p-6dd5d826.entry.js.map
+import{r,h as o,H as e,g as a}from"./p-db677b4c.js";const c=r=>!!r.shadowRoot&&!!r.attachShadow;const l=":host{--border-color:transparent;--border-color-hover:transparent;--border-color-focus:transparent;--border-color-disabled:transparent;--background-color-primary:var(--pine-color-neutral-charcoal-400);--background-color-hover-primary:var(--pine-color-neutral-charcoal-500);--background-color-disabled-primary:var(--pine-color-neutral-grey-300);--color-primary:var(--pine-color-base-white);--color-disabled-primary:var(--pine-color-neutral-charcoal-100);--outline-color-primary:var(--pine-color-primary-200);--border-color-secondary:var(--pine-color-neutral-grey-400);--border-color-hover-secondary:var(--pine-color-neutral-grey-500);--border-color-focus-secondary:var(--pine-color-neutral-grey-300);--border-color-disabled-secondary:var(--pine-color-neutral-grey-300);--color-secondary:var(--pine-color-neutral-charcoal-400);--color-disabled-secondary:var(--pine-color-neutral-charcoal-100);--outline-color-secondary:var(--pine-color-primary-200);--background-color-accent:var(--pine-color-primary-300);--background-color-hover-accent:var(--pine-color-primary-400);--background-color-disabled-accent:var(--pine-color-primary-100);--color-accent:var(--pine-color-base-white);--color-disabled-accent:var(--pine-color-primary-200);--outline-color-accent:var(--pine-color-primary-200);--background-color-destructive:var(--pine-color-red-300);--background-color-hover-destructive:var(--pine-color-red-400);--background-color-disabled-destructive:var(--pine-color-red-100);--color-destructive:var(--pine-color-base-white);--color-disabled-destructive:var(--pine-color-red-200);--outline-color-destructive:var(--pine-color-red-200);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;color:var(--color);display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:500;min-height:40px;padding:0.5rem 1rem}.pds-button pds-icon{fill:currentColor;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.pds-button:hover{background-color:var(--background-color-hover);border-color:var(--border-color-hover)}.pds-button:focus{border-color:var(--border-color-focus);outline:4px solid var(--outline-color)}.pds-button:disabled{background-color:var(--background-color-disabled);border-color:var(--border-color-disabled);color:var(--color-disabled)}.pds-button--primary{--background-color:var(--background-color-primary);--background-color-hover:var(--background-color-hover-primary);--background-color-disabled:var(--background-color-disabled-primary);--color:var(--color-primary);--color-disabled:var(--color-disabled-primary);--outline-color:var(--outline-color-primary)}.pds-button--accent{--background-color:var(--background-color-accent);--background-color-hover:var(--background-color-hover-accent);--background-color-disabled:var(--background-color-disabled-accent);--color:var(--color-accent);--color-disabled:var(--color-disabled-accent);--outline-color:var(--outline-color-accent)}.pds-button--destructive{--background-color:var(--background-color-destructive);--background-color-hover:var(--background-color-hover-destructive);--background-color-disabled:var(--background-color-disabled-destructive);--color:var(--color-destructive);--color-disabled:var(--color-disabled-destructive);--outline-color:var(--outline-color-destructive)}.pds-button--secondary,.pds-button--disclosure{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--border-color-disabled:var(--border-color-disabled-secondary);--border-color-focus:var(--border-color-focus-secondary);--border-color-hover:var(--border-color-hover-secondary);--border-color:var(--border-color-secondary);--color:var(--color-secondary);--color-disabled:var(--color-disabled-secondary);--outline-color:var(--outline-color-secondary)}.pds-button--disclosure pds-icon{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.pds-button--unstyled{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--color:inherit;border:0;margin:0;min-height:auto;padding:0;width:inherit}";const n=l;const d=class{constructor(o){r(this,o);this.handleClick=r=>{if(this.type!="button"){if(c(this.el)){const o=this.el.closest("form");if(o){r.preventDefault();const e=document.createElement("button");e.type=this.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}}};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}classNames(){const r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}return r.join("  ")}render(){return o(e,{key:"6ee21dab19b15ab02142d892e7a2f42d6f93a919","aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},o("button",{key:"aa804a22ca56bff055e939e1bd72d4fd55c8bcd8",class:this.classNames(),disabled:this.disabled,name:this.name,part:"button",type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&o("pds-icon",{name:this.icon,part:"icon"}),o("slot",{key:"049cdc31676637dbe106ec153d66c4964f1f5ee9"}),this.variant==="disclosure"&&o("pds-icon",{name:"caret-down",part:"caret"})))}get el(){return a(this)}};d.style=n;export{d as pds_button};
+//# sourceMappingURL=p-f198ef17.entry.js.map

package/dist/pine-core/p-f198ef17.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","pdsButtonCss","PdsButtonStyle0","PdsButton","this","handleClick","ev","type","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","classNames","variant","push","join","render","h","Host","key","disabled","id","componentId","onClick","class","name","part","value","icon"],"sources":["src/utils/utils.ts","src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const hasShadowDom = (el: HTMLElement) => {\n  return !!el.shadowRoot && !!(el as any).attachShadow\n}\n",":host {\n  --border-color: transparent;\n  --border-color-hover: transparent;\n  --border-color-focus: transparent;\n  --border-color-disabled: transparent;\n\n  // primary\n  --background-color-primary: var(--pine-color-neutral-charcoal-400);\n  --background-color-hover-primary: var(--pine-color-neutral-charcoal-500);\n  --background-color-disabled-primary: var(--pine-color-neutral-grey-300);\n  --color-primary: var(--pine-color-base-white);\n  --color-disabled-primary: var(--pine-color-neutral-charcoal-100);\n  --outline-color-primary: var(--pine-color-primary-200);\n\n  // secondary\n  --border-color-secondary: var(--pine-color-neutral-grey-400);\n  --border-color-hover-secondary: var(--pine-color-neutral-grey-500);\n  --border-color-focus-secondary: var(--pine-color-neutral-grey-300);\n  --border-color-disabled-secondary: var(--pine-color-neutral-grey-300);\n  --color-secondary: var(--pine-color-neutral-charcoal-400);\n  --color-disabled-secondary: var(--pine-color-neutral-charcoal-100);\n  --outline-color-secondary: var(--pine-color-primary-200);\n\n  // accent\n  --background-color-accent: var(--pine-color-primary-300);\n  --background-color-hover-accent: var(--pine-color-primary-400);\n  --background-color-disabled-accent: var(--pine-color-primary-100);\n  --color-accent: var(--pine-color-base-white);\n  --color-disabled-accent: var(--pine-color-primary-200);\n  --outline-color-accent: var(--pine-color-primary-200);\n\n  // destructive\n  --background-color-destructive: var(--pine-color-red-300);\n  --background-color-hover-destructive: var(--pine-color-red-400);\n  --background-color-disabled-destructive: var(--pine-color-red-100);\n  --color-destructive: var(--pine-color-base-white);\n  --color-disabled-destructive: var(--pine-color-red-200);\n  --outline-color-destructive: var(--pine-color-red-200);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.pds-button {\n  align-items: center;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: 10px;\n  color: var(--color);\n  display: flex;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 40px;\n  padding: 0.5rem 1rem;\n\n  pds-icon {\n    fill: currentColor;\n    margin-inline-end: 0.5rem;\n  }\n\n  &:hover {\n    background-color: var(--background-color-hover);\n    border-color: var(--border-color-hover);\n  }\n\n  &:focus {\n    border-color: var(--border-color-focus);\n    outline: 4px solid var(--outline-color);\n  }\n\n  &:disabled {\n    background-color: var(--background-color-disabled);\n    border-color: var(--border-color-disabled);\n    color: var(--color-disabled);\n  }\n}\n\n.pds-button--primary {\n  --background-color: var(--background-color-primary);\n  --background-color-hover: var(--background-color-hover-primary);\n  --background-color-disabled: var(--background-color-disabled-primary);\n  --color: var(--color-primary);\n  --color-disabled: var(--color-disabled-primary);\n  --outline-color: var(--outline-color-primary);\n}\n\n.pds-button--accent {\n  --background-color: var(--background-color-accent);\n  --background-color-hover: var(--background-color-hover-accent);\n  --background-color-disabled: var(--background-color-disabled-accent);\n  --color: var(--color-accent);\n  --color-disabled: var(--color-disabled-accent);\n  --outline-color: var(--outline-color-accent);\n}\n\n.pds-button--destructive {\n  --background-color: var(--background-color-destructive);\n  --background-color-hover: var(--background-color-hover-destructive);\n  --background-color-disabled: var(--background-color-disabled-destructive);\n  --color: var(--color-destructive);\n  --color-disabled: var(--color-disabled-destructive);\n  --outline-color: var(--outline-color-destructive);\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --background-color: transparent;\n  --background-color-hover: transparent;\n  --background-color-disabled: transparent;\n  --border-color-disabled: var(--border-color-disabled-secondary);\n  --border-color-focus: var(--border-color-focus-secondary);\n  --border-color-hover: var(--border-color-hover-secondary);\n  --border-color: var(--border-color-secondary);\n  --color: var(--color-secondary);\n  --color-disabled: var(--color-disabled-secondary);\n  --outline-color: var(--outline-color-secondary);\n}\n\n.pds-button--disclosure {\n  pds-icon {\n    margin-inline-end: 0;\n    margin-inline-start: 0.5rem;\n  }\n}\n\n.pds-button--unstyled {\n  --background-color: transparent;\n  --background-color-hover: transparent;\n  --background-color-disabled: transparent;\n  --color: inherit;\n  border: 0;\n  margin: 0;\n  min-height: auto;\n  padding: 0;\n  width: inherit;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\n/**\n * @part button - The main button element that represents the button component.\n * @part caret - The caret icon element that appears when the button variant is 'disclosure'.\n * @part icon - The icon element that appears before the text in the button, if provided.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrl: 'pds-button.scss',\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Toggles disabled state of button\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays icon before text when icon string matches an icon name\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * Provides button with a submittable name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Provides button with a type\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Sets button variant styles as outlined in Figma documentation\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  private handleClick = (ev: Event) => {\n    if (this.type != 'button') {\n      // If button clicked IS NOT associated with a form\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form')\n        if (form) {\n          ev.preventDefault()\n\n          const fakeButton = document.createElement('button')\n          fakeButton.type = this.type\n          fakeButton.style.display = 'none'\n          form.appendChild(fakeButton)\n          fakeButton.click()\n          fakeButton.remove()\n        }\n      }\n    }\n  }\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <button\n          class={this.classNames()}\n          disabled={this.disabled}\n          name={this.name}\n          part=\"button\"\n          type={this.type}\n          value={this.value}\n        >\n          {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon} part=\"icon\"></pds-icon>}\n          <slot />\n          {this.variant === 'disclosure' && <pds-icon name=\"caret-down\" part=\"caret\"></pds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAIO,MAAMA,EAAgBC,KAClBA,EAAGC,cAAiBD,EAAWE,aCL1C,MAAMC,EAAe,0pIACrB,MAAAC,EAAeD,E,MCaFE,EAAS,M,yBAwCZC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,MAAQ,SAAU,CAEzB,GAAIV,EAAaO,KAAKN,IAAK,CACzB,MAAMU,EAAOJ,KAAKN,GAAGW,QAAQ,QAC7B,GAAID,EAAM,CACRF,EAAGI,iBAEH,MAAMC,EAAaC,SAASC,cAAc,UAC1CF,EAAWJ,KAAOH,KAAKG,KACvBI,EAAWG,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,Q,8CAzCC,M,UAKI,K,mDAgBuB,S,aAKmD,S,CAqB1F,UAAAC,GACN,MAAMA,EAAa,CAAC,cAEpB,GAAIf,KAAKgB,QAAS,CAChBD,EAAWE,KAAK,eAAiBjB,KAAKgB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYtB,KAAKuB,SAAW,OAAS,KACxCC,GAAIxB,KAAKyB,YACTC,QAAS1B,KAAKC,YACde,QAAShB,KAAKgB,SAEdI,EAAA,UAAAE,IAAA,2CACEK,MAAO3B,KAAKe,aACZQ,SAAUvB,KAAKuB,SACfK,KAAM5B,KAAK4B,KACXC,KAAK,SACL1B,KAAMH,KAAKG,KACX2B,MAAO9B,KAAK8B,OAEX9B,KAAK+B,MAAQ/B,KAAKgB,UAAY,cAAgBI,EAAA,YAAUQ,KAAM5B,KAAK+B,KAAMF,KAAK,SAC/ET,EAAA,QAAAE,IAAA,6CACCtB,KAAKgB,UAAY,cAAgBI,EAAA,YAAUQ,KAAK,aAAaC,KAAK,W"}

package/dist/pine-core/{p-d0446af7.system.entry.js → p-f2c6b33e.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-9830c8b4.system.js","./p-9138d494.system.js"],(function(e){"use strict";var r,i,a,o,l,t,s,n,d;return{setters:[function(e){r=e.r;i=e.c;a=e.h;o=e.H;l=e.g},function(e){t=e.i;s=e.P;n=e.a;d=e.m}],execute:function(){var c=":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)}";var h=e("pds_textarea",function(){function e(e){var a=this;r(this,e);this.pdsTextareaChange=i(this,"pdsTextareaChange",7);this.onTextareaChange=function(e){var r=e.target;t(r,a);if(r){a.value=r.innerHTML}a.pdsTextareaChange.emit({value:a.value,event:e})};this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=this.componentId;this.placeholder=undefined;this.readonly=false;this.required=false;this.rows=undefined;this.value=undefined}e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.render=function(){return a(o,{"aria-disabled":this.disabled?"true":null},a("div",{class:"pds-textarea"},this.label&&a(s,{htmlFor:this.componentId,text:this.label}),a("textarea",{"aria-describedby":n(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&&a("p",{class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{"aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());h.style=c}}}));
-//# sourceMappingURL=p-d0446af7.system.entry.js.map
+System.register(["./p-7a5d5d62.system.js","./p-3f82f07a.system.js"],(function(e){"use strict";var r,i,a,o,l,t,s,n,d;return{setters:[function(e){r=e.r;i=e.c;a=e.h;o=e.H;l=e.g},function(e){t=e.i;s=e.P;n=e.a;d=e.m}],execute:function(){var c=":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)}";var h=c;var f=e("pds_textarea",function(){function e(e){var a=this;r(this,e);this.pdsTextareaChange=i(this,"pdsTextareaChange",7);this.onTextareaChange=function(e){var r=e.target;t(r,a);if(r){a.value=r.innerHTML}a.pdsTextareaChange.emit({value:a.value,event:e})};this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=this.componentId;this.placeholder=undefined;this.readonly=false;this.required=false;this.rows=undefined;this.value=undefined}e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.render=function(){return a(o,{key:"1f722be202c2daa9c8ac782716f7be2ef2da2edc","aria-disabled":this.disabled?"true":null},a("div",{key:"5eb779ac1fbbb24420b1362ec103ef6112319aaf",class:"pds-textarea"},this.label&&a(s,{htmlFor:this.componentId,text:this.label}),a("textarea",{key:"8e2a2de3ea1aa172022b7dea79a34ddcfa8a501b","aria-describedby":n(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&&a("p",{class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{"aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());f.style=h}}}));
+//# sourceMappingURL=p-f2c6b33e.system.entry.js.map

package/dist/pine-core/p-f2c6b33e.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTextareaCss","PdsTextareaStyle0","PdsTextarea","exports","this","onTextareaChange","ev","textarea","target","isRequired","_this","value","innerHTML","pdsTextareaChange","emit","event","componentId","class_1","prototype","textareaClassNames","classNames","invalid","push","join","render","h","Host","key","disabled","class","label","PdsLabel","htmlFor","text","assignDescription","helperMessage","undefined","id","name","placeholder","readOnly","readonly","required","rows","onChange","messageId","errorMessage"],"sources":["src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  --background-color: #fff;\n  --background-color-disabled: var(--pine-color-neutral-grey-200);\n\n  --color: var(--pine-color-neutral-charcoal-400);\n  --color-error: var(--pine-color-red-300);\n  --color-placeholder: var(--pine-color-neutral-charcoal-200);\n  --color-disabled: var(--pine-color-neutral-charcoal-200);\n\n  --border-color-default: var(--pine-color-neutral-grey-400);\n  --border-color-hover: var(--pine-color-neutral-grey-500);\n  --border-color-focus-visible: var(--pine-color-neutral-grey-300);\n  --border-color-error: var(--pine-color-red-300);\n\n  --focus-visible-outline-color: var(--pine-color-primary-200);\n  --focus-visible-outline-color-error: var(--pine-color-red-200);\n\n  --label-font-size: var(--pine-font-size-body);\n  --label-font-weight: var(--pine-font-weight-medium);\n  --label-line-height: var(--pine-line-height-md);\n  --label-margin-block-end: var(--pine-spacing-xs);\n\n  --field-font-size: var(--pine-font-size-body);\n  --field-font-weight: var(--pine-font-weight-regular);\n  --field-line-height: var(--pine-line-height-md);\n  --field-padding-block: var(--pine-spacing-xs);\n  --field-padding-inline: var(--pine-spacing-sm);\n\n  --helper-message-font-size: var(--pine-font-size-body-xs);\n  --helper-message-font-weight: var(--pine-font-weight-regular);\n  --helper-message-line-height: var(--pine-line-height-sm);\n  --helper-message-margin-block-start: var(--pine-spacing-xs);\n\n  display: inline;\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  display: block;\n  font-size: var(--label-font-size);\n  font-weight: var(--label-font-weight);\n  line-height: var(--label-line-height);\n  margin-block-end: var(--label-margin-block-end);\n}\n\n.pds-textarea__field {\n  background-color: var(--background-color);\n  border: var(--pine-border-interactive);\n  border-radius: var(--pine-border-radius-md);\n  font-family: inherit;\n  font-size: var(--field-font-size);\n  font-weight: var(--field-font-weight);\n  line-height: var(--field-line-height);\n  padding: var(--field-padding-block) var(--field-padding-inline);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border-color: var(--border-color-hover);\n  }\n\n  &:disabled {\n    background-color: var(--background-color-disabled);\n    color: var(--color-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    border-color: var(--border-color-focus-visible);\n    outline: 4px solid var(--focus-visible-outline-color);\n  }\n\n  &::placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-error);\n    outline-color: var(--focus-visible-outline-color-error);\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font-size: var(--helper-message-font-size);\n  font-weight: var(--helper-message-font-weight);\n  line-height: var(--helper-message-line-height);\n  margin-block-end: 0;\n  margin-block-start: var(--helper-message-margin-block-start);\n}\n\n.pds-textarea__error-message {\n  color: var(--color-error);\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail } from './textarea-interface';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-textarea',\n  styleUrl: 'pds-textarea.scss',\n  shadow: true,\n})\nexport class PdsTextarea {\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the textarea is disabled\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Specifies the error text and provides an error-themed treatment to the field\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a hint or description of the textarea\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates whether or not the textarea is invalid or throws an error\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name, submitted with the form name/value pair. This value will mirror the componentId\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Indicates whether or not the textarea is readonly\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Indicates whether or not the textarea is required\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea\n   */\n  @Prop() rows?: number;\n\n  /**\n   * The value of the textarea\n   */\n  @Prop({mutable: true}) value?: string;\n\n  /**\n   * Event emitted whenever the value of the textarea changes\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  private onTextareaChange = (ev: Event) => {\n    const textarea = ev.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    if (textarea) {\n      this.value = textarea.innerHTML;\n    }\n\n    this.pdsTextareaChange.emit({value: this.value, event: ev});\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <PdsLabel htmlFor={this.componentId} text={this.label} />\n          }\n          <textarea\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            class={this.textareaClassNames()}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            rows={this.rows}\n            onChange={this.onTextareaChange}\n          >{this.value}</textarea>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wOAAA,IAAMA,EAAiB,qpGACvB,IAAAC,EAAeD,E,ICSFE,EAAWC,EAAA,0B,wFAwEdC,KAAAC,iBAAmB,SAACC,GAC1B,IAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUG,GAErB,GAAIH,EAAU,CACZG,EAAKC,MAAQJ,EAASK,S,CAGxBF,EAAKG,kBAAkBC,KAAK,CAACH,MAAOD,EAAKC,MAAOI,MAAOT,G,2CApEtC,M,sEAgBc,M,+BAUVF,KAAKY,Y,yCAWT,M,cAMA,M,yCA4BXC,EAAAC,UAAAC,mBAAA,WACN,IAAMC,EAAa,CAAC,uBAEpB,GAAIhB,KAAKiB,SAAWjB,KAAKiB,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBN,EAAAC,UAAAM,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYvB,KAAKwB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRzB,KAAK0B,OACJL,EAACM,EAAQ,CAACC,QAAS5B,KAAKY,YAAaiB,KAAM7B,KAAK0B,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB9B,KAAKY,YAAaZ,KAAKiB,QAASjB,KAAK+B,eAAc,eACzE/B,KAAKiB,QAAU,OAASe,UACtCP,MAAOzB,KAAKe,qBACZS,SAAUxB,KAAKwB,SACfS,GAAIjC,KAAKY,YACTsB,KAAMlC,KAAKkC,KACXC,YAAanC,KAAKmC,YAClBC,SAAUpC,KAAKqC,SACfC,SAAUtC,KAAKsC,SACfC,KAAMvC,KAAKuC,KACXC,SAAUxC,KAAKC,kBACfD,KAAKO,OACNP,KAAK+B,eACJV,EAAA,KACEI,MAAM,+BACNQ,GAAIQ,EAAUzC,KAAKY,YAAa,WAE/BZ,KAAK+B,eAGT/B,KAAKiB,SACJI,EAAA,iBACY,YACVI,MAAM,8BACNQ,GAAIQ,EAAUzC,KAAKY,YAAa,UAE/BZ,KAAK0C,e,uHAjII,I"}

package/dist/pine-core/p-f329268a.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as a,g as i}from"./p-db677b4c.js";const e=":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 n=e;const r=class{constructor(t){s(this,t);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}tabClickHandler(s){if(this.componentId===s.detail[1]){this.activeTabIndex=s.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}}handleKeyDown(s){const t=["ArrowLeft","ArrowRight","Home","End"];if(t.includes(s.key)){s.preventDefault();this.moveActiveTab(s.key)}}moveActiveTab(s){const t=0;const a=this.tabs.length-1;let i=null;switch(s){case"ArrowLeft":i=this.activeTabIndex===t?a:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===a?t:this.activeTabIndex+1;break;case"Home":i=t;break;case"End":i=a;break}this.tabs[i].children[0].focus();this.activeTabName=this.tabs[i].name;this.activeTabIndex=i}findAllChildren(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")}propGeneration(s,t=0){s.parentComponentId=this.componentId.toString();s.variant=this.variant.toString();s.selected=this.activeTabName===s.name?true:false;s["index"]=t}passPropsToChildren(){this.tabs.forEach(((s,t)=>{if(this.activeTabName===s.name)this.activeTabIndex=t;this.propGeneration(s,t)}));this.tabPanels.forEach((s=>{this.propGeneration(s)}))}classNames(){let s=`pds-tabs`;if(this.variant&&this.variant!="primary"){const t=`pds-tabs--${this.variant}`;s+=" "+t}return s}componentWillLoad(){this.findAllChildren()}componentWillRender(){this.passPropsToChildren()}render(){return t(a,{key:"230c4abd9bf8632802f34df2a517ca2c1cc029bd","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},t("div",{key:"ad7935e2494c8fa731abaf17979f61ffa70d8ac3",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},t("slot",{key:"3e3b604d8aa3391b23539914cd91bd6cafcfc4c9",name:"tabs"})),t("slot",{key:"7d8a5ee7b1b147816bedf6be0b24f8a57b422fe7",name:"tabpanels"}))}get el(){return i(this)}};r.style=n;export{r as pds_tabs};
+//# sourceMappingURL=p-f329268a.entry.js.map

package/dist/pine-core/p-f329268a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabsCss","PdsTabsStyle0","PdsTabs","tabClickHandler","event","this","componentId","detail","activeTabIndex","activeTabName","tabs","name","handleKeyDown","ev","keySet","includes","key","preventDefault","moveActiveTab","firstTabNumber","lastTabNumber","length","moveFocusTo","children","focus","findAllChildren","el","querySelectorAll","tabPanels","propGeneration","child","index","parentComponentId","toString","variant","selected","passPropsToChildren","forEach","classNames","className","variantClassName","componentWillLoad","componentWillRender","render","h","Host","class","id","role","tablistLabel"],"sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --panel-margin-top: Optional margin-top for panels\n   */\n  --panel-margin-top: 0;\n\n  /**\n   * @prop --panel-padding: Optional padding for panels\n   */\n  --panel-padding: 0;\n\n  --gap-md: var(--pine-spacing-md);\n  --gap-xs: var(--pine-spacing-xs);\n  --gap-sm: 16px var(--pine-spacing-sm);\n  --outline: 2px solid var(--pine-color-primary-200);\n\n  display: block;\n}\n\n// delete later\n*:focus {\n  outline: var(--outline);\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--gap-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--gap-sm);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrl: 'pds-tabs.scss',\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    if (keySet.includes(ev.key)) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    this.tabs = this.el.querySelectorAll('pds-tab');\n    this.tabPanels = this.el.querySelectorAll('pds-tabpanel');\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel}>\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,8dACnB,MAAAC,EAAeD,E,MCUFE,EAAO,M,kKAmClB,eAAAC,CAAgBC,GACd,GAAIC,KAAKC,cAAgBF,EAAMG,OAAO,GAAI,CACxCF,KAAKG,eAAiBJ,EAAMG,OAAO,GACnCF,KAAKI,cAAgBJ,KAAKK,KAAKL,KAAKG,gBAAgBG,I,EAKxD,aAAAC,CAAcC,GACZ,MAAMC,EAAS,CAAC,YAAa,aAAc,OAAQ,OAEnD,GAAIA,EAAOC,SAASF,EAAGG,KAAM,CAC3BH,EAAGI,iBACHZ,KAAKa,cAAcL,EAAGG,I,EAIlB,aAAAE,CAAcF,GACpB,MAAMG,EAAiB,EACvB,MAAMC,EAAgBf,KAAKK,KAAKW,OAAS,EAEzC,IAAIC,EAAc,KAElB,OAAQN,GACN,IAAK,YACHM,EAAejB,KAAKG,iBAAmBW,EAAkBC,EAAiBf,KAAKG,gBAAmB,EAClG,MACF,IAAK,aACHc,EAAejB,KAAKG,iBAAmBY,EAAiBD,EAAkBd,KAAKG,eAAiB,EAChG,MACF,IAAK,OACHc,EAAcH,EACd,MACF,IAAK,MACHG,EAAcF,EACd,MAIJf,KAAKK,KAAKY,GAAaC,SAAS,GAAGC,QACnCnB,KAAKI,cAAgBJ,KAAKK,KAAKY,GAAaX,KAC5CN,KAAKG,eAAiBc,C,CAGhB,eAAAG,GACNpB,KAAKK,KAAOL,KAAKqB,GAAGC,iBAAiB,WACrCtB,KAAKuB,UAAYvB,KAAKqB,GAAGC,iBAAiB,e,CAGpC,cAAAE,CAAeC,EAAOC,EAAQ,GACpCD,EAAME,kBAAoB3B,KAAKC,YAAY2B,WAC3CH,EAAMI,QAAU7B,KAAK6B,QAAQD,WAC7BH,EAAMK,SAAY9B,KAAKI,gBAAkBqB,EAAMnB,KAAQ,KAAO,MAC9DmB,EAAM,SAAWC,C,CAGX,mBAAAK,GACN/B,KAAKK,KAAK2B,SAAQ,CAACP,EAAOC,KACxB,GAAI1B,KAAKI,gBAAkBqB,EAAMnB,KAAMN,KAAKG,eAAiBuB,EAC7D1B,KAAKwB,eAAeC,EAAOC,EAAM,IAGnC1B,KAAKuB,UAAUS,SAASP,IACtBzB,KAAKwB,eAAeC,EAAM,G,CAItB,UAAAQ,GACN,IAAIC,EAAY,WAChB,GAAIlC,KAAK6B,SAAW7B,KAAK6B,SAAW,UAAW,CAC7C,MAAMM,EAAmB,aAAanC,KAAK6B,UAC3CK,GAAa,IAAMC,C,CAGrB,OAAOD,C,CAGT,iBAAAE,GACEpC,KAAKoB,iB,CAGP,mBAAAiB,GACErC,KAAK+B,qB,CAGP,MAAAO,GACE,OACEC,EAACC,EAAI,CAAA7B,IAAA,6DAAkBX,KAAKI,cAAeqC,MAAOzC,KAAKiC,aAAcS,GAAI1C,KAAKC,aAC5EsC,EAAA,OAAA5B,IAAA,2CAAK8B,MAAM,oBAAoBE,KAAK,UAAS,aAAa3C,KAAK4C,cAC7DL,EAAA,QAAA5B,IAAA,2CAAML,KAAK,UAEbiC,EAAA,QAAA5B,IAAA,2CAAML,KAAK,c"}

package/dist/pine-core/pine-core.css

@@ -1 +1 @@
-@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:400;src:local("CircularXXWeb-Regular"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Regular.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Regular.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:400;src:local("CircularXXWeb-Italic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Italic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Italic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:500;src:local("CircularXXWeb-Book"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Book.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Book.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:500;src:local("CircularXXWeb-BookItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BookItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BookItalic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:600;src:local("CircularXXWeb-Medium"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Medium.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Medium.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:600;src:local("CircularXXWeb-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-MediumItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-MediumItalic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:700;src:local("CircularXXWeb-Bold"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Bold.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Bold.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:700;src:local("CircularXXWeb-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BoldItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BoldItalic.woff?v=1") format("woff")}:root{--pine-color-base-white:#FFF;--pine-color-base-black:#000;--pine-color-neutral-grey-100:#F9FAFA;--pine-color-neutral-grey-200:#F6F8F8;--pine-color-neutral-grey-300:#ECEEEF;--pine-color-neutral-grey-400:#D3D5D9;--pine-color-neutral-grey-500:#B5BAC0;--pine-color-neutral-charcoal-100:#8D939A;--pine-color-neutral-charcoal-200:#60666C;--pine-color-neutral-charcoal-300:#43474B;--pine-color-neutral-charcoal-400:#202327;--pine-color-neutral-charcoal-500:#040506;--pine-color-primary-100:#E6F4FE;--pine-color-primary-200:#8ECAFB;--pine-color-primary-300:#0072EF;--pine-color-primary-400:#054FB8;--pine-color-primary-500:#07265F;--pine-color-green-100:#DDF8F0;--pine-color-green-200:#86D5BC;--pine-color-green-300:#23856D;--pine-color-green-400:#225D53;--pine-color-green-500:#183E3B;--pine-color-red-100:#FFF0F0;--pine-color-red-200:#FDB0AA;--pine-color-red-300:#CF3C32;--pine-color-red-400:#99221E;--pine-color-red-500:#5E0D0D;--pine-color-yellow-100:#FEF8E1;--pine-color-yellow-200:#FAD980;--pine-color-yellow-300:#FFC505;--pine-color-yellow-400:#C56A02;--pine-color-yellow-500:#C56A02;--pine-color-orange-100:#FEF1E1;--pine-color-orange-200:#FFB36B;--pine-color-orange-300:#FB7E09;--pine-color-orange-400:#B3501E;--pine-color-orange-500:#5A260C;--pine-color-purple-100:#EEE4F6;--pine-color-purple-200:#D9C2EF;--pine-color-purple-300:#8E5AD8;--pine-color-purple-400:#50348A;--pine-color-purple-500:#381C5E}:root{--pine-font-weight-regular:400;--pine-font-weight-medium:500;--pine-font-weight-semibold:600;--pine-font-weight-bold:700}:root{--pine-border-radius-xs:4px;--pine-border-radius-sm:6px;--pine-border-radius-md:10px;--pine-border-radius-lg:16px}:root{--pine-spacing-xxs:4px;--pine-spacing-xs:8px;--pine-spacing-sm:16px;--pine-spacing-md:24px;--pine-spacing-lg:36px;--pine-spacing-xl:48px;--pine-spacing-2xl:64px}:root{--pine-letter-spacing-xs:-0.15px;--pine-letter-spacing-sm:-0.5px;--pine-letter-spacing-md:-0.6px}:root{--pine-font-size-h1:40px;--pine-font-size-h2:32px;--pine-font-size-h3:28px;--pine-font-size-h4:24px;--pine-font-size-h5:20px;--pine-font-size-h6:18px;--pine-font-size-body:16px;--pine-font-size-body-sm:14px;--pine-font-size-body-xs:12px}:root{--pine-line-height-xs:16px;--pine-line-height-sm:20px;--pine-line-height-md:24px;--pine-line-height-lg:28px;--pine-line-height-xl:32px;--pine-line-height-2xl:40px;--pine-line-height-3xl:48px;--pine-line-height-4xl:60px}:root{--pine-border-default:1px solid #ECEEEF;--pine-border-default-color:#ECEEEF;--pine-border-default-width:1px;--pine-border-default-style:solid;--pine-border-interactive:1px solid #D3D5D9;--pine-border-interactive-color:#D3D5D9;--pine-border-interactive-width:1px;--pine-border-interactive-style:solid;--pine-border-interactive-hover:1px solid #B5BAC0;--pine-border-interactive-hover-color:#B5BAC0;--pine-border-interactive-hover-width:1px;--pine-border-interactive-hover-style:solid;--pine-border-interactive-error:1px solid #CF3C32;--pine-border-interactive-error-color:#CF3C32;--pine-border-interactive-error-width:1px;--pine-border-interactive-error-style:solid;--pine-border-focus:2px solid #8ECAFB;--pine-border-focus-color:#8ECAFB;--pine-border-focus-width:2px;--pine-border-focus-style:solid;--pine-border-selected:2px solid #202327;--pine-border-selected-color:#202327;--pine-border-selected-width:2px;--pine-border-selected-style:solid;--pine-border-error-focus:2px solid #FDB0AA;--pine-border-error-focus-color:#FDB0AA;--pine-border-error-focus-width:2px;--pine-border-error-focus-style:solid}:root{--pine-font-family-circular:Circular}:root{--pine-box-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);--pine-box-shadow-xs-0-x:0;--pine-box-shadow-xs-0-y:1px;--pine-box-shadow-xs-0-blur:2px;--pine-box-shadow-xs-0-spread:0;--pine-box-shadow-xs-0-color:rgba(0, 0, 0, 0.06);--pine-box-shadow-xs-1-x:0;--pine-box-shadow-xs-1-y:1px;--pine-box-shadow-xs-1-blur:3px;--pine-box-shadow-xs-1-spread:0;--pine-box-shadow-xs-1-color:rgba(0, 0, 0, 0.1);--pine-box-shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-sm-0-x:0;--pine-box-shadow-sm-0-y:2px;--pine-box-shadow-sm-0-blur:4px;--pine-box-shadow-sm-0-spread:0;--pine-box-shadow-sm-0-color:rgba(0, 0, 0, 0.12);--pine-box-shadow-sm-1-x:0;--pine-box-shadow-sm-1-y:0;--pine-box-shadow-sm-1-blur:2px;--pine-box-shadow-sm-1-spread:0;--pine-box-shadow-sm-1-color:rgba(0, 0, 0, 0.08);--pine-box-shadow-md:0 8px 14px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-md-0-x:0;--pine-box-shadow-md-0-y:8px;--pine-box-shadow-md-0-blur:14px;--pine-box-shadow-md-0-spread:0;--pine-box-shadow-md-0-color:rgba(0, 0, 0, 0.16);--pine-box-shadow-md-1-x:0;--pine-box-shadow-md-1-y:0;--pine-box-shadow-md-1-blur:4px;--pine-box-shadow-md-1-spread:0;--pine-box-shadow-md-1-color:rgba(0, 0, 0, 0.08);--pine-box-shadow-lg:0 8px 40px 0 rgba(0, 0, 0, 0.24);--pine-box-shadow-lg-x:0;--pine-box-shadow-lg-y:8px;--pine-box-shadow-lg-blur:40px;--pine-box-shadow-lg-spread:0;--pine-box-shadow-lg-color:rgba(0, 0, 0, 0.24)}
+@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:400;src:local("CircularXXWeb-Regular"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Regular.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Regular.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:400;src:local("CircularXXWeb-Italic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Italic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Italic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:500;src:local("CircularXXWeb-Book"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Book.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Book.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:500;src:local("CircularXXWeb-BookItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BookItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BookItalic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:600;src:local("CircularXXWeb-Medium"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Medium.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Medium.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:600;src:local("CircularXXWeb-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-MediumItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-MediumItalic.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:normal;font-weight:700;src:local("CircularXXWeb-Bold"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Bold.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-Bold.woff?v=1") format("woff")}@font-face{font-display:swap;font-family:"Circular";font-style:italic;font-weight:700;src:local("CircularXXWeb-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BoldItalic.woff2?v=1") format("woff2"), url("https://sage.kajabi-cdn.com/fonts/circular/CircularXXWeb-BoldItalic.woff?v=1") format("woff")}:root{--pine-color-base-white:#FFF;--pine-color-base-black:#000;--pine-color-neutral-grey-100:#F9FAFA;--pine-color-neutral-grey-200:#F6F8F8;--pine-color-neutral-grey-300:#ECEEEF;--pine-color-neutral-grey-400:#D3D5D9;--pine-color-neutral-grey-500:#B5BAC0;--pine-color-neutral-charcoal-100:#8D939A;--pine-color-neutral-charcoal-200:#60666C;--pine-color-neutral-charcoal-300:#43474B;--pine-color-neutral-charcoal-400:#202327;--pine-color-neutral-charcoal-500:#040506;--pine-color-primary-100:#E6F4FE;--pine-color-primary-200:#8ECAFB;--pine-color-primary-300:#0072EF;--pine-color-primary-400:#054FB8;--pine-color-primary-500:#07265F;--pine-color-green-100:#DDF8F0;--pine-color-green-200:#86D5BC;--pine-color-green-300:#23856D;--pine-color-green-400:#225D53;--pine-color-green-500:#183E3B;--pine-color-red-100:#FFF0F0;--pine-color-red-200:#FDB0AA;--pine-color-red-300:#CF3C32;--pine-color-red-400:#99221E;--pine-color-red-500:#5E0D0D;--pine-color-yellow-100:#FEF8E1;--pine-color-yellow-200:#FAD980;--pine-color-yellow-300:#FFC505;--pine-color-yellow-400:#C56A02;--pine-color-yellow-500:#C56A02;--pine-color-orange-100:#FEF1E1;--pine-color-orange-200:#FFB36B;--pine-color-orange-300:#FB7E09;--pine-color-orange-400:#B3501E;--pine-color-orange-500:#5A260C;--pine-color-purple-100:#EEE4F6;--pine-color-purple-200:#D9C2EF;--pine-color-purple-300:#8E5AD8;--pine-color-purple-400:#50348A;--pine-color-purple-500:#381C5E}:root{--pine-font-weight-regular:400;--pine-font-weight-medium:500;--pine-font-weight-semibold:600;--pine-font-weight-bold:700}:root{--pine-border-radius-xs:4px;--pine-border-radius-sm:6px;--pine-border-radius-md:10px;--pine-border-radius-lg:16px}:root{--pine-spacing-xxs:4px;--pine-spacing-xs:8px;--pine-spacing-sm:16px;--pine-spacing-md:24px;--pine-spacing-lg:36px;--pine-spacing-xl:48px;--pine-spacing-2xl:64px}:root{--pine-letter-spacing-xs:-0.15px;--pine-letter-spacing-sm:-0.5px;--pine-letter-spacing-md:-0.6px}:root{--pine-font-size-h1:40px;--pine-font-size-h2:32px;--pine-font-size-h3:28px;--pine-font-size-h4:24px;--pine-font-size-h5:20px;--pine-font-size-h6:18px;--pine-font-size-body:16px;--pine-font-size-body-sm:14px;--pine-font-size-body-xs:12px}:root{--pine-line-height-xs:16px;--pine-line-height-sm:20px;--pine-line-height-md:24px;--pine-line-height-lg:28px;--pine-line-height-xl:32px;--pine-line-height-2xl:40px;--pine-line-height-3xl:48px;--pine-line-height-4xl:60px}:root{--pine-border-default:1px solid #ECEEEF;--pine-border-default-color:#ECEEEF;--pine-border-default-width:1px;--pine-border-default-style:solid;--pine-border-interactive:1px solid #D3D5D9;--pine-border-interactive-color:#D3D5D9;--pine-border-interactive-width:1px;--pine-border-interactive-style:solid;--pine-border-interactive-hover:1px solid #B5BAC0;--pine-border-interactive-hover-color:#B5BAC0;--pine-border-interactive-hover-width:1px;--pine-border-interactive-hover-style:solid;--pine-border-interactive-error:1px solid #CF3C32;--pine-border-interactive-error-color:#CF3C32;--pine-border-interactive-error-width:1px;--pine-border-interactive-error-style:solid;--pine-border-focus:2px solid #8ECAFB;--pine-border-focus-color:#8ECAFB;--pine-border-focus-width:2px;--pine-border-focus-style:solid;--pine-border-selected:2px solid #202327;--pine-border-selected-color:#202327;--pine-border-selected-width:2px;--pine-border-selected-style:solid;--pine-border-error-focus:2px solid #FDB0AA;--pine-border-error-focus-color:#FDB0AA;--pine-border-error-focus-width:2px;--pine-border-error-focus-style:solid}:root{--pine-font-family-circular:Circular}:root{--pine-box-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);--pine-box-shadow-xs-0-x:0;--pine-box-shadow-xs-0-y:1px;--pine-box-shadow-xs-0-blur:2px;--pine-box-shadow-xs-0-spread:0;--pine-box-shadow-xs-0-color:rgba(0, 0, 0, 0.06);--pine-box-shadow-xs-1-x:0;--pine-box-shadow-xs-1-y:1px;--pine-box-shadow-xs-1-blur:3px;--pine-box-shadow-xs-1-spread:0;--pine-box-shadow-xs-1-color:rgba(0, 0, 0, 0.1);--pine-box-shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-sm-0-x:0;--pine-box-shadow-sm-0-y:2px;--pine-box-shadow-sm-0-blur:4px;--pine-box-shadow-sm-0-spread:0;--pine-box-shadow-sm-0-color:rgba(0, 0, 0, 0.12);--pine-box-shadow-sm-1-x:0;--pine-box-shadow-sm-1-y:0;--pine-box-shadow-sm-1-blur:2px;--pine-box-shadow-sm-1-spread:0;--pine-box-shadow-sm-1-color:rgba(0, 0, 0, 0.08);--pine-box-shadow-md:0 8px 14px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-md-0-x:0;--pine-box-shadow-md-0-y:8px;--pine-box-shadow-md-0-blur:14px;--pine-box-shadow-md-0-spread:0;--pine-box-shadow-md-0-color:rgba(0, 0, 0, 0.16);--pine-box-shadow-md-1-x:0;--pine-box-shadow-md-1-y:0;--pine-box-shadow-md-1-blur:4px;--pine-box-shadow-md-1-spread:0;--pine-box-shadow-md-1-color:rgba(0, 0, 0, 0.08);--pine-box-shadow-lg:0 8px 40px 0 rgba(0, 0, 0, 0.24);--pine-box-shadow-lg-x:0;--pine-box-shadow-lg-y:8px;--pine-box-shadow-lg-blur:40px;--pine-box-shadow-lg-spread:0;--pine-box-shadow-lg-color:rgba(0, 0, 0, 0.24)}:root{--pine-border-radius-100:10px;--pine-border-radius-160:16px;--pine-border-radius-040:4px;--pine-border-radius-060:6px;--pine-border-radius-round:50%;--pine-border-radius-default:10px;--pine-border-radius-circle:50%;--pine-border-width-none:0;--pine-border-width-thin:1px;--pine-border-width-thick:2px;--pine-box-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);--pine-box-shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-md:0 8px 14px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.08);--pine-box-shadow-lg:0 8px 40px 0 rgba(0, 0, 0, 0.24);--pine-color-white:#ffffff;--pine-color-black:#000000;--pine-color-grey-100:#f9fafa;--pine-color-grey-200:#f6f8f8;--pine-color-grey-300:#eceeef;--pine-color-grey-400:#d3d5d9;--pine-color-grey-500:#b5bac0;--pine-color-charcoal-100:#8d939a;--pine-color-charcoal-200:#60666c;--pine-color-charcoal-300:#43474b;--pine-color-charcoal-400:#202327;--pine-color-charcoal-500:#040506;--pine-color-blue-100:#e6f4fe;--pine-color-blue-200:#8ecafb;--pine-color-blue-300:#0072ef;--pine-color-blue-400:#054fb8;--pine-color-blue-500:#07265f;--pine-color-green-100:#ddf8f0;--pine-color-green-200:#86d5bc;--pine-color-green-300:#23856d;--pine-color-green-400:#225d53;--pine-color-green-500:#183e3b;--pine-color-red-100:#fff0f0;--pine-color-red-200:#fdb0aa;--pine-color-red-300:#cf3c32;--pine-color-red-400:#99221e;--pine-color-red-500:#5e0d0d;--pine-color-yellow-100:#fef8e1;--pine-color-yellow-200:#fad980;--pine-color-yellow-300:#ffc505;--pine-color-yellow-400:#c56a02;--pine-color-yellow-500:#c56a02;--pine-color-orange-100:#fef1e1;--pine-color-orange-200:#ffb36b;--pine-color-orange-300:#fb7e09;--pine-color-orange-400:#b3501e;--pine-color-orange-500:#5a260c;--pine-color-purple-100:#eee4f6;--pine-color-purple-200:#d9c2ef;--pine-color-purple-300:#8e5ad8;--pine-color-purple-400:#50348a;--pine-color-purple-500:#381c5e;--pine-color-background-action-primary-default:#202327;--pine-color-background-action-primary-disabled:#eceeef;--pine-color-background-action-primary-hover:#040506;--pine-color-background-action-secondary:#ffffff;--pine-color-background-action-accent-default:#0072ef;--pine-color-background-action-accent-disabled:#e6f4fe;--pine-color-background-action-accent-hover:#054fb8;--pine-color-background-action-destructive-default:#cf3c32;--pine-color-background-action-destructive-disabled:#fff0f0;--pine-color-background-action-destructive-hover:#99221e;--pine-color-background-container:#ffffff;--pine-color-background-form:#ffffff;--pine-color-background-sentiment-neutral:#202327;--pine-color-background-sentiment-positive:#23856d;--pine-color-background-sentiment-negative:#cf3c32;--pine-color-background-sentiment-attentive:#ffc505;--pine-color-background-sentiment-informative:#0072ef;--pine-color-text-action-primary-default:#ffffff;--pine-color-text-action-primary-disabled:#8d939a;--pine-color-text-action-accent-default:#ffffff;--pine-color-text-action-accent-disabled:#8ecafb;--pine-color-text-action-destructive-default:#ffffff;--pine-color-text-action-destructive-disabled:#fdb0aa;--pine-color-text-body:#202327;--pine-color-text-form-default:#202327;--pine-color-text-form-disabled:#60666c;--pine-color-text-form-error:#cf3c32;--pine-color-text-form-placeholder:#60666c;--pine-color-text-heading:#040506;--pine-color-text-icon:#202327;--pine-color-text-link-default:#0072ef;--pine-color-text-link-hover:#054fb8;--pine-font-family:Circular;--pine-font-size-h1:40px;--pine-font-size-h2:32px;--pine-font-size-h3:28px;--pine-font-size-h4:24px;--pine-font-size-h5:20px;--pine-font-size-h6:18px;--pine-font-size-body:16px;--pine-font-size-body-sm:14px;--pine-font-size-body-xs:12px;--pine-font-weight-regular:400;--pine-font-weight-medium:500;--pine-font-weight-semibold:600;--pine-font-weight-bold:700;--pine-letter-spacing-xs:-0.15px;--pine-letter-spacing-sm:-0.5px;--pine-letter-spacing-md:-0.6px;--pine-line-height-100:16px;--pine-line-height-125:20px;--pine-line-height-150:24px;--pine-line-height-175:28px;--pine-line-height-200:32px;--pine-line-height-250:40px;--pine-line-height-300:48px;--pine-line-height-375:60px;--pine-spacing-0:0px;--pine-spacing-100:8px;--pine-spacing-200:16px;--pine-spacing-300:24px;--pine-spacing-450:36px;--pine-spacing-600:48px;--pine-spacing-800:64px;--pine-spacing-050:4px;--pine-border-default:1px solid #eceeef;--pine-border-interactive-default:1px solid #d3d5d9;--pine-border-interactive-hover:1px solid #b5bac0;--pine-border-interactive-error:1px solid #cf3c32;--pine-border-focus-default:2px solid #8ecafb;--pine-border-focus-destructive:2px solid #fdb0aa;--pine-border-focus-error:2px solid #fdb0aa;--pine-border-selected:2px solid #202327}

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

@@ -1,2 +1,2 @@
-import{p as e,b as n}from"./p-c81c20b7.js";export{s as setNonce}from"./p-c81c20b7.js";const o=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};o().then((e=>n([["p-9a184d74",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["p-6f044e28",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["p-60930784",[[1,"pds-chip",{componentId:[1,"component-id"],sentiment:[1],dot:[4],label:[1],large:[4],variant:[1]}]]],["p-b199ca99",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["p-978cad20",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],handle:[4]}]]],["p-2847bd57",[[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],name:[1],required:[4],value:[1]}]]],["p-6c295ed8",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["p-7f16e44f",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["p-db6ea8de",[[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]}]]],["p-59334e35",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["p-5787d0c0",[[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]}]]],["p-d1c7a84d",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["p-f3ee8a5e",[[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]}]]],["p-23b8d1bb",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["p-f30549db",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["p-d8a277e5",[[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"]]]]],["p-aa9f027c",[[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]}]]],["p-465b7120",[[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"]}]]],["p-0532f829",[[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"]}]]],["p-6dd5d826",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]]],e)));
+import{p as e,b as o}from"./p-db677b4c.js";export{s as setNonce}from"./p-db677b4c.js";const n=()=>{const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};n().then((e=>o([["p-f17edd95",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["p-a923b153",[[1,"pds-table-head"]]],["p-20266cb6",[[1,"pds-table-row",{isSelected:[32]}]]],["p-c36795fd",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["p-5af9b6e2",[[1,"pds-chip",{componentId:[1,"component-id"],sentiment:[1],dot:[4],label:[1],large:[4],variant:[1]}]]],["p-6c3a05cf",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["p-c743e545",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],handle:[4]}]]],["p-d833e66e",[[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"]}]]],["p-0dacd1cd",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["p-25f4a2c1",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["p-c5641077",[[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]}]]],["p-462f2b14",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["p-748df843",[[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]}]]],["p-5fd196d6",[[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"]}]]],["p-9b5cd6ab",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["p-1d55b43e",[[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]}]]],["p-0305f8c8",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["p-763e2f83",[[1,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"]]]]],["p-627d088d",[[1,"pds-table-body"]]],["p-4c2fa718",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["p-f329268a",[[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"]]]]],["p-be00178d",[[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]}]]],["p-25ffc9e2",[[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"]}]]],["p-d3d4661e",[[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"]}]]],["p-f198ef17",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]],["p-a090344d",[[1,"pds-table-head-cell",{sortable:[4],sortingDirection:[32],tableScrolling:[32]}]]],["p-8fe57bfa",[[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]}]]]],e)));
 //# sourceMappingURL=pine-core.esm.js.map

package/dist/pine-core/pine-core.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","border","componentId","fullWidth","truncate","value","alt","badge","dropdown","image","size","variant","sentiment","dot","label","large","external","fontSize","enableActions","handle","checked","disabled","errorMessage","helperMessage","indeterminate","invalid","name","required","offset","vertical","height","loading","sizes","src","srcset","width","placeholder","readonly","type","animated","fillColor","percent","showPercent","dividers","handleType","parentComponentId","index","selected","tablistLabel","activeTabName","activeTabIndex","rows","content","hasArrow","htmlContent","placement","opened","isOpen","showTooltip","hideTooltip","color","icon","ariaLabel","isVisible","svgContent"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,kCAA8B,CAAAC,OAAS,MAAAC,YAAA,mBAAAC,UAAA,iBAAAC,SAAA,IAAAC,MAAA,wCAAAC,IAAA,IAAAC,MAAA,IAAAL,YAAA,mBAAAM,SAAA,IAAAC,MAAA,IAAAC,KAAA,MAAAC,QAAA,wCAAAT,YAAA,mBAAAU,UAAA,IAAAC,IAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAJ,QAAA,sCAAAT,YAAA,mBAAAc,SAAA,IAAAL,QAAA,IAAAM,SAAA,gBAAArB,KAAA,+CAAAsB,cAAA,qBAAAhB,YAAA,mBAAAiB,OAAA,0CAAAC,QAAA,IAAAlB,YAAA,mBAAAmB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,cAAA,IAAAC,QAAA,IAAAX,MAAA,IAAAY,KAAA,IAAAC,SAAA,IAAAtB,MAAA,yCAAAH,YAAA,mBAAA0B,OAAA,IAAAC,SAAA,uCAAAvB,IAAA,IAAAJ,YAAA,mBAAA4B,OAAA,IAAAC,QAAA,IAAAC,MAAA,IAAAC,IAAA,IAAAC,OAAA,IAAAC,MAAA,uCAAAjC,YAAA,mBAAAmB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,IAAAX,MAAA,IAAAY,KAAA,IAAAU,YAAA,IAAAC,SAAA,IAAAV,SAAA,IAAAW,KAAA,IAAAjC,MAAA,6CAAAkC,SAAA,IAAArC,YAAA,mBAAAsC,UAAA,iBAAA1B,MAAA,IAAA2B,QAAA,IAAAC,YAAA,sDAAAtB,QAAA,IAAAC,SAAA,IAAAC,aAAA,oBAAAG,QAAA,IAAAvB,YAAA,mBAAAY,MAAA,IAAAS,cAAA,qBAAAG,KAAA,IAAAC,SAAA,IAAAtB,MAAA,0CAAAJ,OAAA,MAAAC,YAAA,mBAAAyC,SAAA,MAAAC,WAAA,sDAAA1C,YAAA,mBAAAkB,QAAA,IAAAC,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,IAAAX,MAAA,IAAAY,KAAA,IAAAC,SAAA,IAAAW,KAAA,IAAAjC,MAAA,qCAAAqB,KAAA,IAAAmB,kBAAA,0BAAAlC,QAAA,IAAAmC,MAAA,IAAAC,SAAA,0CAAArB,KAAA,IAAAmB,kBAAA,0BAAAlC,QAAA,IAAAoC,SAAA,yCAAAC,aAAA,oBAAA9C,YAAA,mBAAAS,QAAA,IAAAsC,cAAA,yBAAAC,eAAA,qIAAAhD,YAAA,mBAAAmB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,OAAAX,MAAA,IAAAY,KAAA,IAAAU,YAAA,IAAAC,SAAA,IAAAV,SAAA,IAAAwB,KAAA,IAAA9C,MAAA,4CAAA+C,QAAA,IAAAlD,YAAA,mBAAAmD,SAAA,gBAAAC,YAAA,mBAAAC,UAAA,MAAAC,OAAA,OAAAC,OAAA,KAAAC,YAAA,KAAAC,YAAA,YAAAH,OAAA,uDAAAI,MAAA,IAAAC,KAAA,IAAAnC,KAAA,MAAAhB,KAAA,MAAAuB,IAAA,IAAA6B,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAtC,KAAA,aAAAO,IAAA,aAAA4B,KAAA,iDAAA3D,YAAA,mBAAAmB,SAAA,IAAAwC,KAAA,IAAAnC,KAAA,IAAArB,MAAA,IAAAiC,KAAA,IAAA3B,QAAA,SAAAZ"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","border","componentId","fullWidth","truncate","value","isSelected","alt","badge","dropdown","image","size","variant","sentiment","dot","label","large","external","fontSize","enableActions","handle","alignItems","auto","backgroundColor","borderColor","borderRadius","direction","display","fit","gap","flex","justifyContent","minHeight","minWidth","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","shadow","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","vertical","height","loading","sizes","src","srcset","width","disabled","errorMessage","helperMessage","invalid","name","placeholder","readonly","required","type","animated","fillColor","percent","showPercent","checked","colGap","noWrap","dividers","handleType","parentComponentId","index","selected","compact","responsive","fixedColumn","selectable","sortingColumn","sortingDirection","tablistLabel","activeTabName","activeTabIndex","rows","content","hasArrow","htmlContent","placement","opened","isOpen","showTooltip","hideTooltip","color","icon","ariaLabel","isVisible","svgContent","sortable","tableScrolling","indeterminate","labelHidden"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,kCAA8B,CAAAC,OAAS,MAAAC,YAAA,mBAAAC,UAAA,iBAAAC,SAAA,IAAAC,MAAA,iFAAAC,WAAA,yCAAAC,IAAA,IAAAC,MAAA,IAAAN,YAAA,mBAAAO,SAAA,IAAAC,MAAA,IAAAC,KAAA,MAAAC,QAAA,wCAAAV,YAAA,mBAAAW,UAAA,IAAAC,IAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAJ,QAAA,sCAAAV,YAAA,mBAAAe,SAAA,IAAAL,QAAA,IAAAM,SAAA,gBAAAtB,KAAA,+CAAAuB,cAAA,qBAAAjB,YAAA,mBAAAkB,OAAA,qCAAAC,WAAA,kBAAAC,KAAA,IAAAC,gBAAA,uBAAAtB,OAAA,IAAAuB,YAAA,mBAAAC,aAAA,oBAAAC,UAAA,IAAAC,QAAA,IAAAC,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAC,eAAA,sBAAAC,UAAA,iBAAAC,SAAA,gBAAAC,OAAA,IAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,QAAA,IAAAC,OAAA,IAAA9B,KAAA,IAAA+B,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,mDAAA5C,YAAA,mBAAAgC,OAAA,IAAAa,SAAA,uCAAAxC,IAAA,IAAAL,YAAA,mBAAA8C,OAAA,IAAAC,QAAA,IAAAC,MAAA,IAAAC,IAAA,IAAAC,OAAA,IAAAC,MAAA,uCAAAnD,YAAA,mBAAAoD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAA1C,MAAA,IAAA2C,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAC,KAAA,IAAAzD,MAAA,6CAAA0D,SAAA,IAAA7D,YAAA,mBAAA8D,UAAA,iBAAAjD,MAAA,IAAAkD,QAAA,IAAAC,YAAA,sDAAAC,QAAA,IAAAb,SAAA,IAAAC,aAAA,oBAAAE,QAAA,IAAAvD,YAAA,mBAAAa,MAAA,IAAAyC,cAAA,qBAAAE,KAAA,IAAAG,SAAA,IAAAxD,MAAA,qCAAAgB,WAAA,kBAAApB,OAAA,IAAAmE,OAAA,cAAAlE,YAAA,mBAAA6B,eAAA,sBAAAC,UAAA,iBAAAqC,OAAA,oDAAApE,OAAA,MAAAC,YAAA,mBAAAoE,SAAA,MAAAC,WAAA,sDAAArE,YAAA,mBAAAiE,QAAA,IAAAb,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAA1C,MAAA,IAAA2C,KAAA,IAAAG,SAAA,IAAAC,KAAA,IAAAzD,MAAA,qCAAAqD,KAAA,IAAAc,kBAAA,0BAAA5D,QAAA,IAAA6D,MAAA,IAAAC,SAAA,uCAAAC,QAAA,IAAAzE,YAAA,mBAAA0E,WAAA,IAAAC,YAAA,mBAAAC,WAAA,IAAAC,cAAA,KAAAC,iBAAA,wHAAAtB,KAAA,IAAAc,kBAAA,0BAAA5D,QAAA,IAAA8D,SAAA,yCAAAO,aAAA,oBAAA/E,YAAA,mBAAAU,QAAA,IAAAsE,cAAA,yBAAAC,eAAA,qIAAAjF,YAAA,mBAAAoD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,OAAA1C,MAAA,IAAA2C,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAuB,KAAA,IAAA/E,MAAA,4CAAAgF,QAAA,IAAAnF,YAAA,mBAAAoF,SAAA,gBAAAC,YAAA,mBAAAC,UAAA,MAAAC,OAAA,OAAAC,OAAA,KAAAC,YAAA,KAAAC,YAAA,YAAAH,OAAA,uDAAAI,MAAA,IAAAC,KAAA,IAAApC,KAAA,MAAA/C,KAAA,MAAAwC,IAAA,IAAA4C,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAvC,KAAA,aAAAP,IAAA,aAAA2C,KAAA,iDAAA5F,YAAA,mBAAAoD,SAAA,IAAAwC,KAAA,IAAApC,KAAA,IAAArD,MAAA,IAAAyD,KAAA,IAAAlD,QAAA,iDAAAsF,SAAA,IAAAlB,iBAAA,KAAAmB,eAAA,2CAAAhC,QAAA,IAAAjE,YAAA,mBAAAoD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAA4C,cAAA,IAAA3C,QAAA,IAAA1C,MAAA,IAAAsF,YAAA,mBAAA3C,KAAA,IAAAG,SAAA,IAAAxD,MAAA,2BAAAD,SAAA,IAAA+F,eAAA,UAAApG"}

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

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-3d2843f8.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-b6a4d813.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/dist/types/components/pds-box/pds-box.d.ts

@@ -0,0 +1,125 @@
+import { BoxColumnType, BoxTShirtSizeType } from '../../utils/types';
+export declare class PdsBox {
+    /**
+     * Defines the vertical alignment of the box items.
+     * @defaultValue start
+    */
+    alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;
+    /**
+     * If `true`, the box will be sized to fit its contents.
+     */
+    auto?: boolean;
+    /**
+     *  Defines the background-color of the box.
+     */
+    backgroundColor?: string;
+    /**
+     * If `true`, the box will have a border.
+     */
+    border?: boolean;
+    /**
+     *  Defines the border color of the box.
+     */
+    borderColor?: string;
+    /**
+     * Defines how rounded the box corners are.
+     * @defaultValue none
+     */
+    borderRadius?: `none` | `xs` | `sm` | `md` | `lg` | `circle`;
+    /**
+     * Defines the orientation of the box items.
+     * @defaultValue row
+     */
+    direction?: `row` | `column`;
+    /**
+     * Defines the display style of the box.
+     * @defaultValue flex
+    */
+    display?: `flex` | `inline-flex` | `block` | `inline-block`;
+    /**
+     * If `true`, sets the box `max-width` to `100%`.
+     */
+    fit?: boolean;
+    /**
+     * Defines the spacing between the box items.
+     * @defaultValue none
+    */
+    gap?: BoxTShirtSizeType;
+    /**
+     * Defines how a box will grow or shrink to fit the space available in its container.
+     * @defaultValue none
+     */
+    flex?: `none` | `grow` | `shrink`;
+    /**
+     * Defines the horizontal alignment of the box items.
+     * @defaultValue start
+    */
+    justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;
+    /**
+     * The minimum height of the row. Used in conjunction with alignment props
+     */
+    minHeight?: string;
+    /**
+     * The minimum width of the row. Used in conjunction with alignment props
+     */
+    minWidth?: string;
+    /**
+     * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.
+     */
+    offset?: BoxColumnType;
+    /**
+     * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.
+    */
+    offsetXs?: BoxColumnType;
+    /**
+     * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.
+    */
+    offsetSm?: BoxColumnType;
+    /**
+     * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.
+    */
+    offsetMd?: BoxColumnType;
+    /**
+     * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.
+    */
+    offsetLg?: BoxColumnType;
+    /**
+     * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.
+    */
+    offsetXl?: BoxColumnType;
+    /**
+     * Defines the spacing between the box items.
+     * @defaultValue none
+    */
+    padding?: BoxTShirtSizeType;
+    /**
+     * Defines the box shadow.
+     * @defaultValue none
+    */
+    shadow?: BoxTShirtSizeType;
+    /**
+     * Size of the column for all screen sizes that are not explicitly set.
+     */
+    size?: BoxColumnType;
+    /**
+     * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
+     */
+    sizeXs?: BoxColumnType;
+    /**
+     * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
+     */
+    sizeSm?: BoxColumnType;
+    /**
+     * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
+     */
+    sizeMd?: BoxColumnType;
+    /**
+     * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
+     */
+    sizeLg?: BoxColumnType;
+    /**
+     * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
+     */
+    sizeXl?: BoxColumnType;
+    render(): any;
+}

package/dist/types/components/pds-button/pds-button.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @part button - The main button element that represents the button component.
+ * @part caret - The caret icon element that appears when the button variant is 'disclosure'.
+ * @part icon - The icon element that appears before the text in the button, if provided.
+*/
 export declare class PdsButton {
     el: HTMLPdsButtonElement;
     /**

package/dist/types/components/pds-checkbox/checkbox-interface.d.ts

@@ -0,0 +1,4 @@
+export interface CheckboxChangeEventDetail<T = any> {
+    checked: boolean;
+    value: T;
+}

package/dist/types/components/pds-checkbox/pds-checkbox.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CheckboxChangeEventDetail } from './checkbox-interface';
 export declare class PdsCheckbox {
     /**
      * It determines whether or not the checkbox is checked.
@@ -33,6 +34,10 @@ export declare class PdsCheckbox {
      * String used for label text next to checkbox.
      */
     label: string;
+    /**
+   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+   */
+    labelHidden: boolean;
     /**
      * String used for checkbox `name` attribute.
      */
@@ -46,9 +51,9 @@ export declare class PdsCheckbox {
      */
     value: string;
     /**
-     * Emits a boolean indicating whether the checkbox is currently checked or unchecked.
+     * Event emitted that contains the `value` and `checked`.
      */
-    pdsCheckboxChange: EventEmitter<boolean>;
+    pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;
     private handleCheckboxChange;
     private classNames;
     render(): any;

package/dist/types/components/pds-row/pds-row.d.ts

@@ -0,0 +1,35 @@
+import { BoxTShirtSizeType } from '../../utils/types';
+export declare class PdsRow {
+    /**
+     * Defines the vertical alignment of the row items.
+     * @defaultValue start
+    */
+    alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;
+    /**
+     * If `true`, the row will have a border.
+     */
+    border?: boolean;
+    /**
+     * Defines the spacing between the row items.
+    */
+    colGap?: BoxTShirtSizeType | null;
+    /**
+     * A unique identifier used for the underlying component `id` attribute.
+     */
+    componentId: string;
+    /**
+     * Defines the horizontal alignment of the row items.
+     * @defaultValue start
+    */
+    justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;
+    /**
+     * The minimum height of the row. Used in conjunction with alignment props
+     */
+    minHeight?: string;
+    /**
+     * If `true`, the row items will not wrap to the next line if horizontal space is not available.
+     */
+    noWrap?: boolean;
+    private colGapMap;
+    render(): any;
+}

package/dist/types/components/pds-table/pds-table-body/pds-table-body.d.ts

@@ -0,0 +1,3 @@
+export declare class PdsTableBody {
+    render(): any;
+}

package/dist/types/components/pds-table/pds-table-cell/pds-table-cell.d.ts

@@ -0,0 +1,14 @@
+export declare class PdsTableCell {
+    hostElement: HTMLPdsTableCellElement;
+    tableRef: HTMLPdsTableElement;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    /**
+     * Truncates content to a max width of 100px and adds an ellipsis.
+     */
+    truncate: boolean;
+    private tableScrolling;
+    private classNames;
+    private handleScroll;
+    render(): any;
+}

package/dist/types/components/pds-table/pds-table-head/pds-table-head.d.ts

@@ -0,0 +1,6 @@
+export declare class PdsTableHead {
+    hostElement: HTMLPdsTableHeadElement;
+    tableRef: HTMLPdsTableElement;
+    componentWillRender(): void;
+    render(): any;
+}