@pine-ds/core 1.3.0 → 1.3.1

package/dist/pine-core/{p-24441d11.system.entry.js → p-62ec9a0f.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-26626013.system.js"],(function(i){"use strict";var n,e,a;return{setters:[function(i){n=i.r;e=i.h;a=i.H}],execute:function(){var t=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-sm);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";var r=t;var o=i("pds_loader",function(){function i(i){var e=this;n(this,i);this.style=function(){if(e.size!==undefined){return{height:e.loaderSize(),width:e.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}i.prototype.loaderSize=function(){var i={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(i[this.size]){return i[this.size]}else{return this.size}};i.prototype.render=function(){return e(a,{key:"325b4512d1455cb90d4897e91453c4ec2370ddcb",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&e("div",{key:"eed858cd8518769874e7ca6d5265f3e1e77164f3",class:"pds-loader--spinner"},e("svg",{key:"fc821517a5923628ef96c8e37b9987c0ba3b987b",style:this.style(),viewBox:"0 0 200 200",fill:"none"},e("defs",{key:"f477b8f7be973a6a5b068b6758d6f549404e64c4"},e("linearGradient",{key:"4979634cfecdca7ef5818f23577b401aa8991389",id:"spinner-secondHalf"},e("stop",{key:"ae4667b10205baa8dec8b7affd34d78273ad9667",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),e("stop",{key:"3d66bc5180831487e9e2591cc2b436f9b8cc855e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),e("linearGradient",{key:"1c99e9057a86d4b850348543826fb6da163f4eb9",id:"spinner-firstHalf"},e("stop",{key:"271c14abb61bb9bc01ac72f43d1cc8580b89b6c0",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),e("stop",{key:"4b8de0ac98a1b44ec3bbba4aa0002957e44c976c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),e("g",{key:"b12aaf6168c8428999d020b46c99faf918c45f07",class:"pds-loader__spinner-path"},e("path",{key:"4443446af5cf8c73d3352fa90d580e914c469028",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),e("path",{key:"ca4edec218d03a74d12ce43a86ef55fbedaea39f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),e("path",{key:"af6ed9732a9fdd2047f100d2465b27782d2a0b02",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&e("div",{key:"96aa15066aa426d53481bddd5b665181d9bcd0bd",class:"pds-loader--typing"},e("span",{key:"a0bb9722a2dbaf843afc9a50a1f42c46758d1b5e"}),e("span",{key:"0efc9cf2f132f358f58561ccbc7027c57f252df2"}),e("span",{key:"b8b73b864c7dfefe26ac3aa33099d2f2f3737614"})),e("div",{key:"3c921244741289e7b67228caedf6e5e13fac1d63",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},e("slot",{key:"423a30358e6f662a0b80cef445c4a20db3dd36f9",name:"label"},"Loading...")))};return i}());o.style=r}}}));
-//# sourceMappingURL=p-24441d11.system.entry.js.map
+System.register(["./p-f74c489d.system.js"],(function(i){"use strict";var n,e,a;return{setters:[function(i){n=i.r;e=i.h;a=i.H}],execute:function(){var t=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-sm);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";var r=t;var o=i("pds_loader",function(){function i(i){var e=this;n(this,i);this.style=function(){if(e.size!==undefined){return{height:e.loaderSize(),width:e.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}i.prototype.loaderSize=function(){var i={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(i[this.size]){return i[this.size]}else{return this.size}};i.prototype.render=function(){return e(a,{key:"325b4512d1455cb90d4897e91453c4ec2370ddcb",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&e("div",{key:"eed858cd8518769874e7ca6d5265f3e1e77164f3",class:"pds-loader--spinner"},e("svg",{key:"fc821517a5923628ef96c8e37b9987c0ba3b987b",style:this.style(),viewBox:"0 0 200 200",fill:"none"},e("defs",{key:"f477b8f7be973a6a5b068b6758d6f549404e64c4"},e("linearGradient",{key:"4979634cfecdca7ef5818f23577b401aa8991389",id:"spinner-secondHalf"},e("stop",{key:"ae4667b10205baa8dec8b7affd34d78273ad9667",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),e("stop",{key:"3d66bc5180831487e9e2591cc2b436f9b8cc855e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),e("linearGradient",{key:"1c99e9057a86d4b850348543826fb6da163f4eb9",id:"spinner-firstHalf"},e("stop",{key:"271c14abb61bb9bc01ac72f43d1cc8580b89b6c0",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),e("stop",{key:"4b8de0ac98a1b44ec3bbba4aa0002957e44c976c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),e("g",{key:"b12aaf6168c8428999d020b46c99faf918c45f07",class:"pds-loader__spinner-path"},e("path",{key:"4443446af5cf8c73d3352fa90d580e914c469028",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),e("path",{key:"ca4edec218d03a74d12ce43a86ef55fbedaea39f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),e("path",{key:"af6ed9732a9fdd2047f100d2465b27782d2a0b02",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&e("div",{key:"96aa15066aa426d53481bddd5b665181d9bcd0bd",class:"pds-loader--typing"},e("span",{key:"a0bb9722a2dbaf843afc9a50a1f42c46758d1b5e"}),e("span",{key:"0efc9cf2f132f358f58561ccbc7027c57f252df2"}),e("span",{key:"b8b73b864c7dfefe26ac3aa33099d2f2f3737614"})),e("div",{key:"3c921244741289e7b67228caedf6e5e13fac1d63",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},e("slot",{key:"423a30358e6f662a0b80cef445c4a20db3dd36f9",name:"label"},"Loading...")))};return i}());o.style=r}}}));
+//# sourceMappingURL=p-62ec9a0f.system.entry.js.map

package/dist/pine-core/{p-24441d11.system.entry.js.map → p-62ec9a0f.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","exports","this","style","_this","size","undefined","height","loaderSize","width","class_1","prototype","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","concat","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--pine-spacing-100);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n  border-width: 0 ;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n  --color-background-spinner: var(--pine-color-blue-300);\n  --number-spinner-timing: 2s;\n  --number-spinner-path-timing: 1.5s;\n\n  animation: rotate var(--number-spinner-timing) linear infinite;\n  block-size: var(--sizing-spinner);\n  color: var(--color-background-spinner);\n  inline-size: var(--sizing-spinner);\n}\n\n.pds-loader__spinner-path {\n  stroke-width: 8px;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// Typing Loader\n.pds-loader--typing {\n  --border-radius-typing: var(--pine-border-radius-200);\n  --border-radius-typing-dot: var(--pine-border-radius-round);\n\n  --box-shadow-typing: var(--pine-box-shadow-sm);\n\n  --color-background-typing-default: var(--pine-color-grey-200);\n  --color-background-typing-dot-default: var(--pine-color-grey-500);\n\n  --number-typing-timing: 1s;\n\n  --opacity-typing-dot-default: 0.4;\n  --opacity-typing-dot-active: 1;\n\n  --sizing-typing-dot: calc(var(--pine-spacing-150) / 2);\n\n  --spacing-typing-gap: var(--pine-spacing-050);\n  --spacing-typing-margin-block: var(--pine-spacing-0);\n  --spacing-typing-margin-inline: auto;\n  --spacing-typing-padding-block: 15px;\n  --spacing-typing-padding-inline: var(--pine-spacing-250);\n\n  align-items: center;\n  background-color: var(--color-background-typing-default);\n  border-radius: var(--border-radius-typing);\n  box-shadow: var(--box-shadow-typing);\n  display: inline-flex;\n  gap: var(--spacing-typing-gap);\n  margin-block: var(--spacing-typing-margin-block);\n  margin-inline: var(--spacing-typing-margin-inline);\n  padding-block: var(--spacing-typing-padding-block);\n  padding-inline: var(--spacing-typing-padding-inline);\n  position: relative;\n\n  span {\n    background-color: var(--color-background-typing-dot-default);\n    block-size: var(--sizing-typing-dot);\n    border-radius: var(--border-radius-typing-dot);\n    inline-size: var(--sizing-typing-dot);\n    opacity: var(--opacity-typing-dot-default);\n\n    @for $i from 1 through 3 {\n      &:nth-of-type(#{$i}) {\n        animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n      }\n    }\n  }\n}\n\n@keyframes typing {\n  50% {\n    opacity: var(--opacity-typing-dot-active);\n    transform: scale(1.2);\n  }\n}\n\n.pds-loader__label {\n  --typography-label-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot label - Default slot for Loader label text.\n */\n\n@Component({\n  tag: 'pds-loader',\n  styleUrl: 'pds-loader.scss',\n  shadow: true,\n})\nexport class PdsLoader {\n  /**\n   * If false, the loader will be hidden.\n   */\n  @Prop() isLoading: boolean = true;\n\n  /**\n   * Determines whether the loader should display a label.\n   */\n  @Prop() showLabel?: boolean = false;\n\n  /**\n   * Sets the size of the spinner loader. Value can be preset or custom.\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string = 'md';\n\n  /**\n   * Determines the type of loader.\n   */\n  @Prop() variant: 'spinner' | 'typing' = 'spinner';\n\n  private loaderSize() {\n    const sizes: { [key: string]: string } = {\n      xs: '24px',\n      sm: '32px',\n      md: '48px',\n      lg: '64px',\n      xl: '80px',\n    };\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  private style = () => {\n    if (this.size !== undefined) {\n      return {\n        height: this.loaderSize(),\n        width: this.loaderSize(),\n      };\n    }\n  };\n\n  render() {\n    return (\n      <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n        {this.variant === 'spinner' && (\n          <div class=\"pds-loader--spinner\">\n            <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n              <defs>\n                <linearGradient id=\"spinner-secondHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n                <linearGradient id=\"spinner-firstHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n              </defs>\n\n              <g class=\"pds-loader__spinner-path\">\n                <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n                <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n                <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n              </g>\n            </svg>\n          </div>\n        )}\n\n        {this.variant === 'typing' && (\n          <div class=\"pds-loader--typing\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        )}\n\n        <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n          <slot name=\"label\">Loading...</slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAe,uvGACrB,IAAAC,EAAeD,E,ICUFE,EAASC,EAAA,wB,mCA2CZC,KAAAC,MAAQ,WACd,GAAIC,EAAKC,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQH,EAAKI,aACbC,MAAOL,EAAKI,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhCE,EAAAC,UAAAH,WAAA,WACN,IAAMI,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMV,KAAKG,MAAO,CACpB,OAAOO,EAAMV,KAAKG,K,KACb,CACL,OAAOH,KAAKG,I,GAahBK,EAAAC,UAAAO,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAAC,OAAcrB,KAAKsB,UAAY,GAAK,sBAAsB,eAAgBtB,KAAKsB,UAAS,YAAatB,KAAKsB,UAAS,YAAY,UACzItB,KAAKuB,UAAY,WAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKlB,MAAOD,KAAKC,QAASuB,QAAQ,cAAcC,KAAK,QACnDR,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,sBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDV,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,qBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDV,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMS,OAAO,2BAA2BC,EAAE,kCAC1CZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,0BAA0BC,EAAE,kCAEzCZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5D7B,KAAKuB,UAAY,UAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAAC,OAAqBrB,KAAK8B,UAAY,GAAK,uBACrDb,EAAA,QAAAE,IAAA,2CAAMY,KAAK,SAAO,e,WAxFN,I"}
+{"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","exports","this","style","_this","size","undefined","height","loaderSize","width","class_1","prototype","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","concat","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--pine-spacing-100);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n  border-width: 0 ;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n  --color-background-spinner: var(--pine-color-blue-300);\n  --number-spinner-timing: 2s;\n  --number-spinner-path-timing: 1.5s;\n\n  animation: rotate var(--number-spinner-timing) linear infinite;\n  block-size: var(--sizing-spinner);\n  color: var(--color-background-spinner);\n  inline-size: var(--sizing-spinner);\n}\n\n.pds-loader__spinner-path {\n  stroke-width: 8px;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// Typing Loader\n.pds-loader--typing {\n  --border-radius-typing: var(--pine-border-radius-200);\n  --border-radius-typing-dot: var(--pine-border-radius-round);\n\n  --box-shadow-typing: var(--pine-box-shadow-sm);\n\n  --color-background-typing-default: var(--pine-color-grey-200);\n  --color-background-typing-dot-default: var(--pine-color-grey-500);\n\n  --number-typing-timing: 1s;\n\n  --opacity-typing-dot-default: 0.4;\n  --opacity-typing-dot-active: 1;\n\n  --sizing-typing-dot: calc(var(--pine-spacing-150) / 2);\n\n  --spacing-typing-gap: var(--pine-spacing-050);\n  --spacing-typing-margin-block: var(--pine-spacing-0);\n  --spacing-typing-margin-inline: auto;\n  --spacing-typing-padding-block: 15px;\n  --spacing-typing-padding-inline: var(--pine-spacing-250);\n\n  align-items: center;\n  background-color: var(--color-background-typing-default);\n  border-radius: var(--border-radius-typing);\n  box-shadow: var(--box-shadow-typing);\n  display: inline-flex;\n  gap: var(--spacing-typing-gap);\n  margin-block: var(--spacing-typing-margin-block);\n  margin-inline: var(--spacing-typing-margin-inline);\n  padding-block: var(--spacing-typing-padding-block);\n  padding-inline: var(--spacing-typing-padding-inline);\n  position: relative;\n\n  span {\n    background-color: var(--color-background-typing-dot-default);\n    block-size: var(--sizing-typing-dot);\n    border-radius: var(--border-radius-typing-dot);\n    inline-size: var(--sizing-typing-dot);\n    opacity: var(--opacity-typing-dot-default);\n\n    @for $i from 1 through 3 {\n      &:nth-of-type(#{$i}) {\n        animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n      }\n    }\n  }\n}\n\n@keyframes typing {\n  50% {\n    opacity: var(--opacity-typing-dot-active);\n    transform: scale(1.2);\n  }\n}\n\n.pds-loader__label {\n  --typography-label-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot label - Default slot for Loader label text.\n */\n\n@Component({\n  tag: 'pds-loader',\n  styleUrl: 'pds-loader.scss',\n  shadow: true,\n})\nexport class PdsLoader {\n  /**\n   * If false, the loader will be hidden.\n   */\n  @Prop() isLoading: boolean = true;\n\n  /**\n   * Determines whether the loader should display a label.\n   */\n  @Prop() showLabel?: boolean = false;\n\n  /**\n   * Sets the size of the spinner loader. Value can be preset or custom.\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string = 'md';\n\n  /**\n   * Determines the type of loader.\n   */\n  @Prop() variant: 'spinner' | 'typing' = 'spinner';\n\n  private loaderSize() {\n    const sizes: { [key: string]: string } = {\n      xs: '24px',\n      sm: '32px',\n      md: '48px',\n      lg: '64px',\n      xl: '80px',\n    };\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  private style = () => {\n    if (this.size !== undefined) {\n      return {\n        height: this.loaderSize(),\n        width: this.loaderSize(),\n      };\n    }\n  };\n\n  render() {\n    return (\n      <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n        {this.variant === 'spinner' && (\n          <div class=\"pds-loader--spinner\">\n            <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n              <defs>\n                <linearGradient id=\"spinner-secondHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n                <linearGradient id=\"spinner-firstHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n              </defs>\n\n              <g class=\"pds-loader__spinner-path\">\n                <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n                <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n                <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n              </g>\n            </svg>\n          </div>\n        )}\n\n        {this.variant === 'typing' && (\n          <div class=\"pds-loader--typing\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        )}\n\n        <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n          <slot name=\"label\">Loading...</slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAe,uvGACrB,IAAAC,EAAeD,E,ICUFE,EAASC,EAAA,wB,mCA2CZC,KAAAC,MAAQ,WACd,GAAIC,EAAKC,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQH,EAAKI,aACbC,MAAOL,EAAKI,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhCE,EAAAC,UAAAH,WAAA,WACN,IAAMI,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMV,KAAKG,MAAO,CACpB,OAAOO,EAAMV,KAAKG,K,KACb,CACL,OAAOH,KAAKG,I,GAahBK,EAAAC,UAAAO,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAAC,OAAcrB,KAAKsB,UAAY,GAAK,sBAAsB,eAAgBtB,KAAKsB,UAAS,YAAatB,KAAKsB,UAAS,YAAY,UACzItB,KAAKuB,UAAY,WAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKlB,MAAOD,KAAKC,QAASuB,QAAQ,cAAcC,KAAK,QACnDR,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,sBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDV,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,qBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDV,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMS,OAAO,2BAA2BC,EAAE,kCAC1CZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,0BAA0BC,EAAE,kCAEzCZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5D7B,KAAKuB,UAAY,UAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAAC,OAAqBrB,KAAK8B,UAAY,GAAK,uBACrDb,EAAA,QAAAE,IAAA,2CAAMY,KAAK,SAAO,e,WAxFN,I","ignoreList":[]}

package/dist/pine-core/{p-3648779f.entry.js → p-6a7a864f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as a,H as i,g as o}from"./p-05ee992c.js";import{i as l,P as s,a as t,m as d}from"./p-6faa8c75.js";const n=":host{--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--box-shadow-focus:0 0 0 2px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 2px var(--color-focus-visible-outline-error);--color:var(--pine-color-charcoal-400);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-focus-visible:var(--pine-color-grey-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-default:var(--pine-color-charcoal-200);--color-error-default:var(--pine-color-red-300);--color-focus-visible-outline:var(--pine-color-blue-200);--color-focus-visible-outline-error:var(--pine-color-red-200);--color-placeholder-default:var(--pine-color-charcoal-200);--font-size-field:var(--pine-font-size-100);--font-size-helper-message:var(--pine-font-size-075);--font-size-label:var(--pine-font-size-100);--font-weight-field:var(--pine-font-weight-normal);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-field:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-label:var(--pine-line-height-150);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background);border:var(--pine-border-interactive-default);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--font-size-field);font-weight:var(--font-weight-field);line-height:var(--line-height-field);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--color-border-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{color:var(--color-error-default)}";const c=n;const h=class{constructor(a){e(this,a);this.pdsTextareaChange=r(this,"pdsTextareaChange",7);this.onTextareaChange=e=>{const r=e.target;l(r,this);if(r){this.value=r.innerHTML}this.pdsTextareaChange.emit({value:this.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}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}render(){return a(i,{key:"f58ccd5b20fc30c6e6153e04e98b27fe265040af","aria-disabled":this.disabled?"true":null},a("div",{key:"480b51012d0f7a05d83fb8cb359d2bc3a4e82189",class:"pds-textarea"},this.label&&a(s,{key:"0b34ee6ee8eec6891c00596f840d028ab6ac36bb",htmlFor:this.componentId,text:this.label}),a("textarea",{key:"6f066ce38aaec3257bddd69715118aa5740723c1","aria-describedby":t(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",{key:"91c66558978cdbb3191c0af31c34c2647749c01a",class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{key:"da8320d10ace733c7181ab3c6827da99d94d7ebd","aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},this.errorMessage)))}get el(){return o(this)}};h.style=c;export{h as pds_textarea};
-//# sourceMappingURL=p-3648779f.entry.js.map
+import{r as e,c as r,h as a,H as i,g as o}from"./p-0b541f88.js";import{i as l,P as s,a as t,m as d}from"./p-e60fccc0.js";const n=":host{--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--box-shadow-focus:0 0 0 2px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 2px var(--color-focus-visible-outline-error);--color:var(--pine-color-charcoal-400);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-focus-visible:var(--pine-color-grey-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-default:var(--pine-color-charcoal-200);--color-error-default:var(--pine-color-red-300);--color-focus-visible-outline:var(--pine-color-blue-200);--color-focus-visible-outline-error:var(--pine-color-red-200);--color-placeholder-default:var(--pine-color-charcoal-200);--font-size-field:var(--pine-font-size-100);--font-size-helper-message:var(--pine-font-size-075);--font-size-label:var(--pine-font-size-100);--font-weight-field:var(--pine-font-weight-normal);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-field:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-label:var(--pine-line-height-150);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background);border:var(--pine-border-interactive-default);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--font-size-field);font-weight:var(--font-weight-field);line-height:var(--line-height-field);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--color-border-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{color:var(--color-error-default)}";const c=n;const h=class{constructor(a){e(this,a);this.pdsTextareaChange=r(this,"pdsTextareaChange",7);this.onTextareaChange=e=>{const r=e.target;l(r,this);if(r){this.value=r.innerHTML}this.pdsTextareaChange.emit({value:this.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}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}render(){return a(i,{key:"f58ccd5b20fc30c6e6153e04e98b27fe265040af","aria-disabled":this.disabled?"true":null},a("div",{key:"480b51012d0f7a05d83fb8cb359d2bc3a4e82189",class:"pds-textarea"},this.label&&a(s,{key:"0b34ee6ee8eec6891c00596f840d028ab6ac36bb",htmlFor:this.componentId,text:this.label}),a("textarea",{key:"6f066ce38aaec3257bddd69715118aa5740723c1","aria-describedby":t(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",{key:"91c66558978cdbb3191c0af31c34c2647749c01a",class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{key:"da8320d10ace733c7181ab3c6827da99d94d7ebd","aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},this.errorMessage)))}get el(){return o(this)}};h.style=c;export{h as pds_textarea};
+//# sourceMappingURL=p-6a7a864f.entry.js.map

package/dist/pine-core/{p-3648779f.entry.js.map → p-6a7a864f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsTextareaCss","PdsTextareaStyle0","PdsTextarea","this","onTextareaChange","ev","textarea","target","isRequired","value","innerHTML","pdsTextareaChange","emit","event","componentId","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  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --box-shadow-focus: 0 0 0 2px var(--color-focus-visible-outline);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-focus-visible-outline-error);\n\n  --color: var(--pine-color-charcoal-400);\n  --color-background: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-border-default: var(--pine-color-grey-400);\n  --color-border-error: var(--pine-color-red-300);\n  --color-border-focus-visible: var(--pine-color-grey-300);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-disabled-default: var(--pine-color-charcoal-200);\n  --color-error-default: var(--pine-color-red-300);\n  --color-focus-visible-outline: var(--pine-color-blue-200);\n  --color-focus-visible-outline-error: var(--pine-color-red-200);\n  --color-placeholder-default: var(--pine-color-charcoal-200);\n\n  --font-size-field: var(--pine-font-size-100);\n  --font-size-helper-message: var(--pine-font-size-075);\n  --font-size-label: var(--pine-font-size-100);\n  --font-weight-field: var(--pine-font-weight-normal);\n  --font-weight-helper-message: var(--pine-font-weight-normal);\n  --font-weight-label: var(--pine-font-weight-medium);\n\n  --line-height-field: var(--pine-line-height-150);\n  --line-height-helper-message: var(--pine-line-height-125);\n  --line-height-label: var(--pine-line-height-150);\n\n  --spacing-margin-block-end-label: var(--pine-spacing-100);\n  --spacing-margin-block-start-helper-message: var(--pine-spacing-100);\n  --spacing-padding-block-field: var(--pine-spacing-100);\n  --spacing-padding-inline-field: var(--pine-spacing-200);\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(--font-size-label);\n  font-weight: var(--font-weight-label);\n  line-height: var(--line-height-label);\n  margin-block-end: var(--spacing-margin-block-end-label);\n}\n\n.pds-textarea__field {\n  background-color: var(--color-background);\n  border: var(--pine-border-interactive-default);\n  border-radius: var(--pine-border-radius-md);\n  font-family: inherit;\n  font-size: var(--font-size-field);\n  font-weight: var(--font-weight-field);\n  line-height: var(--line-height-field);\n  padding: var(--spacing-padding-block-field) var(--spacing-padding-inline-field);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border-color: var(--color-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    color: var(--color-disabled-default);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  &::placeholder {\n    color: var(--color-placeholder-default);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-border-error);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font-size: var(--font-size-helper-message);\n  font-weight: var(--font-weight-helper-message);\n  line-height: var(--line-height-helper-message);\n  margin-block-start: var(--spacing-margin-block-start-helper-message);\n}\n\n.pds-textarea__error-message {\n  color: var(--color-error-default);\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":"yHAAA,MAAMA,EAAiB,iiHACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,8EAwEdC,KAAAC,iBAAoBC,IAC1B,MAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUH,MAErB,GAAIG,EAAU,CACZH,KAAKM,MAAQH,EAASI,S,CAGxBP,KAAKQ,kBAAkBC,KAAK,CAACH,MAAON,KAAKM,MAAOI,MAAOR,GAAI,E,yCApE1C,M,sEAgBc,M,+BAUVF,KAAKW,Y,yCAWT,M,cAMA,M,yCA4BX,kBAAAC,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAIb,KAAKc,SAAWd,KAAKc,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYpB,KAAKqB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRtB,KAAKuB,OACJL,EAACM,EAAQ,CAAAJ,IAAA,2CAACK,QAASzB,KAAKW,YAAae,KAAM1B,KAAKuB,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB3B,KAAKW,YAAaX,KAAKc,QAASd,KAAK4B,eAAc,eACzE5B,KAAKc,QAAU,OAASe,UACtCP,MAAOtB,KAAKY,qBACZS,SAAUrB,KAAKqB,SACfS,GAAI9B,KAAKW,YACToB,KAAM/B,KAAK+B,KACXC,YAAahC,KAAKgC,YAClBC,SAAUjC,KAAKkC,SACfC,SAAUnC,KAAKmC,SACfC,KAAMpC,KAAKoC,KACXC,SAAUrC,KAAKC,kBACfD,KAAKM,OACNN,KAAK4B,eACJV,EAAA,KAAAE,IAAA,2CACEE,MAAM,+BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,WAE/BX,KAAK4B,eAGT5B,KAAKc,SACJI,EAAA,KAAAE,IAAA,uDACY,YACVE,MAAM,8BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,UAE/BX,KAAKuC,e"}
+{"version":3,"names":["pdsTextareaCss","PdsTextareaStyle0","PdsTextarea","this","onTextareaChange","ev","textarea","target","isRequired","value","innerHTML","pdsTextareaChange","emit","event","componentId","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  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --box-shadow-focus: 0 0 0 2px var(--color-focus-visible-outline);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-focus-visible-outline-error);\n\n  --color: var(--pine-color-charcoal-400);\n  --color-background: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-border-default: var(--pine-color-grey-400);\n  --color-border-error: var(--pine-color-red-300);\n  --color-border-focus-visible: var(--pine-color-grey-300);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-disabled-default: var(--pine-color-charcoal-200);\n  --color-error-default: var(--pine-color-red-300);\n  --color-focus-visible-outline: var(--pine-color-blue-200);\n  --color-focus-visible-outline-error: var(--pine-color-red-200);\n  --color-placeholder-default: var(--pine-color-charcoal-200);\n\n  --font-size-field: var(--pine-font-size-100);\n  --font-size-helper-message: var(--pine-font-size-075);\n  --font-size-label: var(--pine-font-size-100);\n  --font-weight-field: var(--pine-font-weight-normal);\n  --font-weight-helper-message: var(--pine-font-weight-normal);\n  --font-weight-label: var(--pine-font-weight-medium);\n\n  --line-height-field: var(--pine-line-height-150);\n  --line-height-helper-message: var(--pine-line-height-125);\n  --line-height-label: var(--pine-line-height-150);\n\n  --spacing-margin-block-end-label: var(--pine-spacing-100);\n  --spacing-margin-block-start-helper-message: var(--pine-spacing-100);\n  --spacing-padding-block-field: var(--pine-spacing-100);\n  --spacing-padding-inline-field: var(--pine-spacing-200);\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(--font-size-label);\n  font-weight: var(--font-weight-label);\n  line-height: var(--line-height-label);\n  margin-block-end: var(--spacing-margin-block-end-label);\n}\n\n.pds-textarea__field {\n  background-color: var(--color-background);\n  border: var(--pine-border-interactive-default);\n  border-radius: var(--pine-border-radius-md);\n  font-family: inherit;\n  font-size: var(--font-size-field);\n  font-weight: var(--font-weight-field);\n  line-height: var(--line-height-field);\n  padding: var(--spacing-padding-block-field) var(--spacing-padding-inline-field);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border-color: var(--color-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    color: var(--color-disabled-default);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  &::placeholder {\n    color: var(--color-placeholder-default);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-border-error);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font-size: var(--font-size-helper-message);\n  font-weight: var(--font-weight-helper-message);\n  line-height: var(--line-height-helper-message);\n  margin-block-start: var(--spacing-margin-block-start-helper-message);\n}\n\n.pds-textarea__error-message {\n  color: var(--color-error-default);\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":"yHAAA,MAAMA,EAAiB,iiHACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,8EAwEdC,KAAAC,iBAAoBC,IAC1B,MAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUH,MAErB,GAAIG,EAAU,CACZH,KAAKM,MAAQH,EAASI,S,CAGxBP,KAAKQ,kBAAkBC,KAAK,CAACH,MAAON,KAAKM,MAAOI,MAAOR,GAAI,E,yCApE1C,M,sEAgBc,M,+BAUVF,KAAKW,Y,yCAWT,M,cAMA,M,yCA4BX,kBAAAC,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAIb,KAAKc,SAAWd,KAAKc,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYpB,KAAKqB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRtB,KAAKuB,OACJL,EAACM,EAAQ,CAAAJ,IAAA,2CAACK,QAASzB,KAAKW,YAAae,KAAM1B,KAAKuB,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB3B,KAAKW,YAAaX,KAAKc,QAASd,KAAK4B,eAAc,eACzE5B,KAAKc,QAAU,OAASe,UACtCP,MAAOtB,KAAKY,qBACZS,SAAUrB,KAAKqB,SACfS,GAAI9B,KAAKW,YACToB,KAAM/B,KAAK+B,KACXC,YAAahC,KAAKgC,YAClBC,SAAUjC,KAAKkC,SACfC,SAAUnC,KAAKmC,SACfC,KAAMpC,KAAKoC,KACXC,SAAUrC,KAAKC,kBACfD,KAAKM,OACNN,KAAK4B,eACJV,EAAA,KAAAE,IAAA,2CACEE,MAAM,+BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,WAE/BX,KAAK4B,eAGT5B,KAAKc,SACJI,EAAA,KAAAE,IAAA,uDACY,YACVE,MAAM,8BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,UAE/BX,KAAKuC,e","ignoreList":[]}

package/dist/pine-core/{p-d1972e4b.entry.js → p-6ae2f0f5.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as o,h as i,H as s}from"./p-05ee992c.js";import{m as e,P as a,a as d}from"./p-6faa8c75.js";const c='.sc-pds-radio-h{--border-interactive-default:var(--pine-border-width-thin) solid var( --pine-color-grey-400);--border-radius:50%;--box-shadow-focus:0 0 0 2px var(--color-focus);--box-shadow-focus-error:0 0 0 2px var(--color-invalid-focus);--color:var(--pine-color-charcoal-200);--color-background:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-100);--color-background-disabled:var(--pine-color-grey-200);--color-border-hover:var(--pine-color-grey-500);--color-border-disabled:var(--pine-color-grey-300);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(---pine-color-grey-500);--color-focus:var(--pine-color-blue-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-087);--sizing-check-size:6px;--sizing-input-size:16px;--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-interactive-default);border-radius:var(--border-radius);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--color-background-hover);border-color:var(--color-border-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--color-background);border-radius:50%;content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--color-background-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--color-border-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';const n=c;const t=class{constructor(i){r(this,i);this.pdsRadioChange=o(this,"pdsRadioChange",7);this.handleRadioChange=r=>{if(this.disabled){return}const o=r.target;const i=o.checked;this.pdsRadioChange.emit(i)};this.checked=false;this.disabled=false;this.errorMessage=undefined;this.invalid=false;this.componentId=undefined;this.label=undefined;this.helperMessage=undefined;this.name=undefined;this.required=false;this.value=undefined}classNames(){const r=[];if(this.invalid){r.push("is-invalid")}if(this.disabled){r.push("is-disabled")}return r.join("  ")}render(){return i(s,{key:"e23a00c8941dfce9d9d6a99a554654b7bd2259c4",class:this.classNames()},i("input",{key:"571d2e6656cd94573253f54028b1926a3c5e1499","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),i(a,{key:"42c2c95ed36e194f43367f2c28ed81660d82b096",htmlFor:this.componentId,text:this.label}),this.helperMessage&&i("div",{key:"32be02934f23b2832c6c1d0e56c3dceda8c9ccc9",class:"pds-radio__message",id:e(this.componentId,"helper")},this.helperMessage),this.errorMessage&&i("div",{key:"c670effc6a381f872800c8dd58095c2dce49016e",class:`pds-radio__message pds-radio__message--error`,id:e(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))}};t.style=n;export{t as pds_radio};
-//# sourceMappingURL=p-d1972e4b.entry.js.map
+import{r,c as o,h as i,H as s}from"./p-0b541f88.js";import{m as e,P as a,a as d}from"./p-e60fccc0.js";const c='.sc-pds-radio-h{--border-interactive-default:var(--pine-border-width-thin) solid var( --pine-color-grey-400);--border-radius:50%;--box-shadow-focus:0 0 0 2px var(--color-focus);--box-shadow-focus-error:0 0 0 2px var(--color-invalid-focus);--color:var(--pine-color-charcoal-200);--color-background:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-100);--color-background-disabled:var(--pine-color-grey-200);--color-border-hover:var(--pine-color-grey-500);--color-border-disabled:var(--pine-color-grey-300);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(---pine-color-grey-500);--color-focus:var(--pine-color-blue-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-087);--sizing-check-size:6px;--sizing-input-size:16px;--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-interactive-default);border-radius:var(--border-radius);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--color-background-hover);border-color:var(--color-border-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--color-background);border-radius:50%;content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--color-background-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--color-border-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';const n=c;const t=class{constructor(i){r(this,i);this.pdsRadioChange=o(this,"pdsRadioChange",7);this.handleRadioChange=r=>{if(this.disabled){return}const o=r.target;const i=o.checked;this.pdsRadioChange.emit(i)};this.checked=false;this.disabled=false;this.errorMessage=undefined;this.invalid=false;this.componentId=undefined;this.label=undefined;this.helperMessage=undefined;this.name=undefined;this.required=false;this.value=undefined}classNames(){const r=[];if(this.invalid){r.push("is-invalid")}if(this.disabled){r.push("is-disabled")}return r.join("  ")}render(){return i(s,{key:"e23a00c8941dfce9d9d6a99a554654b7bd2259c4",class:this.classNames()},i("input",{key:"571d2e6656cd94573253f54028b1926a3c5e1499","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),i(a,{key:"42c2c95ed36e194f43367f2c28ed81660d82b096",htmlFor:this.componentId,text:this.label}),this.helperMessage&&i("div",{key:"32be02934f23b2832c6c1d0e56c3dceda8c9ccc9",class:"pds-radio__message",id:e(this.componentId,"helper")},this.helperMessage),this.errorMessage&&i("div",{key:"c670effc6a381f872800c8dd58095c2dce49016e",class:`pds-radio__message pds-radio__message--error`,id:e(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))}};t.style=n;export{t as pds_radio};
+//# sourceMappingURL=p-6ae2f0f5.entry.js.map

package/dist/pine-core/{p-d1972e4b.entry.js.map → p-6ae2f0f5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsRadioCss","PdsRadioStyle0","PdsRadio","this","handleRadioChange","e","disabled","target","isChecked","checked","pdsRadioChange","emit","classNames","invalid","push","join","render","h","Host","key","class","assignDescription","componentId","helperMessage","undefined","type","id","name","value","required","onChange","PdsLabel","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  --border-interactive-default: var(--pine-border-width-thin) solid var( --pine-color-grey-400);\n  --border-radius: 50%;\n\n  --box-shadow-focus: 0 0 0 2px var(--color-focus);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-invalid-focus);\n\n  --color: var(--pine-color-charcoal-200);\n  --color-background: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-100);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-border-disabled: var(--pine-color-grey-300);\n  --color-checked: var(--pine-color-charcoal-500);\n  --color-disabled: var(---pine-color-grey-500);\n  --color-focus: var(--pine-color-blue-200);\n  --color-invalid: var(--pine-color-red-300);\n  --color-invalid-focus: var(--pine-color-red-200);\n\n  --font-size: var(--pine-font-size-087);\n\n  --sizing-check-size: 6px;\n  --sizing-input-size: 16px;\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--color-invalid);\n  }\n}\n\ninput {\n  appearance: none;\n  border: var(--border-interactive-default);\n  border-radius: var(--border-radius);\n  height: var(--sizing-input-size);\n  margin: 0;\n  position: relative;\n  width: var(--sizing-input-size);\n\n  &:hover {\n    background: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      background: var(--color-background);\n      border-radius: 50%;\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--color-border-disabled);\n\n      &::after {\n        border-color: var(--color-border-disabled);\n      }\n    }\n\n    + label {\n      color: var(--color-border-hover);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--color-disabled);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.pds-radio__message {\n  color: var(--color);\n  font-size: var(--font-size);\n  margin-block-start: var(--sizing-margin-block-start);\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrl: 'pds-radio.scss',\n  scoped: true,\n})\nexport class PdsRadio {\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n  @Prop() invalid = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * String used for helper message below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAc,qkGACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,wEA4DXC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,SAAU,CACjB,M,CAGF,MAAMC,EAASF,EAAEE,OACjB,MAAMC,EAAYD,EAAOE,QAEzBN,KAAKO,eAAeC,KAAKH,EAAU,E,aA/DnB,M,cAMC,M,yCAWD,M,+GA0BC,M,qBAuBX,UAAAI,GACN,MAAMA,EAAa,GAEnB,GAAIT,KAAKU,QAAS,CAChBD,EAAWE,KAAK,a,CAElB,GAAIX,KAAKG,SAAU,CACjBM,EAAWE,KAAK,c,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOjB,KAAKS,cAChBK,EAAA,SAAAE,IAAA,8DACoBE,EAAkBlB,KAAKmB,YAAanB,KAAKU,QAASV,KAAKoB,eAAc,eACzEpB,KAAKU,QAAU,OAASW,UACtCC,KAAK,QACLC,GAAIvB,KAAKmB,YACTK,KAAMxB,KAAKwB,KACXC,MAAOzB,KAAKyB,MACZnB,QAASN,KAAKM,QACdoB,SAAU1B,KAAK0B,SACfvB,SAAUH,KAAKG,SACfwB,SAAU3B,KAAKC,oBAEjBa,EAACc,EAAQ,CAAAZ,IAAA,2CAACa,QAAS7B,KAAKmB,YAAaW,KAAM9B,KAAK+B,QAC/C/B,KAAKoB,eACJN,EAAA,OAAAE,IAAA,2CACEC,MAAO,qBACPM,GAAIS,EAAUhC,KAAKmB,YAAa,WAE/BnB,KAAKoB,eAGTpB,KAAKiC,cACJnB,EAAA,OAAAE,IAAA,2CACEC,MAAO,+CACPM,GAAIS,EAAUhC,KAAKmB,YAAa,SAAQ,YAC9B,aAETnB,KAAKiC,c"}
+{"version":3,"names":["pdsRadioCss","PdsRadioStyle0","PdsRadio","this","handleRadioChange","e","disabled","target","isChecked","checked","pdsRadioChange","emit","classNames","invalid","push","join","render","h","Host","key","class","assignDescription","componentId","helperMessage","undefined","type","id","name","value","required","onChange","PdsLabel","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  --border-interactive-default: var(--pine-border-width-thin) solid var( --pine-color-grey-400);\n  --border-radius: 50%;\n\n  --box-shadow-focus: 0 0 0 2px var(--color-focus);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-invalid-focus);\n\n  --color: var(--pine-color-charcoal-200);\n  --color-background: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-100);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-border-disabled: var(--pine-color-grey-300);\n  --color-checked: var(--pine-color-charcoal-500);\n  --color-disabled: var(---pine-color-grey-500);\n  --color-focus: var(--pine-color-blue-200);\n  --color-invalid: var(--pine-color-red-300);\n  --color-invalid-focus: var(--pine-color-red-200);\n\n  --font-size: var(--pine-font-size-087);\n\n  --sizing-check-size: 6px;\n  --sizing-input-size: 16px;\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--color-invalid);\n  }\n}\n\ninput {\n  appearance: none;\n  border: var(--border-interactive-default);\n  border-radius: var(--border-radius);\n  height: var(--sizing-input-size);\n  margin: 0;\n  position: relative;\n  width: var(--sizing-input-size);\n\n  &:hover {\n    background: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      background: var(--color-background);\n      border-radius: 50%;\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--color-border-disabled);\n\n      &::after {\n        border-color: var(--color-border-disabled);\n      }\n    }\n\n    + label {\n      color: var(--color-border-hover);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--color-disabled);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.pds-radio__message {\n  color: var(--color);\n  font-size: var(--font-size);\n  margin-block-start: var(--sizing-margin-block-start);\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrl: 'pds-radio.scss',\n  scoped: true,\n})\nexport class PdsRadio {\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n  @Prop() invalid = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * String used for helper message below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAc,qkGACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,wEA4DXC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,SAAU,CACjB,M,CAGF,MAAMC,EAASF,EAAEE,OACjB,MAAMC,EAAYD,EAAOE,QAEzBN,KAAKO,eAAeC,KAAKH,EAAU,E,aA/DnB,M,cAMC,M,yCAWD,M,+GA0BC,M,qBAuBX,UAAAI,GACN,MAAMA,EAAa,GAEnB,GAAIT,KAAKU,QAAS,CAChBD,EAAWE,KAAK,a,CAElB,GAAIX,KAAKG,SAAU,CACjBM,EAAWE,KAAK,c,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOjB,KAAKS,cAChBK,EAAA,SAAAE,IAAA,8DACoBE,EAAkBlB,KAAKmB,YAAanB,KAAKU,QAASV,KAAKoB,eAAc,eACzEpB,KAAKU,QAAU,OAASW,UACtCC,KAAK,QACLC,GAAIvB,KAAKmB,YACTK,KAAMxB,KAAKwB,KACXC,MAAOzB,KAAKyB,MACZnB,QAASN,KAAKM,QACdoB,SAAU1B,KAAK0B,SACfvB,SAAUH,KAAKG,SACfwB,SAAU3B,KAAKC,oBAEjBa,EAACc,EAAQ,CAAAZ,IAAA,2CAACa,QAAS7B,KAAKmB,YAAaW,KAAM9B,KAAK+B,QAC/C/B,KAAKoB,eACJN,EAAA,OAAAE,IAAA,2CACEC,MAAO,qBACPM,GAAIS,EAAUhC,KAAKmB,YAAa,WAE/BnB,KAAKoB,eAGTpB,KAAKiC,cACJnB,EAAA,OAAAE,IAAA,2CACEC,MAAO,+CACPM,GAAIS,EAAUhC,KAAKmB,YAAa,SAAQ,YAC9B,aAETnB,KAAKiC,c","ignoreList":[]}

package/dist/pine-core/{p-3f15215e.system.entry.js → p-6d9edf7d.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-26626013.system.js","./p-ee65aef1.system.js"],(function(i){"use strict";var n,s,e;return{setters:[function(i){n=i.r;s=i.h},function(i){e=i.l}],execute:function(){var t=":host{--border-outline:4px solid var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-075);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-text-default:var(--pine-color-charcoal-400);--font-size:var(--pine-font-size-100);--font-size-sm:var(--pine-font-size-087);--font-size-xs:var(--pine-font-size-075);--font-weight:var(--pine-font-weight-medium);--spacing-inline-start-margin:var(--pine-spacing-050);--sizing-svg-lg:15px;--sizing-svg-md:13px;--sizing-svg-sm:11px;display:inline}:host pds-icon{-webkit-margin-start:var(--spacing-inline-start-margin);margin-inline-start:var(--spacing-inline-start-margin)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--sizing-svg-sm);width:var(--sizing-svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--sizing-svg-md);width:var(--sizing-svg-md)}.pds-link--lg{font-size:var(--font-size)}.pds-link--lg pds-icon{height:var(--sizing-svg-lg);width:var(--sizing-svg-lg)}.pds-link--plain{font-weight:var(--font-weight);text-decoration:none}.pds-link--plain:hover{text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{text-decoration:none}";var a=t;var o=i("pds_link",function(){function i(i){n(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return s("a",{key:"de51c27a4c7e3ab6f105f40b683f7c8d1561049c",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},s("slot",{key:"3c4fbcff6544a604d81dd4388a504a902d6ee130"},this.href),this.external&&s("pds-icon",{key:"fd1acc513efd16134c062ad3845d44be20a911cf",icon:e,size:this.fontSize}))};return i}());o.style=a}}}));
-//# sourceMappingURL=p-3f15215e.system.entry.js.map
+System.register(["./p-f74c489d.system.js","./p-5df76e04.system.js"],(function(i){"use strict";var n,s,e;return{setters:[function(i){n=i.r;s=i.h},function(i){e=i.l}],execute:function(){var t=":host{--border-outline:4px solid var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-075);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-text-default:var(--pine-color-charcoal-400);--font-size:var(--pine-font-size-100);--font-size-sm:var(--pine-font-size-087);--font-size-xs:var(--pine-font-size-075);--font-weight:var(--pine-font-weight-medium);--spacing-inline-start-margin:var(--pine-spacing-050);--sizing-svg-lg:15px;--sizing-svg-md:13px;--sizing-svg-sm:11px;display:inline}:host pds-icon{-webkit-margin-start:var(--spacing-inline-start-margin);margin-inline-start:var(--spacing-inline-start-margin)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--sizing-svg-sm);width:var(--sizing-svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--sizing-svg-md);width:var(--sizing-svg-md)}.pds-link--lg{font-size:var(--font-size)}.pds-link--lg pds-icon{height:var(--sizing-svg-lg);width:var(--sizing-svg-lg)}.pds-link--plain{font-weight:var(--font-weight);text-decoration:none}.pds-link--plain:hover{text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{text-decoration:none}";var o=t;var a=i("pds_link",function(){function i(i){n(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return s("a",{key:"de51c27a4c7e3ab6f105f40b683f7c8d1561049c",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},s("slot",{key:"3c4fbcff6544a604d81dd4388a504a902d6ee130"},this.href),this.external&&s("pds-icon",{key:"fd1acc513efd16134c062ad3845d44be20a911cf",icon:e,size:this.fontSize}))};return i}());a.style=o}}}));
+//# sourceMappingURL=p-6d9edf7d.system.entry.js.map

package/dist/pine-core/{p-3f15215e.system.entry.js.map → p-6d9edf7d.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsLinkCss","PdsLinkStyle0","PdsLink","exports","class_1","prototype","classNames","this","fontSize","push","variant","join","render","h","key","class","href","id","componentId","target","external","undefined","part","icon","launch","size"],"sources":["src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":[":host {\n\n  --border-outline: 4px solid var(--pine-color-blue-200);\n  --border-radius: var(--pine-border-radius-075);\n  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-text-default: var(--pine-color-charcoal-400);\n\n  --font-size: var(--pine-font-size-100);\n  --font-size-sm: var(--pine-font-size-087);\n  --font-size-xs: var(--pine-font-size-075);\n  --font-weight: var(--pine-font-weight-medium);\n\n  --spacing-inline-start-margin: var(--pine-spacing-050);\n  --sizing-svg-lg: 15px;\n  --sizing-svg-md: 13px;\n  --sizing-svg-sm: 11px;\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--spacing-inline-start-margin);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color-text);\n  display: inline-flex;\n  font-weight: inherit;\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--font-size-xs);\n\n  pds-icon {\n    height: var(--sizing-svg-sm);\n    width: var(--sizing-svg-sm);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--font-size-sm);\n\n  pds-icon {\n    height: var(--sizing-svg-md);\n    width: var(--sizing-svg-md);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--font-size);\n\n  pds-icon {\n    height: var(--sizing-svg-lg);\n    width: var(--sizing-svg-lg);\n  }\n}\n\n.pds-link--plain {\n  font-weight: var(--font-weight);\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - The main link element that represents the link component.\n * @slot - Content is placed between the opening closing tags.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrl: 'pds-link.scss',\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"wLAAA,IAAMA,EAAa,m8CACnB,IAAAC,EAAeD,E,ICYFE,EAAOC,EAAA,sB,iEAUC,M,aAMmB,S,cAUC,K,oBAO/BC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGzBP,EAAAC,UAAAO,OAAA,WAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOR,KAAKD,aACZU,KAAMT,KAAKS,KACXC,GAAIV,KAAKW,YACTC,OAAQZ,KAAKa,SAAW,SAAWC,UACnCC,KAAK,QAELT,EAAA,QAAAC,IAAA,4CAAOP,KAAKS,MACXT,KAAKa,UACJP,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAMlB,KAAKC,W,WA3DzB,I"}
+{"version":3,"names":["pdsLinkCss","PdsLinkStyle0","PdsLink","exports","class_1","prototype","classNames","this","fontSize","push","variant","join","render","h","key","class","href","id","componentId","target","external","undefined","part","icon","launch","size"],"sources":["src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":[":host {\n\n  --border-outline: 4px solid var(--pine-color-blue-200);\n  --border-radius: var(--pine-border-radius-075);\n  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-text-default: var(--pine-color-charcoal-400);\n\n  --font-size: var(--pine-font-size-100);\n  --font-size-sm: var(--pine-font-size-087);\n  --font-size-xs: var(--pine-font-size-075);\n  --font-weight: var(--pine-font-weight-medium);\n\n  --spacing-inline-start-margin: var(--pine-spacing-050);\n  --sizing-svg-lg: 15px;\n  --sizing-svg-md: 13px;\n  --sizing-svg-sm: 11px;\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--spacing-inline-start-margin);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color-text);\n  display: inline-flex;\n  font-weight: inherit;\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--font-size-xs);\n\n  pds-icon {\n    height: var(--sizing-svg-sm);\n    width: var(--sizing-svg-sm);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--font-size-sm);\n\n  pds-icon {\n    height: var(--sizing-svg-md);\n    width: var(--sizing-svg-md);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--font-size);\n\n  pds-icon {\n    height: var(--sizing-svg-lg);\n    width: var(--sizing-svg-lg);\n  }\n}\n\n.pds-link--plain {\n  font-weight: var(--font-weight);\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - The main link element that represents the link component.\n * @slot - Content is placed between the opening closing tags.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrl: 'pds-link.scss',\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"wLAAA,IAAMA,EAAa,m8CACnB,IAAAC,EAAeD,E,ICYFE,EAAOC,EAAA,sB,iEAUC,M,aAMmB,S,cAUC,K,oBAO/BC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGzBP,EAAAC,UAAAO,OAAA,WAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOR,KAAKD,aACZU,KAAMT,KAAKS,KACXC,GAAIV,KAAKW,YACTC,OAAQZ,KAAKa,SAAW,SAAWC,UACnCC,KAAK,QAELT,EAAA,QAAAC,IAAA,4CAAOP,KAAKS,MACXT,KAAKa,UACJP,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAMlB,KAAKC,W,WA3DzB,I","ignoreList":[]}

package/dist/pine-core/{p-b5ad8600.entry.js → p-6e146962.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as s}from"./p-05ee992c.js";const i=":host{--color-progress-fill:var(--pine-color-blue-300);--sizing-progress-bar-height:8px;--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{--border-radius:var(--pine-border-radius-050);--color-progress-bar-background:var(--pine-color-grey-300);-ms-flex-align:center;align-items:center;background-color:var(--color-progress-bar-background);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--sizing-progress-bar-height);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--sizing-progress-bar-height);width:100%}progress::-webkit-progress-value{--border-radius:var(--pine-border-radius-050);--color-background:var(--pine-color-blue-300);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}progress::-moz-progress-bar{--color-background:var(--pine-color-blue-300);--border-radius:var(--pine-border-radius-050);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{--font-size:var(--pine-font-size-087);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-150);--spacing-inline-start-margin:var(--pine-spacing-300);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--spacing-inline-start-margin) / 2);margin-inline-start:calc(var(--spacing-inline-start-margin) / 2)}";const a=i;const o=class{constructor(e){r(this,e);this.animated=false;this.componentId=undefined;this.fillColor=undefined;this.label=undefined;this.percent=0;this.showPercent=false}render(){return e(s,{key:"a11c3d67af0621981d2f13ad673e11999926b3c1",class:this.animated?{"is-animated":this.animated}:""},e("div",{key:"bb480c5ce1fc9c56fce1022a26783d5729eb30dc",class:"pds-progress"},e("label",{key:"02fec27f268262889b514aef4d8344bbb9a9484c",class:"pds-progress__label",htmlFor:this.componentId},this.label),e("progress",{key:"122d2639d7630f28fd98adf9bc003eeed6c9ebef",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&e("div",{key:"ba7262e0627a2848b3da03a9a32882510bf2628c",class:"pds-progress__percentage"},this.percent,"%"))}};o.style=a;export{o as pds_progress};
-//# sourceMappingURL=p-b5ad8600.entry.js.map
+import{r,h as e,H as s}from"./p-0b541f88.js";const i=":host{--color-progress-fill:var(--pine-color-blue-300);--sizing-progress-bar-height:8px;--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{--border-radius:var(--pine-border-radius-050);--color-progress-bar-background:var(--pine-color-grey-300);-ms-flex-align:center;align-items:center;background-color:var(--color-progress-bar-background);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--sizing-progress-bar-height);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--sizing-progress-bar-height);width:100%}progress::-webkit-progress-value{--border-radius:var(--pine-border-radius-050);--color-background:var(--pine-color-blue-300);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}progress::-moz-progress-bar{--color-background:var(--pine-color-blue-300);--border-radius:var(--pine-border-radius-050);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{--font-size:var(--pine-font-size-087);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-150);--spacing-inline-start-margin:var(--pine-spacing-300);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--spacing-inline-start-margin) / 2);margin-inline-start:calc(var(--spacing-inline-start-margin) / 2)}";const a=i;const o=class{constructor(e){r(this,e);this.animated=false;this.componentId=undefined;this.fillColor=undefined;this.label=undefined;this.percent=0;this.showPercent=false}render(){return e(s,{key:"a11c3d67af0621981d2f13ad673e11999926b3c1",class:this.animated?{"is-animated":this.animated}:""},e("div",{key:"bb480c5ce1fc9c56fce1022a26783d5729eb30dc",class:"pds-progress"},e("label",{key:"02fec27f268262889b514aef4d8344bbb9a9484c",class:"pds-progress__label",htmlFor:this.componentId},this.label),e("progress",{key:"122d2639d7630f28fd98adf9bc003eeed6c9ebef",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&e("div",{key:"ba7262e0627a2848b3da03a9a32882510bf2628c",class:"pds-progress__percentage"},this.percent,"%"))}};o.style=a;export{o as pds_progress};
+//# sourceMappingURL=p-6e146962.entry.js.map

package/dist/pine-core/{p-b5ad8600.entry.js.map → p-6e146962.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsProgressCss","PdsProgressStyle0","PdsProgress","render","h","Host","key","class","this","animated","htmlFor","componentId","label","id","max","style","fillColor","value","percent","showPercent"],"sources":["src/components/pds-progress/pds-progress.scss?tag=pds-progress&encapsulation=shadow","src/components/pds-progress/pds-progress.tsx"],"sourcesContent":[":host {\n  --color-progress-fill: var(--pine-color-blue-300);\n\n  --sizing-progress-bar-height: 8px;\n  --sizing-progress-bar-width: 100%;\n\n  align-items: center;\n  display: flex;\n  width: var(--sizing-progress-bar-width);\n}\n\n@keyframes progressBar {\n  0% {\n    width: 0\n  }\n\n  100% {\n    width: var(--sizing-progress-bar-width);\n  }\n}\n\n.pds-progress {\n  --border-radius: var(--pine-border-radius-050);\n  --color-progress-bar-background: var(--pine-color-grey-300);\n\n  align-items: center;\n  background-color: var(--color-progress-bar-background);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: row;\n  height: var(--sizing-progress-bar-height);\n  position: relative;\n  width: 100%;\n}\n\n:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar {\n  animation: progressBar 3s ease;\n  animation-fill-mode: forwards;\n}\n\nprogress,\nprogress::-webkit-progress-bar {\n  background-color: transparent;\n  border: 0;\n  height: var(--sizing-progress-bar-height);\n  width: 100%;\n}\n\nprogress::-webkit-progress-value {\n  --border-radius: var(--pine-border-radius-050);\n  --color-background: var(--pine-color-blue-300);\n\n  background-color: var(--color-progress-fill, var(--color-background));\n  border-radius: var(--border-radius);\n}\n\nprogress::-moz-progress-bar {\n  --color-background: var(--pine-color-blue-300);\n  --border-radius: var(--pine-border-radius-050);\n\n  background-color: var(--color-progress-fill, var(--color-background));\n  border-radius: var(--border-radius);\n}\n\n.pds-progress__label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.pds-progress__percentage {\n  --font-size: var(--pine-font-size-087);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height: var(--pine-line-height-150);\n  --spacing-inline-start-margin: var(--pine-spacing-300);\n\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  margin-inline-start: calc(var(--spacing-inline-start-margin) / 2);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrl: 'pds-progress.scss',\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,imEACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,uCAKH,M,sFAsBD,E,iBAMI,K,CAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,KAAKC,SAAW,CAAE,cAAeD,KAAKC,UAAa,IAC9DL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,SAAAE,IAAA,2CAAOC,MAAM,sBAAsBG,QAASF,KAAKG,aAC9CH,KAAKI,OAERR,EAAA,YAAAE,IAAA,2CACEO,GAAIL,KAAKG,YACTG,IAAI,MACJC,MAAOP,KAAKQ,UAAY,CAAE,wBAAyBR,KAAKQ,WAAc,GACtEC,MAAOT,KAAKU,WAIfV,KAAKW,aAAef,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BAA4BC,KAAKU,QAAO,K"}
+{"version":3,"names":["pdsProgressCss","PdsProgressStyle0","PdsProgress","render","h","Host","key","class","this","animated","htmlFor","componentId","label","id","max","style","fillColor","value","percent","showPercent"],"sources":["src/components/pds-progress/pds-progress.scss?tag=pds-progress&encapsulation=shadow","src/components/pds-progress/pds-progress.tsx"],"sourcesContent":[":host {\n  --color-progress-fill: var(--pine-color-blue-300);\n\n  --sizing-progress-bar-height: 8px;\n  --sizing-progress-bar-width: 100%;\n\n  align-items: center;\n  display: flex;\n  width: var(--sizing-progress-bar-width);\n}\n\n@keyframes progressBar {\n  0% {\n    width: 0\n  }\n\n  100% {\n    width: var(--sizing-progress-bar-width);\n  }\n}\n\n.pds-progress {\n  --border-radius: var(--pine-border-radius-050);\n  --color-progress-bar-background: var(--pine-color-grey-300);\n\n  align-items: center;\n  background-color: var(--color-progress-bar-background);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: row;\n  height: var(--sizing-progress-bar-height);\n  position: relative;\n  width: 100%;\n}\n\n:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar {\n  animation: progressBar 3s ease;\n  animation-fill-mode: forwards;\n}\n\nprogress,\nprogress::-webkit-progress-bar {\n  background-color: transparent;\n  border: 0;\n  height: var(--sizing-progress-bar-height);\n  width: 100%;\n}\n\nprogress::-webkit-progress-value {\n  --border-radius: var(--pine-border-radius-050);\n  --color-background: var(--pine-color-blue-300);\n\n  background-color: var(--color-progress-fill, var(--color-background));\n  border-radius: var(--border-radius);\n}\n\nprogress::-moz-progress-bar {\n  --color-background: var(--pine-color-blue-300);\n  --border-radius: var(--pine-border-radius-050);\n\n  background-color: var(--color-progress-fill, var(--color-background));\n  border-radius: var(--border-radius);\n}\n\n.pds-progress__label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.pds-progress__percentage {\n  --font-size: var(--pine-font-size-087);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height: var(--pine-line-height-150);\n  --spacing-inline-start-margin: var(--pine-spacing-300);\n\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  margin-inline-start: calc(var(--spacing-inline-start-margin) / 2);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrl: 'pds-progress.scss',\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,imEACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,uCAKH,M,sFAsBD,E,iBAMI,K,CAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,KAAKC,SAAW,CAAE,cAAeD,KAAKC,UAAa,IAC9DL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,SAAAE,IAAA,2CAAOC,MAAM,sBAAsBG,QAASF,KAAKG,aAC9CH,KAAKI,OAERR,EAAA,YAAAE,IAAA,2CACEO,GAAIL,KAAKG,YACTG,IAAI,MACJC,MAAOP,KAAKQ,UAAY,CAAE,wBAAyBR,KAAKQ,WAAc,GACtEC,MAAOT,KAAKU,WAIfV,KAAKW,aAAef,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BAA4BC,KAAKU,QAAO,K","ignoreList":[]}

package/dist/pine-core/{p-dfaf84b9.entry.js → p-6ff9ebfa.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,H as n}from"./p-05ee992c.js";import{d as i}from"./p-efc85823.js";const e=":host{display:block}details{--border-radius-default:var(--pine-border-radius-100);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-content-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-300);--color-text-default:var(--pine-color-charcoal-200);--color-text-active:var(--pine-color-charcoal-500);--color-text-hover:var(--pine-color-charcoal-300);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-summary-padding-block:var(--pine-spacing-050);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);border-radius:var(--border-radius-default);padding-inline:var(--spacing-details-padding-inline)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}details[open]{background-color:var(--color-content-background)}details[open] summary{color:var(--color-text-active);font:var(--typography-default)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}summary{border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}";const t=e;const o=class{constructor(r){a(this,r);this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}handleOpenState(a){this.isOpen=a}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return r(n,{key:"228d08704d0e735ed515308df91a7880c2c450ed",class:"pds-accordion",id:this.componentId},r("details",Object.assign({key:"442e319353f611a5f3d3de767de8dc0f86d2540e"},this.getOpenAttribute(),{ref:a=>this.detailsEl=a}),r("summary",{key:"c3b11619644caee3ba90854e608072436ae0ac34"},r("slot",{key:"fb9b2fa1c0e6a8ddce8e9575b31da5c248f075d5",name:"label"},"Details"),r("pds-icon",{key:"3435405fa293d47aa240a6bfa947fe0707c1154a",icon:i})),r("div",{key:"a35cb679b545fbbd408a4217764b66eabd495c6e",class:"pds-accordion__body"},r("slot",{key:"fa6efbc3624c1c1152eabca17201c24801eef3ee"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};o.style=t;export{o as pds_accordion};
-//# sourceMappingURL=p-dfaf84b9.entry.js.map
+import{r as a,h as r,H as n}from"./p-0b541f88.js";import{d as i}from"./p-8317c6c2.js";const t=":host{display:block}details{--border-radius-default:var(--pine-border-radius-100);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-content-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-300);--color-text-default:var(--pine-color-charcoal-200);--color-text-active:var(--pine-color-charcoal-500);--color-text-hover:var(--pine-color-charcoal-300);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-summary-padding-block:var(--pine-spacing-050);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);border-radius:var(--border-radius-default);padding-inline:var(--spacing-details-padding-inline)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}details[open]{background-color:var(--color-content-background)}details[open] summary{color:var(--color-text-active);font:var(--typography-default)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}summary{border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}";const e=t;const o=class{constructor(r){a(this,r);this.handleToggle=()=>{this.isOpen=this.detailsEl.open};this.getOpenAttribute=()=>{if(this.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}handleOpenState(a){this.isOpen=a}componentDidLoad(){this.detailsEl.addEventListener("toggle",this.handleToggle)}render(){return r(n,{key:"228d08704d0e735ed515308df91a7880c2c450ed",class:"pds-accordion",id:this.componentId},r("details",Object.assign({key:"442e319353f611a5f3d3de767de8dc0f86d2540e"},this.getOpenAttribute(),{ref:a=>this.detailsEl=a}),r("summary",{key:"c3b11619644caee3ba90854e608072436ae0ac34"},r("slot",{key:"fb9b2fa1c0e6a8ddce8e9575b31da5c248f075d5",name:"label"},"Details"),r("pds-icon",{key:"3435405fa293d47aa240a6bfa947fe0707c1154a",icon:i})),r("div",{key:"a35cb679b545fbbd408a4217764b66eabd495c6e",class:"pds-accordion__body"},r("slot",{key:"fa6efbc3624c1c1152eabca17201c24801eef3ee"}))))}static get watchers(){return{isOpen:["handleOpenState"]}}};o.style=e;export{o as pds_accordion};
+//# sourceMappingURL=p-6ff9ebfa.entry.js.map

package/dist/pine-core/{p-dfaf84b9.entry.js.map → p-6ff9ebfa.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsAccordionCss","PdsAccordionStyle0","PdsAccordion","this","handleToggle","isOpen","detailsEl","open","getOpenAttribute","handleOpenState","newValue","componentDidLoad","addEventListener","render","h","Host","key","class","id","componentId","Object","assign","ref","el","name","icon","downSmall"],"sources":["src/components/pds-accordion/pds-accordion.scss?tag=pds-accordion&encapsulation=shadow","src/components/pds-accordion/pds-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndetails {\n  --border-radius-default: var(--pine-border-radius-100);\n\n  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-content-background-default: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-300);\n  --color-text-default: var(--pine-color-charcoal-200);\n  --color-text-active: var(--pine-color-charcoal-500);\n  --color-text-hover: var(--pine-color-charcoal-300);\n\n  --number-animation-transform-timing: 200ms;\n\n  --spacing-details-padding-inline: var(--pine-spacing-150);\n  --spacing-summary-padding-block: var(--pine-spacing-050);\n  --spacing-summary-padding-inline-start: var(--pine-spacing-100);\n  --spacing-summary-padding-inline-end: var(--pine-spacing-050);\n\n  --typography-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  border-radius: var(--border-radius-default);\n  padding-inline: var(--spacing-details-padding-inline);\n\n  pds-icon {\n    transform: scaleY(1);\n    transition: transform var(--number-animation-transform-timing);\n  }\n}\n\n/* stylelint-disable-next-line */\ndetails[open] {\n  background-color: var(--color-content-background);\n\n  summary {\n    color: var(--color-text-active);\n    font: var(--typography-default);\n\n    pds-icon {\n      transform: scaleY(-1);\n      transition: transform var(--number-animation-transform-timing);\n    }\n  }\n}\n\nsummary {\n  border-radius: var(--border-radius-default);\n  color: var(--color-text-default);\n  font: var(--typography-default);\n  padding-block: var(--spacing-summary-padding-block);\n  padding-inline-end: var(--spacing-summary-padding-inline-end);\n  padding-inline-start: var(--spacing-summary-padding-inline-start);\n\n  // Removes marker on Firefox/Chrome\n  /* stylelint-disable-next-line */\n  align-items: center;\n  display: flex;\n\n  // Removes marker on Safari\n  &::-webkit-details-marker {\n    display: none;\n  }\n\n  &:hover {\n    background: var(--color-background-hover);\n    color: var(--color-text-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-start: auto;\n  }\n}\n","import { Component, h, Host, Prop, Watch } from '@stencil/core';\nimport { downSmall } from '@pine-ds/icons/icons';\n\n/**\n * @slot (default) - Accordion body content.\n * @slot label - Accordion trigger button content.\n */\n@Component({\n  tag: 'pds-accordion',\n  styleUrl: 'pds-accordion.scss',\n  shadow: true,\n})\nexport class PdsAccordion {\n  private detailsEl: HTMLDetailsElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   * @defaultValue null\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Can be used to manually set the open state of the accordion.\n   * @defaultValue false\n   */\n  @Prop({\n    attribute: 'open',\n    mutable: true,\n    reflect: true,\n  }) isOpen: boolean = false;\n\n  @Watch('isOpen')\n  handleOpenState(newValue: boolean) {\n    this.isOpen = newValue;\n  }\n\n  private handleToggle = () => {\n    this.isOpen = this.detailsEl.open;\n  };\n\n  private getOpenAttribute = () => {\n    if (this.isOpen !== false) {\n      return { open: true };\n    }\n    return '';\n  };\n\n  componentDidLoad() {\n    this.detailsEl.addEventListener('toggle', this.handleToggle);\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-accordion\" id={this.componentId}>\n        <details {...this.getOpenAttribute()} ref={(el) => (this.detailsEl = el as HTMLDetailsElement)}>\n          <summary>\n            <slot name=\"label\">Details</slot>\n            <pds-icon icon={downSmall} />\n          </summary>\n          <div class=\"pds-accordion__body\">\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,gpFACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,yBAwBfC,KAAAC,aAAe,KACrBD,KAAKE,OAASF,KAAKG,UAAUC,IAAI,EAG3BJ,KAAAK,iBAAmB,KACzB,GAAIL,KAAKE,SAAW,MAAO,CACzB,MAAO,CAAEE,KAAM,K,CAEjB,MAAO,EAAE,E,uCAfU,K,CAGrB,eAAAE,CAAgBC,GACdP,KAAKE,OAASK,C,CAchB,gBAAAC,GACER,KAAKG,UAAUM,iBAAiB,SAAUT,KAAKC,a,CAGjD,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,gBAAgBC,GAAIf,KAAKgB,aACnCL,EAAA,UAAAM,OAAAC,OAAA,CAAAL,IAAA,4CAAab,KAAKK,mBAAkB,CAAEc,IAAMC,GAAQpB,KAAKG,UAAYiB,IACnET,EAAA,WAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,SAAO,WAClBV,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,KAElBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,QAAAE,IAAA,+C"}
+{"version":3,"names":["pdsAccordionCss","PdsAccordionStyle0","PdsAccordion","this","handleToggle","isOpen","detailsEl","open","getOpenAttribute","handleOpenState","newValue","componentDidLoad","addEventListener","render","h","Host","key","class","id","componentId","Object","assign","ref","el","name","icon","downSmall"],"sources":["src/components/pds-accordion/pds-accordion.scss?tag=pds-accordion&encapsulation=shadow","src/components/pds-accordion/pds-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndetails {\n  --border-radius-default: var(--pine-border-radius-100);\n\n  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-content-background-default: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-300);\n  --color-text-default: var(--pine-color-charcoal-200);\n  --color-text-active: var(--pine-color-charcoal-500);\n  --color-text-hover: var(--pine-color-charcoal-300);\n\n  --number-animation-transform-timing: 200ms;\n\n  --spacing-details-padding-inline: var(--pine-spacing-150);\n  --spacing-summary-padding-block: var(--pine-spacing-050);\n  --spacing-summary-padding-inline-start: var(--pine-spacing-100);\n  --spacing-summary-padding-inline-end: var(--pine-spacing-050);\n\n  --typography-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  border-radius: var(--border-radius-default);\n  padding-inline: var(--spacing-details-padding-inline);\n\n  pds-icon {\n    transform: scaleY(1);\n    transition: transform var(--number-animation-transform-timing);\n  }\n}\n\n/* stylelint-disable-next-line */\ndetails[open] {\n  background-color: var(--color-content-background);\n\n  summary {\n    color: var(--color-text-active);\n    font: var(--typography-default);\n\n    pds-icon {\n      transform: scaleY(-1);\n      transition: transform var(--number-animation-transform-timing);\n    }\n  }\n}\n\nsummary {\n  border-radius: var(--border-radius-default);\n  color: var(--color-text-default);\n  font: var(--typography-default);\n  padding-block: var(--spacing-summary-padding-block);\n  padding-inline-end: var(--spacing-summary-padding-inline-end);\n  padding-inline-start: var(--spacing-summary-padding-inline-start);\n\n  // Removes marker on Firefox/Chrome\n  /* stylelint-disable-next-line */\n  align-items: center;\n  display: flex;\n\n  // Removes marker on Safari\n  &::-webkit-details-marker {\n    display: none;\n  }\n\n  &:hover {\n    background: var(--color-background-hover);\n    color: var(--color-text-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-start: auto;\n  }\n}\n","import { Component, h, Host, Prop, Watch } from '@stencil/core';\nimport { downSmall } from '@pine-ds/icons/icons';\n\n/**\n * @slot (default) - Accordion body content.\n * @slot label - Accordion trigger button content.\n */\n@Component({\n  tag: 'pds-accordion',\n  styleUrl: 'pds-accordion.scss',\n  shadow: true,\n})\nexport class PdsAccordion {\n  private detailsEl: HTMLDetailsElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   * @defaultValue null\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Can be used to manually set the open state of the accordion.\n   * @defaultValue false\n   */\n  @Prop({\n    attribute: 'open',\n    mutable: true,\n    reflect: true,\n  }) isOpen: boolean = false;\n\n  @Watch('isOpen')\n  handleOpenState(newValue: boolean) {\n    this.isOpen = newValue;\n  }\n\n  private handleToggle = () => {\n    this.isOpen = this.detailsEl.open;\n  };\n\n  private getOpenAttribute = () => {\n    if (this.isOpen !== false) {\n      return { open: true };\n    }\n    return '';\n  };\n\n  componentDidLoad() {\n    this.detailsEl.addEventListener('toggle', this.handleToggle);\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-accordion\" id={this.componentId}>\n        <details {...this.getOpenAttribute()} ref={(el) => (this.detailsEl = el as HTMLDetailsElement)}>\n          <summary>\n            <slot name=\"label\">Details</slot>\n            <pds-icon icon={downSmall} />\n          </summary>\n          <div class=\"pds-accordion__body\">\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,gpFACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,yBAwBfC,KAAAC,aAAe,KACrBD,KAAKE,OAASF,KAAKG,UAAUC,IAAI,EAG3BJ,KAAAK,iBAAmB,KACzB,GAAIL,KAAKE,SAAW,MAAO,CACzB,MAAO,CAAEE,KAAM,K,CAEjB,MAAO,EAAE,E,uCAfU,K,CAGrB,eAAAE,CAAgBC,GACdP,KAAKE,OAASK,C,CAchB,gBAAAC,GACER,KAAKG,UAAUM,iBAAiB,SAAUT,KAAKC,a,CAGjD,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,gBAAgBC,GAAIf,KAAKgB,aACnCL,EAAA,UAAAM,OAAAC,OAAA,CAAAL,IAAA,4CAAab,KAAKK,mBAAkB,CAAEc,IAAMC,GAAQpB,KAAKG,UAAYiB,IACnET,EAAA,WAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,SAAO,WAClBV,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,KAElBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/pine-core/{p-6663628f.entry.js → p-701ba882.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as s,H as t}from"./p-05ee992c.js";const e=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);height:auto;width:100%}";const d=e;const n=class{constructor(s){i(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}render(){return s(t,{key:"8d97b63e1c5b0eb72117d6378a0b6d869c0dbdea",class:{"pds-image":true},id:this.componentId},s("img",{key:"3cc2d1c185244c8e8de2f7258b85194b37a4ff38",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}};n.style=d;export{n as pds_image};
-//# sourceMappingURL=p-6663628f.entry.js.map
+import{r as i,h as s,H as t}from"./p-0b541f88.js";const e=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);height:auto;width:100%}";const d=e;const n=class{constructor(s){i(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}render(){return s(t,{key:"8d97b63e1c5b0eb72117d6378a0b6d869c0dbdea",class:{"pds-image":true},id:this.componentId},s("img",{key:"3cc2d1c185244c8e8de2f7258b85194b37a4ff38",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}};n.style=d;export{n as pds_image};
+//# sourceMappingURL=p-701ba882.entry.js.map

package/dist/pine-core/{p-6663628f.entry.js.map → p-701ba882.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsImageCss","PdsImageStyle0","PdsImage","render","h","Host","key","class","id","this","componentId","alt","height","loading","sizes","src","srcset","width"],"sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --image-aspect-ratio: The image's aspect ratio.\n  */\n\n  --dimension-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--dimension-aspect-ratio);\n  height: auto;\n  width: 100%;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrl: 'pds-image.scss',\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string.\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certian breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,kIACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,kCAKJ,G,8DAiBsB,Q,mFA0BrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,YAAa,MAEfC,GAAIC,KAAKC,aAETN,EAAA,OAAAE,IAAA,2CACEK,IAAKF,KAAKE,IACVC,OAAQH,KAAKG,OACbC,QAASJ,KAAKI,QACdC,MAAOL,KAAKK,MACZC,IAAKN,KAAKM,IACVC,OAAQP,KAAKO,OACbC,MAAOR,KAAKQ,Q"}
+{"version":3,"names":["pdsImageCss","PdsImageStyle0","PdsImage","render","h","Host","key","class","id","this","componentId","alt","height","loading","sizes","src","srcset","width"],"sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --image-aspect-ratio: The image's aspect ratio.\n  */\n\n  --dimension-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--dimension-aspect-ratio);\n  height: auto;\n  width: 100%;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrl: 'pds-image.scss',\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string.\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certian breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,kIACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,kCAKJ,G,8DAiBsB,Q,mFA0BrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,YAAa,MAEfC,GAAIC,KAAKC,aAETN,EAAA,OAAAE,IAAA,2CACEK,IAAKF,KAAKE,IACVC,OAAQH,KAAKG,OACbC,QAASJ,KAAKI,QACdC,MAAOL,KAAKK,MACZC,IAAKN,KAAKM,IACVC,OAAQP,KAAKO,OACbC,MAAOR,KAAKQ,Q","ignoreList":[]}

package/dist/pine-core/{p-4a7afca5.entry.js → p-73eb1722.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as a,H as e}from"./p-05ee992c.js";const n=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-sm);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";const t=n;const r=class{constructor(a){i(this,a);this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}loaderSize(){const i={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(i[this.size]){return i[this.size]}else{return this.size}}render(){return a(e,{key:"325b4512d1455cb90d4897e91453c4ec2370ddcb",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&a("div",{key:"eed858cd8518769874e7ca6d5265f3e1e77164f3",class:"pds-loader--spinner"},a("svg",{key:"fc821517a5923628ef96c8e37b9987c0ba3b987b",style:this.style(),viewBox:"0 0 200 200",fill:"none"},a("defs",{key:"f477b8f7be973a6a5b068b6758d6f549404e64c4"},a("linearGradient",{key:"4979634cfecdca7ef5818f23577b401aa8991389",id:"spinner-secondHalf"},a("stop",{key:"ae4667b10205baa8dec8b7affd34d78273ad9667",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"3d66bc5180831487e9e2591cc2b436f9b8cc855e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"1c99e9057a86d4b850348543826fb6da163f4eb9",id:"spinner-firstHalf"},a("stop",{key:"271c14abb61bb9bc01ac72f43d1cc8580b89b6c0",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"4b8de0ac98a1b44ec3bbba4aa0002957e44c976c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"b12aaf6168c8428999d020b46c99faf918c45f07",class:"pds-loader__spinner-path"},a("path",{key:"4443446af5cf8c73d3352fa90d580e914c469028",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"ca4edec218d03a74d12ce43a86ef55fbedaea39f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"af6ed9732a9fdd2047f100d2465b27782d2a0b02",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&a("div",{key:"96aa15066aa426d53481bddd5b665181d9bcd0bd",class:"pds-loader--typing"},a("span",{key:"a0bb9722a2dbaf843afc9a50a1f42c46758d1b5e"}),a("span",{key:"0efc9cf2f132f358f58561ccbc7027c57f252df2"}),a("span",{key:"b8b73b864c7dfefe26ac3aa33099d2f2f3737614"})),a("div",{key:"3c921244741289e7b67228caedf6e5e13fac1d63",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},a("slot",{key:"423a30358e6f662a0b80cef445c4a20db3dd36f9",name:"label"},"Loading...")))}};r.style=t;export{r as pds_loader};
-//# sourceMappingURL=p-4a7afca5.entry.js.map
+import{r as i,h as a,H as e}from"./p-0b541f88.js";const n=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-sm);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";const t=n;const r=class{constructor(a){i(this,a);this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}loaderSize(){const i={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(i[this.size]){return i[this.size]}else{return this.size}}render(){return a(e,{key:"325b4512d1455cb90d4897e91453c4ec2370ddcb",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&a("div",{key:"eed858cd8518769874e7ca6d5265f3e1e77164f3",class:"pds-loader--spinner"},a("svg",{key:"fc821517a5923628ef96c8e37b9987c0ba3b987b",style:this.style(),viewBox:"0 0 200 200",fill:"none"},a("defs",{key:"f477b8f7be973a6a5b068b6758d6f549404e64c4"},a("linearGradient",{key:"4979634cfecdca7ef5818f23577b401aa8991389",id:"spinner-secondHalf"},a("stop",{key:"ae4667b10205baa8dec8b7affd34d78273ad9667",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"3d66bc5180831487e9e2591cc2b436f9b8cc855e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"1c99e9057a86d4b850348543826fb6da163f4eb9",id:"spinner-firstHalf"},a("stop",{key:"271c14abb61bb9bc01ac72f43d1cc8580b89b6c0",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"4b8de0ac98a1b44ec3bbba4aa0002957e44c976c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"b12aaf6168c8428999d020b46c99faf918c45f07",class:"pds-loader__spinner-path"},a("path",{key:"4443446af5cf8c73d3352fa90d580e914c469028",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"ca4edec218d03a74d12ce43a86ef55fbedaea39f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"af6ed9732a9fdd2047f100d2465b27782d2a0b02",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&a("div",{key:"96aa15066aa426d53481bddd5b665181d9bcd0bd",class:"pds-loader--typing"},a("span",{key:"a0bb9722a2dbaf843afc9a50a1f42c46758d1b5e"}),a("span",{key:"0efc9cf2f132f358f58561ccbc7027c57f252df2"}),a("span",{key:"b8b73b864c7dfefe26ac3aa33099d2f2f3737614"})),a("div",{key:"3c921244741289e7b67228caedf6e5e13fac1d63",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},a("slot",{key:"423a30358e6f662a0b80cef445c4a20db3dd36f9",name:"label"},"Loading...")))}};r.style=t;export{r as pds_loader};
+//# sourceMappingURL=p-73eb1722.entry.js.map

package/dist/pine-core/{p-4a7afca5.entry.js.map → p-73eb1722.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","this","style","size","undefined","height","loaderSize","width","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--pine-spacing-100);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n  border-width: 0 ;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n  --color-background-spinner: var(--pine-color-blue-300);\n  --number-spinner-timing: 2s;\n  --number-spinner-path-timing: 1.5s;\n\n  animation: rotate var(--number-spinner-timing) linear infinite;\n  block-size: var(--sizing-spinner);\n  color: var(--color-background-spinner);\n  inline-size: var(--sizing-spinner);\n}\n\n.pds-loader__spinner-path {\n  stroke-width: 8px;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// Typing Loader\n.pds-loader--typing {\n  --border-radius-typing: var(--pine-border-radius-200);\n  --border-radius-typing-dot: var(--pine-border-radius-round);\n\n  --box-shadow-typing: var(--pine-box-shadow-sm);\n\n  --color-background-typing-default: var(--pine-color-grey-200);\n  --color-background-typing-dot-default: var(--pine-color-grey-500);\n\n  --number-typing-timing: 1s;\n\n  --opacity-typing-dot-default: 0.4;\n  --opacity-typing-dot-active: 1;\n\n  --sizing-typing-dot: calc(var(--pine-spacing-150) / 2);\n\n  --spacing-typing-gap: var(--pine-spacing-050);\n  --spacing-typing-margin-block: var(--pine-spacing-0);\n  --spacing-typing-margin-inline: auto;\n  --spacing-typing-padding-block: 15px;\n  --spacing-typing-padding-inline: var(--pine-spacing-250);\n\n  align-items: center;\n  background-color: var(--color-background-typing-default);\n  border-radius: var(--border-radius-typing);\n  box-shadow: var(--box-shadow-typing);\n  display: inline-flex;\n  gap: var(--spacing-typing-gap);\n  margin-block: var(--spacing-typing-margin-block);\n  margin-inline: var(--spacing-typing-margin-inline);\n  padding-block: var(--spacing-typing-padding-block);\n  padding-inline: var(--spacing-typing-padding-inline);\n  position: relative;\n\n  span {\n    background-color: var(--color-background-typing-dot-default);\n    block-size: var(--sizing-typing-dot);\n    border-radius: var(--border-radius-typing-dot);\n    inline-size: var(--sizing-typing-dot);\n    opacity: var(--opacity-typing-dot-default);\n\n    @for $i from 1 through 3 {\n      &:nth-of-type(#{$i}) {\n        animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n      }\n    }\n  }\n}\n\n@keyframes typing {\n  50% {\n    opacity: var(--opacity-typing-dot-active);\n    transform: scale(1.2);\n  }\n}\n\n.pds-loader__label {\n  --typography-label-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot label - Default slot for Loader label text.\n */\n\n@Component({\n  tag: 'pds-loader',\n  styleUrl: 'pds-loader.scss',\n  shadow: true,\n})\nexport class PdsLoader {\n  /**\n   * If false, the loader will be hidden.\n   */\n  @Prop() isLoading: boolean = true;\n\n  /**\n   * Determines whether the loader should display a label.\n   */\n  @Prop() showLabel?: boolean = false;\n\n  /**\n   * Sets the size of the spinner loader. Value can be preset or custom.\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string = 'md';\n\n  /**\n   * Determines the type of loader.\n   */\n  @Prop() variant: 'spinner' | 'typing' = 'spinner';\n\n  private loaderSize() {\n    const sizes: { [key: string]: string } = {\n      xs: '24px',\n      sm: '32px',\n      md: '48px',\n      lg: '64px',\n      xl: '80px',\n    };\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  private style = () => {\n    if (this.size !== undefined) {\n      return {\n        height: this.loaderSize(),\n        width: this.loaderSize(),\n      };\n    }\n  };\n\n  render() {\n    return (\n      <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n        {this.variant === 'spinner' && (\n          <div class=\"pds-loader--spinner\">\n            <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n              <defs>\n                <linearGradient id=\"spinner-secondHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n                <linearGradient id=\"spinner-firstHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n              </defs>\n\n              <g class=\"pds-loader__spinner-path\">\n                <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n                <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n                <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n              </g>\n            </svg>\n          </div>\n        )}\n\n        {this.variant === 'typing' && (\n          <div class=\"pds-loader--typing\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        )}\n\n        <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n          <slot name=\"label\">Loading...</slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,uvGACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBA2CZC,KAAAC,MAAQ,KACd,GAAID,KAAKE,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQJ,KAAKK,aACbC,MAAON,KAAKK,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhC,UAAAA,GACN,MAAME,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMP,KAAKE,MAAO,CACpB,OAAOK,EAAMP,KAAKE,K,KACb,CACL,OAAOF,KAAKE,I,EAahB,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAcjB,KAAKkB,UAAY,GAAK,uBAAsB,eAAgBlB,KAAKkB,UAAS,YAAalB,KAAKkB,UAAS,YAAY,UACzIlB,KAAKmB,UAAY,WAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKf,MAAOD,KAAKC,QAASmB,QAAQ,cAAcC,KAAK,QACnDP,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,sBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDT,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,qBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDT,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,2BAA2BC,EAAE,kCAC1CX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,0BAA0BC,EAAE,kCAEzCX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5DzB,KAAKmB,UAAY,UAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAqBjB,KAAK0B,UAAY,GAAK,wBACrDZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,SAAO,e"}
+{"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","this","style","size","undefined","height","loaderSize","width","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--pine-spacing-100);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n  border-width: 0 ;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n  --color-background-spinner: var(--pine-color-blue-300);\n  --number-spinner-timing: 2s;\n  --number-spinner-path-timing: 1.5s;\n\n  animation: rotate var(--number-spinner-timing) linear infinite;\n  block-size: var(--sizing-spinner);\n  color: var(--color-background-spinner);\n  inline-size: var(--sizing-spinner);\n}\n\n.pds-loader__spinner-path {\n  stroke-width: 8px;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// Typing Loader\n.pds-loader--typing {\n  --border-radius-typing: var(--pine-border-radius-200);\n  --border-radius-typing-dot: var(--pine-border-radius-round);\n\n  --box-shadow-typing: var(--pine-box-shadow-sm);\n\n  --color-background-typing-default: var(--pine-color-grey-200);\n  --color-background-typing-dot-default: var(--pine-color-grey-500);\n\n  --number-typing-timing: 1s;\n\n  --opacity-typing-dot-default: 0.4;\n  --opacity-typing-dot-active: 1;\n\n  --sizing-typing-dot: calc(var(--pine-spacing-150) / 2);\n\n  --spacing-typing-gap: var(--pine-spacing-050);\n  --spacing-typing-margin-block: var(--pine-spacing-0);\n  --spacing-typing-margin-inline: auto;\n  --spacing-typing-padding-block: 15px;\n  --spacing-typing-padding-inline: var(--pine-spacing-250);\n\n  align-items: center;\n  background-color: var(--color-background-typing-default);\n  border-radius: var(--border-radius-typing);\n  box-shadow: var(--box-shadow-typing);\n  display: inline-flex;\n  gap: var(--spacing-typing-gap);\n  margin-block: var(--spacing-typing-margin-block);\n  margin-inline: var(--spacing-typing-margin-inline);\n  padding-block: var(--spacing-typing-padding-block);\n  padding-inline: var(--spacing-typing-padding-inline);\n  position: relative;\n\n  span {\n    background-color: var(--color-background-typing-dot-default);\n    block-size: var(--sizing-typing-dot);\n    border-radius: var(--border-radius-typing-dot);\n    inline-size: var(--sizing-typing-dot);\n    opacity: var(--opacity-typing-dot-default);\n\n    @for $i from 1 through 3 {\n      &:nth-of-type(#{$i}) {\n        animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n      }\n    }\n  }\n}\n\n@keyframes typing {\n  50% {\n    opacity: var(--opacity-typing-dot-active);\n    transform: scale(1.2);\n  }\n}\n\n.pds-loader__label {\n  --typography-label-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot label - Default slot for Loader label text.\n */\n\n@Component({\n  tag: 'pds-loader',\n  styleUrl: 'pds-loader.scss',\n  shadow: true,\n})\nexport class PdsLoader {\n  /**\n   * If false, the loader will be hidden.\n   */\n  @Prop() isLoading: boolean = true;\n\n  /**\n   * Determines whether the loader should display a label.\n   */\n  @Prop() showLabel?: boolean = false;\n\n  /**\n   * Sets the size of the spinner loader. Value can be preset or custom.\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string = 'md';\n\n  /**\n   * Determines the type of loader.\n   */\n  @Prop() variant: 'spinner' | 'typing' = 'spinner';\n\n  private loaderSize() {\n    const sizes: { [key: string]: string } = {\n      xs: '24px',\n      sm: '32px',\n      md: '48px',\n      lg: '64px',\n      xl: '80px',\n    };\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size;\n    }\n  }\n\n  private style = () => {\n    if (this.size !== undefined) {\n      return {\n        height: this.loaderSize(),\n        width: this.loaderSize(),\n      };\n    }\n  };\n\n  render() {\n    return (\n      <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n        {this.variant === 'spinner' && (\n          <div class=\"pds-loader--spinner\">\n            <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n              <defs>\n                <linearGradient id=\"spinner-secondHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n                <linearGradient id=\"spinner-firstHalf\">\n                  <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n                  <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n                </linearGradient>\n              </defs>\n\n              <g class=\"pds-loader__spinner-path\">\n                <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n                <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n                <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n              </g>\n            </svg>\n          </div>\n        )}\n\n        {this.variant === 'typing' && (\n          <div class=\"pds-loader--typing\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        )}\n\n        <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n          <slot name=\"label\">Loading...</slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,uvGACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBA2CZC,KAAAC,MAAQ,KACd,GAAID,KAAKE,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQJ,KAAKK,aACbC,MAAON,KAAKK,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhC,UAAAA,GACN,MAAME,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMP,KAAKE,MAAO,CACpB,OAAOK,EAAMP,KAAKE,K,KACb,CACL,OAAOF,KAAKE,I,EAahB,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAcjB,KAAKkB,UAAY,GAAK,uBAAsB,eAAgBlB,KAAKkB,UAAS,YAAalB,KAAKkB,UAAS,YAAY,UACzIlB,KAAKmB,UAAY,WAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKf,MAAOD,KAAKC,QAASmB,QAAQ,cAAcC,KAAK,QACnDP,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,sBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDT,EAAA,kBAAAE,IAAA,2CAAgBM,GAAG,qBACjBR,EAAA,QAAAE,IAAA,2CAAMO,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CT,EAAA,QAAAE,IAAA,2CAAMO,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDT,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,2BAA2BC,EAAE,kCAC1CX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,0BAA0BC,EAAE,kCAEzCX,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5DzB,KAAKmB,UAAY,UAChBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAqBjB,KAAK0B,UAAY,GAAK,wBACrDZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,SAAO,e","ignoreList":[]}

package/dist/pine-core/{p-319ced45.system.entry.js → p-78c6c37a.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-26626013.system.js"],(function(a){"use strict";var t,e,i,o,r;return{setters:[function(a){t=a.r;e=a.c;i=a.h;o=a.H;r=a.g}],execute:function(){var n='pds-tab{--border-none:var(--pine-border-width-none);--border-radius-availability:var(--pine-border-radius-100);--border-radius-default:var(--pine-border-radius-125);--border-radius-none:var(--pine-border-radius-0);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--color-background-active:var(--pine-color-charcoal-400);--color-background-availability:var(--pine-color-white);--color-background-default:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-400);--color-text-active:var(--pine-color-charcoal-400);--color-text-active-inverse:var(--pine-color-white);--color-text-default:var(--pine-color-charcoal-200);--color-text-focus:var(--pine-color-charcoal-300);--font-size-availability-content:var(--pine-font-size-075);--font-size-default:var(--pine-font-size-100);--font-size-filter-content:var(--pine-font-size-087);--font-weight-default:var(--pine-font-weight-medium);--line-height-availability-content:var(--pine-line-height-100);--line-height-default:var(--pine-line-height-150);--line-height-filter-content:var(--pine-line-height-125);--outline:4px solid var(--pine-color-blue-200);--spacing-padding-none:var(--pine-spacing-0);display:inline-block;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--border-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--spacing-padding-none);-ms-flex-align:center;align-items:center;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-text-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-text-active)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font-family:inherit;font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:currentColor;bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-availability)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-default)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color-text-default)}.pds-tabs--availability .pds-tab__content{font-size:var(--font-size-availability-content);line-height:var(--line-height-availability-content);padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--color-background-active)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--color-text-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-active);color:var(--color-text-active-inverse)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-hover)}.pds-tabs--filter .pds-tab__content{font-size:var(--font-size-filter-content);line-height:var(--line-height-filter-content);-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}';var s=n;var d=a("pds_tab",function(){function a(a){t(this,a);this.pdsTabClick=e(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}a.prototype.onTabClick=function(a,t){this.pdsTabClick.emit([a,t])};a.prototype.render=function(){var a=i("span",{key:"5ea7f20d14e906993c0cfbef0ae9a37b305be9fd",class:"pds-tab-edge",role:"presentation"});var t=i("span",{key:"9fc8287a57fd777472d9f909a451332b7edd8c39",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(o,{key:"16d11c4bda123cbb698674c560dc7c826fe653ca",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"63e18d48cd1206c87e520cbe85c09e7fbd8752f0",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,i("div",{key:"5db0ed6e01b1cfe58f47669b369bb72bd3caa033",class:"pds-tab__content"},i("slot",{key:"1737f4b6a524cf165deb1eb1a2627ae834a76be2"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());d.style=s}}}));
-//# sourceMappingURL=p-319ced45.system.entry.js.map
+System.register(["./p-f74c489d.system.js"],(function(a){"use strict";var t,e,i,o,r;return{setters:[function(a){t=a.r;e=a.c;i=a.h;o=a.H;r=a.g}],execute:function(){var n='pds-tab{--border-none:var(--pine-border-width-none);--border-radius-availability:var(--pine-border-radius-100);--border-radius-default:var(--pine-border-radius-125);--border-radius-none:var(--pine-border-radius-0);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--color-background-active:var(--pine-color-charcoal-400);--color-background-availability:var(--pine-color-white);--color-background-default:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-400);--color-text-active:var(--pine-color-charcoal-400);--color-text-active-inverse:var(--pine-color-white);--color-text-default:var(--pine-color-charcoal-200);--color-text-focus:var(--pine-color-charcoal-300);--font-size-availability-content:var(--pine-font-size-075);--font-size-default:var(--pine-font-size-100);--font-size-filter-content:var(--pine-font-size-087);--font-weight-default:var(--pine-font-weight-medium);--line-height-availability-content:var(--pine-line-height-100);--line-height-default:var(--pine-line-height-150);--line-height-filter-content:var(--pine-line-height-125);--outline:4px solid var(--pine-color-blue-200);--spacing-padding-none:var(--pine-spacing-0);display:inline-block;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--border-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--spacing-padding-none);-ms-flex-align:center;align-items:center;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-text-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-text-active)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font-family:inherit;font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:currentColor;bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-availability)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-default)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color-text-default)}.pds-tabs--availability .pds-tab__content{font-size:var(--font-size-availability-content);line-height:var(--line-height-availability-content);padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--color-background-active)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--color-text-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-active);color:var(--color-text-active-inverse)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-hover)}.pds-tabs--filter .pds-tab__content{font-size:var(--font-size-filter-content);line-height:var(--line-height-filter-content);-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}';var s=n;var d=a("pds_tab",function(){function a(a){t(this,a);this.pdsTabClick=e(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}a.prototype.onTabClick=function(a,t){this.pdsTabClick.emit([a,t])};a.prototype.render=function(){var a=i("span",{key:"5ea7f20d14e906993c0cfbef0ae9a37b305be9fd",class:"pds-tab-edge",role:"presentation"});var t=i("span",{key:"9fc8287a57fd777472d9f909a451332b7edd8c39",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(o,{key:"16d11c4bda123cbb698674c560dc7c826fe653ca",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"63e18d48cd1206c87e520cbe85c09e7fbd8752f0",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,i("div",{key:"5db0ed6e01b1cfe58f47669b369bb72bd3caa033",class:"pds-tab__content"},i("slot",{key:"1737f4b6a524cf165deb1eb1a2627ae834a76be2"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());d.style=s}}}));
+//# sourceMappingURL=p-78c6c37a.system.entry.js.map

package/dist/pine-core/{p-319ced45.system.entry.js.map → p-78c6c37a.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pdsTabCss","PdsTabStyle0","PdsTab","exports","class_1","prototype","onTabClick","index","parentComponentId","this","pdsTabClick","emit","render","availabilityTabEdgeInlineStart","h","key","class","role","availabilityTabEdgeInlineEnd","Host","variant","slot","id","name","tabindex","selected","onClick","bind"],"sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  --border-none: var(--pine-border-width-none);\n\n  --border-radius-availability: var(--pine-border-radius-100);\n  --border-radius-default: var(--pine-border-radius-125);\n  --border-radius-none: var(--pine-border-radius-0);\n\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-background-active: var(--pine-color-charcoal-400);\n  --color-background-availability: var(--pine-color-white);\n  --color-background-default: var(--pine-color-grey-300);\n  --color-background-hover: var(--pine-color-grey-400);\n  --color-text-active: var(--pine-color-charcoal-400);\n  --color-text-active-inverse: var(--pine-color-white);\n  --color-text-default: var(--pine-color-charcoal-200);\n  --color-text-focus: var(--pine-color-charcoal-300);\n\n  --font-size-availability-content: var(--pine-font-size-075);\n  --font-size-default: var(--pine-font-size-100);\n  --font-size-filter-content: var(--pine-font-size-087);\n\n  --font-weight-default: var(--pine-font-weight-medium);\n\n  --line-height-availability-content: var(--pine-line-height-100);\n  --line-height-default: var(--pine-line-height-150);\n  --line-height-filter-content: var(--pine-line-height-125);\n\n  --outline: 4px solid var(--pine-color-blue-200);\n\n  --spacing-padding-none: var(--pine-spacing-0);\n\n  display: inline-block;\n  position: relative;\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--border-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--spacing-padding-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--color-text-default);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--color-text-active);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover {\n    color: var(--color-text-active);\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  .pds-tab__content {\n    font-family: inherit;\n    font-size: var(--font-size-default);\n    font-weight: var(--font-weight-default);\n    line-height: var(--line-height-default);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: currentColor;\n      bottom: 0;\n      content: '';\n      height: 3px;\n      left: 0;\n      opacity: 0;\n      position: absolute;\n      right: 0;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--color-background-availability);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: 1;\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--color-background-default);\n    }\n\n    &:focus-visible {\n      color: var(--color-text-default);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-availability-content);\n    line-height: var(--line-height-availability-content);\n    padding-bottom: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  --color-background-tab: var(--color-background-active);\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: 50px;\n    color: var(--color-text-active);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--color-background-active);\n      color: var(--color-text-active-inverse)\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--color-background-hover);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-filter-content);\n    line-height: var(--line-height-filter-content);\n    padding-block-end: 0;\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.selected ? \"0\" : \"-1\"}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          class={this.selected ? \"pds-tab is-active\" : \"pds-tab\"}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAY,u0JAClB,IAAAC,EAAeD,E,ICMFE,EAAMC,EAAA,qB,gLA8BE,K,CAOXC,EAAAC,UAAAC,WAAA,SAAWC,EAAOC,GACxBC,KAAKC,YAAYC,KAAK,CAACJ,EAAOC,G,EAGhCJ,EAAAC,UAAAO,OAAA,WACE,IAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,eAAeC,KAAK,iBAGlC,IAAMC,EACJJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCAAiCC,KAAK,iBAGpD,OACEH,EAACK,EAAI,CAAAJ,IAAA,2CAACK,QAASX,KAAKW,QAASC,KAAK,OAAOd,MAAOE,KAAKF,OACnDO,EAAA,UAAAC,IAAA,2CACEE,KAAK,MACLK,GAAIb,KAAKD,kBAAoB,KAAOC,KAAKc,KAAI,gBAC9Bd,KAAKD,kBAAoB,KAAOC,KAAKc,KAAO,SAC3DC,SAAUf,KAAKgB,SAAW,IAAM,KAAI,gBACrBhB,KAAKgB,SAAW,OAAS,QACxCT,MAAOP,KAAKgB,SAAW,oBAAsB,UAC7CC,QAASjB,KAAKH,WAAWqB,KAAKlB,KAAMA,KAAKF,MAAOE,KAAKD,oBAEpDC,KAAKW,UAAY,gBAAkBP,EACnCJ,KAAKW,UAAY,gBAAkBF,EACpCJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,+C,uHA/DrB,I"}
+{"version":3,"names":["pdsTabCss","PdsTabStyle0","PdsTab","exports","class_1","prototype","onTabClick","index","parentComponentId","this","pdsTabClick","emit","render","availabilityTabEdgeInlineStart","h","key","class","role","availabilityTabEdgeInlineEnd","Host","variant","slot","id","name","tabindex","selected","onClick","bind"],"sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  --border-none: var(--pine-border-width-none);\n\n  --border-radius-availability: var(--pine-border-radius-100);\n  --border-radius-default: var(--pine-border-radius-125);\n  --border-radius-none: var(--pine-border-radius-0);\n\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-background-active: var(--pine-color-charcoal-400);\n  --color-background-availability: var(--pine-color-white);\n  --color-background-default: var(--pine-color-grey-300);\n  --color-background-hover: var(--pine-color-grey-400);\n  --color-text-active: var(--pine-color-charcoal-400);\n  --color-text-active-inverse: var(--pine-color-white);\n  --color-text-default: var(--pine-color-charcoal-200);\n  --color-text-focus: var(--pine-color-charcoal-300);\n\n  --font-size-availability-content: var(--pine-font-size-075);\n  --font-size-default: var(--pine-font-size-100);\n  --font-size-filter-content: var(--pine-font-size-087);\n\n  --font-weight-default: var(--pine-font-weight-medium);\n\n  --line-height-availability-content: var(--pine-line-height-100);\n  --line-height-default: var(--pine-line-height-150);\n  --line-height-filter-content: var(--pine-line-height-125);\n\n  --outline: 4px solid var(--pine-color-blue-200);\n\n  --spacing-padding-none: var(--pine-spacing-0);\n\n  display: inline-block;\n  position: relative;\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--border-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--spacing-padding-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--color-text-default);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--color-text-active);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover {\n    color: var(--color-text-active);\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  .pds-tab__content {\n    font-family: inherit;\n    font-size: var(--font-size-default);\n    font-weight: var(--font-weight-default);\n    line-height: var(--line-height-default);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: currentColor;\n      bottom: 0;\n      content: '';\n      height: 3px;\n      left: 0;\n      opacity: 0;\n      position: absolute;\n      right: 0;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--color-background-availability);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: 1;\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--color-background-default);\n    }\n\n    &:focus-visible {\n      color: var(--color-text-default);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-availability-content);\n    line-height: var(--line-height-availability-content);\n    padding-bottom: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  --color-background-tab: var(--color-background-active);\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: 50px;\n    color: var(--color-text-active);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--color-background-active);\n      color: var(--color-text-active-inverse)\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--color-background-hover);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-filter-content);\n    line-height: var(--line-height-filter-content);\n    padding-block-end: 0;\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.selected ? \"0\" : \"-1\"}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          class={this.selected ? \"pds-tab is-active\" : \"pds-tab\"}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAY,u0JAClB,IAAAC,EAAeD,E,ICMFE,EAAMC,EAAA,qB,gLA8BE,K,CAOXC,EAAAC,UAAAC,WAAA,SAAWC,EAAOC,GACxBC,KAAKC,YAAYC,KAAK,CAACJ,EAAOC,G,EAGhCJ,EAAAC,UAAAO,OAAA,WACE,IAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,eAAeC,KAAK,iBAGlC,IAAMC,EACJJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCAAiCC,KAAK,iBAGpD,OACEH,EAACK,EAAI,CAAAJ,IAAA,2CAACK,QAASX,KAAKW,QAASC,KAAK,OAAOd,MAAOE,KAAKF,OACnDO,EAAA,UAAAC,IAAA,2CACEE,KAAK,MACLK,GAAIb,KAAKD,kBAAoB,KAAOC,KAAKc,KAAI,gBAC9Bd,KAAKD,kBAAoB,KAAOC,KAAKc,KAAO,SAC3DC,SAAUf,KAAKgB,SAAW,IAAM,KAAI,gBACrBhB,KAAKgB,SAAW,OAAS,QACxCT,MAAOP,KAAKgB,SAAW,oBAAsB,UAC7CC,QAASjB,KAAKH,WAAWqB,KAAKlB,KAAMA,KAAKF,MAAOE,KAAKD,oBAEpDC,KAAKW,UAAY,gBAAkBP,EACnCJ,KAAKW,UAAY,gBAAkBF,EACpCJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,+C,uHA/DrB,I","ignoreList":[]}