@tmorrow/cre8-wc 2.0.7 → 2.0.8

package/dist/assets/{tabs.stories-Cpc3OHJx.js → tabs.stories-C06SngOF.js}

@@ -1,4 +1,4 @@
-import{a as w,b as x,o as R}from"./iframe-dHvya7sk.js";import{s as S}from"./spread-BPiNgQQF.js";import{s as C}from"./story-helpers-BFn_kBYw.js";import{C as z,n as s}from"./cre8-element-DfmMtHJO.js";import{e as v}from"./query-BpjciUlk.js";import{r as T}from"./state-CfuknrX8.js";import{o as A}from"./query-assigned-elements-43hYArgI.js";import{n as L}from"./index.browser-BY9c7rfI.js";import"./f-po-C2WpbOFJ.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./if-defined-HKKhGupN.js";const P=w`.cre8-u-content-knockout-brand {
+import{a as w,b as x,o as R}from"./iframe-BNJP6ovU.js";import{s as S}from"./spread-CnPic3C2.js";import{s as C}from"./story-helpers-BFn_kBYw.js";import{C as z,n as s}from"./cre8-element-B35i4Lyg.js";import{e as v}from"./query-BpjciUlk.js";import{r as T}from"./state-DkQhleoO.js";import{o as A}from"./query-assigned-elements-43hYArgI.js";import{n as L}from"./index.browser-BY9c7rfI.js";import"./f-po-BdPzDRD-.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./if-defined-Bxnzk64Q.js";const P=w`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -620,7 +612,7 @@ span.ripple {
 .cre8-c-tab-panel.cre8-is-active {
   visibility: visible;
   display: block;
-}`;var V=Object.defineProperty,y=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,c;r>=0;r--)(c=o[r])&&(a=c(e,t,a)||a);return a&&V(e,t,a),a};const k=class k extends z{firstUpdated(){this.skipFocusOnPanel||this._Cre8TabPanel.setAttribute("tabindex","0")}render(){const e=this.componentClassNames("cre8-c-tab-panel",{"cre8-is-active":this.isActive});return x`
+}`;var V=Object.defineProperty,y=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,p;r>=0;r--)(p=o[r])&&(a=p(e,t,a)||a);return a&&V(e,t,a),a};const k=class k extends z{firstUpdated(){this.skipFocusOnPanel||this._Cre8TabPanel.setAttribute("tabindex","0")}render(){const e=this.componentClassNames("cre8-c-tab-panel",{"cre8-is-active":this.isActive});return x`
       <div role="tabpanel" class="${e}">
         <slot></slot>
       </div>
@@ -998,10 +990,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1174,10 +1162,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1311,7 +1295,7 @@ span.ripple {
 .cre8-c-tab.cre8-c-tab--small.cre8-is-active:not(:focus-visible) {
   padding-block-end: calc(0.25rem - var(--cre8-border-width-tab-selected));
   /* 1 */
-}`;var B=Object.defineProperty,h=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,c;r>=0;r--)(c=o[r])&&(a=c(e,t,a)||a);return a&&B(e,t,a),a};const I=class I extends z{updated(e){e.has("ariaLabelledBy")&&this._Cre8Tab.setAttribute("id",this.ariaLabelledBy),e.has("isActive")&&(this._Cre8Tab.setAttribute("tabindex",this.isActive?"0":"-1"),this._Cre8Tab.setAttribute("aria-selected",`${this.isActive}`))}_handleTabSelected(){const e=new CustomEvent("tabSelected",{detail:{index:this.index},bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){const e=this.componentClassNames("cre8-c-tab",{"cre8-is-active":this.isActive,"cre8-c-tab--small":this.size==="sm"});return x`
+}`;var B=Object.defineProperty,h=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,p;r>=0;r--)(p=o[r])&&(a=p(e,t,a)||a);return a&&B(e,t,a),a};const I=class I extends z{updated(e){e.has("ariaLabelledBy")&&this._Cre8Tab.setAttribute("id",this.ariaLabelledBy),e.has("isActive")&&(this._Cre8Tab.setAttribute("tabindex",this.isActive?"0":"-1"),this._Cre8Tab.setAttribute("aria-selected",`${this.isActive}`))}_handleTabSelected(){const e=new CustomEvent("tabSelected",{detail:{index:this.index},bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){const e=this.componentClassNames("cre8-c-tab",{"cre8-is-active":this.isActive,"cre8-c-tab--small":this.size==="sm"});return x`
       <button
         role="tab"
         tabindex="-1"
@@ -1322,7 +1306,7 @@ span.ripple {
       >
         <slot></slot>
       </button>
-    `}};I.styles=[O];let p=I;h([s()],p.prototype,"size");h([s({type:Boolean,reflect:!0})],p.prototype,"isActive");h([s({type:Number})],p.prototype,"index");h([s()],p.prototype,"ariaLabelledBy");h([v(".cre8-c-tab")],p.prototype,"_Cre8Tab");customElements.get("cre8-tab")===void 0&&customElements.define("cre8-tab",p);const F=w`.cre8-u-content-knockout-brand {
+    `}};I.styles=[O];let c=I;h([s()],c.prototype,"size");h([s({type:Boolean,reflect:!0})],c.prototype,"isActive");h([s({type:Number})],c.prototype,"index");h([s()],c.prototype,"ariaLabelledBy");h([v(".cre8-c-tab")],c.prototype,"_Cre8Tab");customElements.get("cre8-tab")===void 0&&customElements.define("cre8-tab",c);const F=w`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -1696,10 +1680,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1872,10 +1852,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -2007,7 +1983,7 @@ span.ripple {
 .cre8-c-tabs--full-width .cre8-c-tabs__body {
   border-top: var(--cre8-border-width-tab-selected) var(--cre8-border-style-default) var(--cre8-color-border-default);
   margin-top: calc(var(--cre8-border-width-tab-selected) * -2);
-}`;var X=Object.defineProperty,d=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,c;r>=0;r--)(c=o[r])&&(a=c(e,t,a)||a);return a&&X(e,t,a),a};let E=1;const _=class _ extends z{constructor(){super(),this.activeIndex=0,this.isStart=!0,this.isEnd=!1,this.handleScroll=this.handleScroll.bind(this),this.handleResize=this.handleResize.bind(this),this.setIsStart=this.setIsStart.bind(this),this.setIsEnd=this.setIsEnd.bind(this),this.emitEvent=this.emitEvent.bind(this),this.tabId=`cre8-tabpanel-${E}`,E+=1}get isRTL(){return document.dir==="rtl"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleResize)}async firstUpdated(){this.setTabAttributes(),await this.updateComplete,this.activeTab=this._Cre8TabItems[this.activeIndex]||this._Cre8TabItems[0],this.setActiveTab(),this.setIsStart(),this.setIsEnd(),this.setTabVariant()}async updated(e){e.forEach(async(t,i)=>{i==="activeIndex"&&this.activeIndex!==t&&(await this.updateComplete,this.activeTab&&this.removePreviousActiveTab(),this.activeTab=this._Cre8TabItems[this.activeIndex],this.setActiveTab())})}handleResize(){this.setIsStart(),this.setIsEnd()}handleScroll(){this.setIsStart(),this.setIsEnd()}setIsStart(){this.isRTL?this._Cre8TabsHeaderList.scrollLeft>0?this.isStart=!0:this.isStart=!1:this._Cre8TabsHeaderList.scrollLeft>0?this.isStart=!1:this.isStart=!0}setIsEnd(){this.isInViewport()===!0?this.isEnd=!0:this.isEnd=!1}isInViewport(){const t=this._Cre8TabItems[this._Cre8TabItems.length-1].shadowRoot?.querySelector(".cre8-c-tab");if(!t)return!1;const i=t.getBoundingClientRect(),a=window.innerWidth||document.documentElement.clientWidth;return i.left>=0&&i.right<=a}setTabVariant(){this.size==="sm"&&this._Cre8TabItems.forEach(e=>{e.size="sm"})}setTabAttributes(){this._Cre8TabItems.forEach((e,t)=>{e.index=t;const a=e.ariaLabelledBy||L();e.ariaLabelledBy=a;const r=this._Cre8TabPanels[t];r.index=t})}setActiveTab(){this.activeTab.isActive=!0;const e=this._Cre8TabPanels.find(t=>t.index===this.activeTab.index);e&&(e.isActive=!0)}setActiveTabFocus(){this.activeTab.shadowRoot?.querySelector(".cre8-c-tab").focus()}handleTabSelected(e){const{target:t}=e;if(this._Cre8TabItems.includes(t)){this.activeTab&&this.removePreviousActiveTab(),this.activeTab=t;const i=this._Cre8TabItems.findIndex(a=>a===this.activeTab);this.activeIndex=i,this.setActiveTab(),this.emitEvent()}}handleKeydown(e){const{target:t}=e;if(document.activeElement.matches("cre8-tab"))switch(e.key){case"ArrowRight":e.preventDefault(),this.setSelectedToNextTab(t);break;case"ArrowLeft":e.preventDefault(),this.setSelectedToPreviousTab(t);break;case"Home":e.preventDefault(),this.setSelectedToNextTab(this._Cre8TabItems[this._Cre8TabItems.length-1]);break;case"End":e.preventDefault(),this.setSelectedToPreviousTab(this._Cre8TabItems[0]);break;case"Escape":this.activeTab.blur();break}}setSelectedToPreviousTab(e){const t=e.index;this.removePreviousActiveTab();const i=this._Cre8TabItems.length-1;if(t===0)this.activeIndex=i,this.activeTab=this._Cre8TabItems[i];else{const a=t-1;this.activeIndex=a,this.activeTab=this._Cre8TabItems[a]}this.setActiveTab(),this.setActiveTabFocus(),this.emitEvent()}setSelectedToNextTab(e){const t=e.index;this.removePreviousActiveTab();const i=this._Cre8TabItems.length-1;if(t===i)this.activeIndex=0,this.activeTab=this._Cre8TabItems[0];else{const a=t+1;this.activeIndex=a,this.activeTab=this._Cre8TabItems[a]}this.setActiveTab(),this.setActiveTabFocus(),this.emitEvent()}removePreviousActiveTab(){this.activeTab.isActive=!1;const e=this._Cre8TabPanels.find(t=>t.index===this.activeTab.index);e&&(e.isActive=!1)}emitEvent(){const e=new CustomEvent("tabChange",{detail:{value:this.activeTab,activeTabIndex:this.activeIndex},bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){const e=this.componentClassNames("cre8-c-tabs",{"cre8-is-start":this.isStart===!0,"cre8-is-end":this.isEnd===!0,"cre8-c-tabs--full-width":this.fullWidth});return x`
+}`;var X=Object.defineProperty,d=(o,e,t,i)=>{for(var a=void 0,r=o.length-1,p;r>=0;r--)(p=o[r])&&(a=p(e,t,a)||a);return a&&X(e,t,a),a};let E=1;const _=class _ extends z{constructor(){super(),this.activeIndex=0,this.isStart=!0,this.isEnd=!1,this.handleScroll=this.handleScroll.bind(this),this.handleResize=this.handleResize.bind(this),this.setIsStart=this.setIsStart.bind(this),this.setIsEnd=this.setIsEnd.bind(this),this.emitEvent=this.emitEvent.bind(this),this.tabId=`cre8-tabpanel-${E}`,E+=1}get isRTL(){return document.dir==="rtl"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleResize)}async firstUpdated(){this.setTabAttributes(),await this.updateComplete,this.activeTab=this._Cre8TabItems[this.activeIndex]||this._Cre8TabItems[0],this.setActiveTab(),this.setIsStart(),this.setIsEnd(),this.setTabVariant()}async updated(e){e.forEach(async(t,i)=>{i==="activeIndex"&&this.activeIndex!==t&&(await this.updateComplete,this.activeTab&&this.removePreviousActiveTab(),this.activeTab=this._Cre8TabItems[this.activeIndex],this.setActiveTab())})}handleResize(){this.setIsStart(),this.setIsEnd()}handleScroll(){this.setIsStart(),this.setIsEnd()}setIsStart(){this.isRTL?this._Cre8TabsHeaderList.scrollLeft>0?this.isStart=!0:this.isStart=!1:this._Cre8TabsHeaderList.scrollLeft>0?this.isStart=!1:this.isStart=!0}setIsEnd(){this.isInViewport()===!0?this.isEnd=!0:this.isEnd=!1}isInViewport(){const t=this._Cre8TabItems[this._Cre8TabItems.length-1].shadowRoot?.querySelector(".cre8-c-tab");if(!t)return!1;const i=t.getBoundingClientRect(),a=window.innerWidth||document.documentElement.clientWidth;return i.left>=0&&i.right<=a}setTabVariant(){this.size==="sm"&&this._Cre8TabItems.forEach(e=>{e.size="sm"})}setTabAttributes(){this._Cre8TabItems.forEach((e,t)=>{e.index=t;const a=e.ariaLabelledBy||L();e.ariaLabelledBy=a;const r=this._Cre8TabPanels[t];r.index=t})}setActiveTab(){this.activeTab.isActive=!0;const e=this._Cre8TabPanels.find(t=>t.index===this.activeTab.index);e&&(e.isActive=!0)}setActiveTabFocus(){this.activeTab.shadowRoot?.querySelector(".cre8-c-tab").focus()}handleTabSelected(e){const{target:t}=e;if(this._Cre8TabItems.includes(t)){this.activeTab&&this.removePreviousActiveTab(),this.activeTab=t;const i=this._Cre8TabItems.findIndex(a=>a===this.activeTab);this.activeIndex=i,this.setActiveTab(),this.emitEvent()}}handleKeydown(e){const{target:t}=e;if(document.activeElement.matches("cre8-tab"))switch(e.key){case"ArrowRight":e.preventDefault(),this.setSelectedToNextTab(t);break;case"ArrowLeft":e.preventDefault(),this.setSelectedToPreviousTab(t);break;case"Home":e.preventDefault(),this.setSelectedToNextTab(this._Cre8TabItems[this._Cre8TabItems.length-1]);break;case"End":e.preventDefault(),this.setSelectedToPreviousTab(this._Cre8TabItems[0]);break;case"Escape":this.activeTab.blur();break}}setSelectedToPreviousTab(e){const t=e.index;this.removePreviousActiveTab();const i=this._Cre8TabItems.length-1;if(t===0)this.activeIndex=i,this.activeTab=this._Cre8TabItems[i];else{const a=t-1;this.activeIndex=a,this.activeTab=this._Cre8TabItems[a]}this.setActiveTab(),this.setActiveTabFocus(),this.emitEvent()}setSelectedToNextTab(e){const t=e.index;this.removePreviousActiveTab();const i=this._Cre8TabItems.length-1;if(t===i)this.activeIndex=0,this.activeTab=this._Cre8TabItems[0];else{const a=t+1;this.activeIndex=a,this.activeTab=this._Cre8TabItems[a]}this.setActiveTab(),this.setActiveTabFocus(),this.emitEvent()}removePreviousActiveTab(){this.activeTab.isActive=!1;const e=this._Cre8TabPanels.find(t=>t.index===this.activeTab.index);e&&(e.isActive=!1)}emitEvent(){const e=new CustomEvent("tabChange",{detail:{value:this.activeTab,activeTabIndex:this.activeIndex},bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){const e=this.componentClassNames("cre8-c-tabs",{"cre8-is-start":this.isStart===!0,"cre8-is-end":this.isEnd===!0,"cre8-c-tabs--full-width":this.fullWidth});return x`
         <div class="${e}">
             <div class="cre8-c-tabs__header">
                 <div

package/dist/assets/{tag-list.stories-BmyCmrTF.js → tag-list.stories-Du-IoYzu.js}

@@ -1,4 +1,4 @@
-import{a as h,b as d}from"./iframe-dHvya7sk.js";import{s as p}from"./spread-BPiNgQQF.js";import"./tag-vQFuZneb.js";import{C as x,n as c}from"./cre8-element-DfmMtHJO.js";import{n as f}from"./index.browser-BY9c7rfI.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./if-defined-HKKhGupN.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./_commonjsHelpers-DaWZu8wl.js";const b=h`.cre8-u-content-knockout-brand {
+import{a as h,b as d}from"./iframe-BNJP6ovU.js";import{s as p}from"./spread-CnPic3C2.js";import"./tag-oHGdclJl.js";import{C as x,n as c}from"./cre8-element-B35i4Lyg.js";import{n as f}from"./index.browser-BY9c7rfI.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./_commonjsHelpers-DaWZu8wl.js";const b=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -617,7 +609,7 @@ span.ripple {
   padding: 0;
   display: flex;
   flex-wrap: wrap;
-}`;var y=Object.defineProperty,u=(t,r,l,v)=>{for(var e=void 0,s=t.length-1,g;s>=0;s--)(g=t[s])&&(e=g(r,l,e)||e);return e&&y(r,l,e),e};const m=class m extends x{firstUpdated(){this._initializeAria()}_initializeAria(){this.fieldId=this.fieldId||f()}render(){const r=this.componentClassNames("cre8-c-tag-list",{});return d`
+}`;var y=Object.defineProperty,u=(t,r,g,v)=>{for(var e=void 0,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=l(r,g,e)||e);return e&&y(r,g,e),e};const m=class m extends x{firstUpdated(){this._initializeAria()}_initializeAria(){this.fieldId=this.fieldId||f()}render(){const r=this.componentClassNames("cre8-c-tag-list",{});return d`
       <fieldset class="${r}">
         <legend class="cre8-c-tag-list__legend">${this.label}</legend>
         <div class="cre8-c-tag-list__list" role="list">   

package/dist/assets/{tag-vQFuZneb.js → tag-oHGdclJl.js}

@@ -1,4 +1,4 @@
-import{a as p,b as g}from"./iframe-dHvya7sk.js";import{n as o}from"./cre8-element-DfmMtHJO.js";import{e as h}from"./query-BpjciUlk.js";import{n as u}from"./index.browser-BY9c7rfI.js";import{o as l}from"./if-defined-HKKhGupN.js";import{C as f}from"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";const b=p`.cre8-u-content-knockout-brand {
+import{a as p,b as g}from"./iframe-BNJP6ovU.js";import{n as o}from"./cre8-element-B35i4Lyg.js";import{e as h}from"./query-BpjciUlk.js";import{n as u}from"./index.browser-BY9c7rfI.js";import{o as l}from"./if-defined-Bxnzk64Q.js";import{C as f}from"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";const b=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{tag.stories-DGzrNUbb.js → tag.stories-C5D5IbuK.js}

@@ -1,4 +1,4 @@
-import{b as g}from"./iframe-dHvya7sk.js";import{s as S}from"./spread-BPiNgQQF.js";import"./tag-vQFuZneb.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./if-defined-HKKhGupN.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";const E={title:"In Development/Tag",component:"cre8-tag",render:y=>g`<cre8-tag ${S(y)}></cre8-tag>`,parameters:{status:{type:"inProgress"}},argTypes:{text:{control:"text"},type:{options:["checkbox","radio"],control:{type:"radio"}},variant:{options:["neutral","branded","neutral-hybrid"],control:{type:"select"}},isDisabled:{control:{type:"boolean"}},isSelected:{control:{type:"boolean"}}},args:{type:"radio",variant:"neutral"}},e={args:{text:"Default",type:"radio"}},r={args:{text:"Neutral",type:"radio"}},a={args:{isSelected:!0,text:"Neutral",type:"radio"}},t={args:{text:"Neutral Hybrid",type:"radio",variant:"neutral-hybrid"}},o={args:{isSelected:!0,text:"Neutral Hybrid",type:"radio",variant:"neutral-hybrid"}},s={args:{text:"Branded",type:"radio",variant:"branded"}},d={args:{isSelected:!0,text:"Branded",type:"radio",variant:"branded"}},n={args:{text:"Disabled",isDisabled:!0}},c={args:{text:"Default",type:"checkbox"}},i={args:{text:"Round",type:"checkbox",shape:"round"}},p={args:{isSelected:!0,text:"Neutral Selected",type:"checkbox"}},u={args:{text:"Neutral Hybrid",type:"checkbox",variant:"neutral-hybrid"}},l={args:{text:"Neutral Hybrid Selected",isSelected:!0,shape:"round",type:"checkbox",variant:"neutral-hybrid"}},b={args:{text:"Branded",type:"checkbox",variant:"branded"}},m={args:{text:"Branded Selected",isSelected:!0,type:"checkbox",variant:"branded"}},x={args:{text:"Disabled",isDisabled:!0,type:"checkbox"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{b as g}from"./iframe-BNJP6ovU.js";import{s as S}from"./spread-CnPic3C2.js";import"./tag-oHGdclJl.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";const E={title:"In Development/Tag",component:"cre8-tag",render:y=>g`<cre8-tag ${S(y)}></cre8-tag>`,parameters:{status:{type:"inProgress"}},argTypes:{text:{control:"text"},type:{options:["checkbox","radio"],control:{type:"radio"}},variant:{options:["neutral","branded","neutral-hybrid"],control:{type:"select"}},isDisabled:{control:{type:"boolean"}},isSelected:{control:{type:"boolean"}}},args:{type:"radio",variant:"neutral"}},e={args:{text:"Default",type:"radio"}},r={args:{text:"Neutral",type:"radio"}},a={args:{isSelected:!0,text:"Neutral",type:"radio"}},t={args:{text:"Neutral Hybrid",type:"radio",variant:"neutral-hybrid"}},o={args:{isSelected:!0,text:"Neutral Hybrid",type:"radio",variant:"neutral-hybrid"}},s={args:{text:"Branded",type:"radio",variant:"branded"}},d={args:{isSelected:!0,text:"Branded",type:"radio",variant:"branded"}},n={args:{text:"Disabled",isDisabled:!0}},c={args:{text:"Default",type:"checkbox"}},i={args:{text:"Round",type:"checkbox",shape:"round"}},p={args:{isSelected:!0,text:"Neutral Selected",type:"checkbox"}},u={args:{text:"Neutral Hybrid",type:"checkbox",variant:"neutral-hybrid"}},l={args:{text:"Neutral Hybrid Selected",isSelected:!0,shape:"round",type:"checkbox",variant:"neutral-hybrid"}},b={args:{text:"Branded",type:"checkbox",variant:"branded"}},m={args:{text:"Branded Selected",isSelected:!0,type:"checkbox",variant:"branded"}},x={args:{text:"Disabled",isDisabled:!0,type:"checkbox"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Default',
     type: 'radio'

package/dist/assets/{tertiary-nav.stories-D4q5K-am.js → tertiary-nav.stories-B1GU8Zi4.js}

@@ -1,4 +1,4 @@
-import{a as f,b as l}from"./iframe-dHvya7sk.js";import{s as y}from"./spread-BPiNgQQF.js";import{w}from"./decorator-iVSD-Llo.js";import{C as x,n as p}from"./cre8-element-DfmMtHJO.js";import{o as h}from"./if-defined-HKKhGupN.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=f`.cre8-u-content-knockout-brand {
+import{a as f,b as l}from"./iframe-BNJP6ovU.js";import{s as y}from"./spread-CnPic3C2.js";import{w as z}from"./decorator-iVSD-Llo.js";import{C as x,n as p}from"./cre8-element-B35i4Lyg.js";import{o as h}from"./if-defined-Bxnzk64Q.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=f`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -624,7 +616,7 @@ span.ripple {
           <slot></slot>
         </ul>
       </nav>
-    `}};g.styles=[z];let o=g;v([p({type:Boolean,reflect:!0})],o.prototype,"fullWidth");v([p()],o.prototype,"navAriaLabel");customElements.get("cre8-tertiary-nav")===void 0&&customElements.define("cre8-tertiary-nav",o);const I=f`.cre8-u-content-knockout-brand {
+    `}};g.styles=[w];let o=g;v([p({type:Boolean,reflect:!0})],o.prototype,"fullWidth");v([p()],o.prototype,"navAriaLabel");customElements.get("cre8-tertiary-nav")===void 0&&customElements.define("cre8-tertiary-nav",o);const I=f`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -998,10 +990,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1174,10 +1162,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1277,7 +1261,7 @@ span.ripple {
           <slot></slot>
         </a>
       </li>
-    `}};u.styles=[I];let d=u;b([p()],d.prototype,"href");b([p({type:Boolean,reflect:!0})],d.prototype,"isCurrent");customElements.get("cre8-tertiary-nav-item")===void 0&&customElements.define("cre8-tertiary-nav-item",d);const X={title:"Cre8 Components/Tertiary Nav",component:"cre8-tertiary-nav",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[w]},m=r=>l`
+    `}};u.styles=[I];let d=u;b([p()],d.prototype,"href");b([p({type:Boolean,reflect:!0})],d.prototype,"isCurrent");customElements.get("cre8-tertiary-nav-item")===void 0&&customElements.define("cre8-tertiary-nav-item",d);const X={title:"Cre8 Components/Tertiary Nav",component:"cre8-tertiary-nav",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[z]},m=r=>l`
 <cre8-tertiary-nav ${y(r)}>
   <cre8-tertiary-nav-item href="#" ?isCurrent=${!0}>Tertiary Nav Item 1</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 2</cre8-tertiary-nav-item>

package/dist/assets/{text-link-4qLRIeJB.js → text-link-B3m3KEqY.js}

@@ -1,4 +1,4 @@
-import{a as p,b as s}from"./iframe-dHvya7sk.js";import{o as c}from"./if-defined-HKKhGupN.js";import{C as g,n as r}from"./cre8-element-DfmMtHJO.js";const h=p`.cre8-u-content-knockout-brand {
+import{a as p,b as s}from"./iframe-BNJP6ovU.js";import{o as c}from"./if-defined-Bxnzk64Q.js";import{C as g,n as r}from"./cre8-element-B35i4Lyg.js";const h=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{text-link.stories-D6BRm2I5.js → text-link.stories-4O6qn82H.js}

@@ -1 +1 @@
-import{b as e}from"./iframe-dHvya7sk.js";import{s as c}from"./spread-BPiNgQQF.js";import"./text-link-4qLRIeJB.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const u={title:"Cre8 Components/Text Link",component:"cre8-text-link",parameters:{status:{type:"inProgress"}}},r=n=>e`<cre8-text-link ${c(n)} href="#">Text Link</cre8-text-link>`,t=()=>e`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`,a=()=>e`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`,s=()=>e`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${!0} href="#">Inverted Text Link</cre8-text-link></div>`,i=()=>e`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-text-link ${spread(args)} href="#">Text Link</cre8-text-link>`',...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`',...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`',...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:'() => html`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${true} href="#">Inverted Text Link</cre8-text-link></div>`',...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`',...i.parameters?.docs?.source}}};const f=["Default","Secondary","Display","Inverted","Small"];export{r as Default,a as Display,s as Inverted,t as Secondary,i as Small,f as __namedExportsOrder,u as default};
+import{b as e}from"./iframe-BNJP6ovU.js";import{s as c}from"./spread-CnPic3C2.js";import"./text-link-B3m3KEqY.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const u={title:"Cre8 Components/Text Link",component:"cre8-text-link",parameters:{status:{type:"inProgress"}}},r=n=>e`<cre8-text-link ${c(n)} href="#">Text Link</cre8-text-link>`,t=()=>e`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`,a=()=>e`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`,s=()=>e`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${!0} href="#">Inverted Text Link</cre8-text-link></div>`,i=()=>e`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-text-link ${spread(args)} href="#">Text Link</cre8-text-link>`',...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`',...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`',...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:'() => html`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${true} href="#">Inverted Text Link</cre8-text-link></div>`',...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`',...i.parameters?.docs?.source}}};const f=["Default","Secondary","Display","Inverted","Small"];export{r as Default,a as Display,s as Inverted,t as Secondary,i as Small,f as __namedExportsOrder,u as default};

package/dist/assets/{text-passage-DGaI5i2I.js → text-passage-xQVosjOr.js}

@@ -1,4 +1,4 @@
-import{a as d,b as p}from"./iframe-dHvya7sk.js";import{C as g,n as l}from"./cre8-element-DfmMtHJO.js";const c=d`.cre8-u-content-knockout-brand {
+import{a as d,b as m}from"./iframe-BNJP6ovU.js";import{C as g,n as l}from"./cre8-element-B35i4Lyg.js";const c=d`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1219,10 +1211,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1395,10 +1383,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1474,8 +1458,8 @@ span.ripple {
 
 ::slotted(.header) {
   margin-bottom: 0.75rem;
-}`;var f=Object.defineProperty,m=(o,a,e,u)=>{for(var t=void 0,i=o.length-1,s;i>=0;i--)(s=o[i])&&(t=s(a,e,t)||t);return t&&f(a,e,t),t};const n=class n extends g{constructor(){super(...arguments),this.size="default"}connectedCallback(){if(super.connectedCallback(),!document.head.querySelector("#cre8-text-passage-styles")){const e=document.createElement("style");e.id="cre8-text-passage-styles",e.innerHTML=c.cssText,document.head.appendChild(e)}}render(){const a=this.componentClassNames("cre8-c-text-passage",{"cre8-c-text-passage--default":this.size==="default"||void 0,"cre8-c-text-passage--inverted":this.inverted,"cre8-c-text-passage--small":this.size==="small","cre8-c-text-passage--large":this.size==="large"});return p`
+}`;var f=Object.defineProperty,p=(n,a,e,u)=>{for(var t=void 0,i=n.length-1,s;i>=0;i--)(s=n[i])&&(t=s(a,e,t)||t);return t&&f(a,e,t),t};const o=class o extends g{constructor(){super(...arguments),this.size="default"}connectedCallback(){if(super.connectedCallback(),!document.head.querySelector("#cre8-text-passage-styles")){const e=document.createElement("style");e.id="cre8-text-passage-styles",e.innerHTML=c.cssText,document.head.appendChild(e)}}render(){const a=this.componentClassNames("cre8-c-text-passage",{"cre8-c-text-passage--default":this.size==="default"||void 0,"cre8-c-text-passage--inverted":this.inverted,"cre8-c-text-passage--small":this.size==="small","cre8-c-text-passage--large":this.size==="large"});return m`
       <div class="${a}">
         <slot></slot>
       </div>
-    `}};n.styles=[h];let r=n;m([l({type:Boolean,reflect:!0})],r.prototype,"inverted");m([l()],r.prototype,"size");customElements.get("cre8-text-passage")===void 0&&customElements.define("cre8-text-passage",r);
+    `}};o.styles=[h];let r=o;p([l({type:Boolean,reflect:!0})],r.prototype,"inverted");p([l()],r.prototype,"size");customElements.get("cre8-text-passage")===void 0&&customElements.define("cre8-text-passage",r);

package/dist/assets/{text-passage.stories-DkmXVUhH.js → text-passage.stories-Da1nspwG.js}

@@ -1,4 +1,4 @@
-import{b as l}from"./iframe-dHvya7sk.js";import{s as a}from"./spread-BPiNgQQF.js";import"./text-passage-DGaI5i2I.js";import"./heading-485Jz7JZ.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const g={title:"cre8 Components/Text Passage",component:"cre8-text-passage",parameters:{status:{type:"inProgress"}},argTypes:{size:{options:["default","small","large"],control:{type:"select"}},inverted:{control:{type:"boolean"}}}},i={render:e=>l`<cre8-text-passage ${a(e)}>
+import{b as l}from"./iframe-BNJP6ovU.js";import{s as a}from"./spread-CnPic3C2.js";import"./text-passage-xQVosjOr.js";import"./heading-Dbka33DK.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const g={title:"cre8 Components/Text Passage",component:"cre8-text-passage",parameters:{status:{type:"inProgress"}},argTypes:{size:{options:["default","small","large"],control:{type:"select"}},inverted:{control:{type:"boolean"}}}},i={render:e=>l`<cre8-text-passage ${a(e)}>
     <p>
       A text passage contains arbitrary text that might come from a CMS. It should live within a container that caps the line length of the text to
       avoid a straining reading experience.

package/dist/assets/{tooltip.stories-B7ADDq7o.js → tooltip.stories-DLKyyeKn.js}

@@ -1,4 +1,4 @@
-import{a as k,b as c,o as v}from"./iframe-dHvya7sk.js";import{s as _}from"./spread-BPiNgQQF.js";import{s as x}from"./story-helpers-BFn_kBYw.js";import"./icon-DeTLDzTS.js";import{C as z,n as a}from"./cre8-element-DfmMtHJO.js";import{e as w}from"./query-BpjciUlk.js";import{n as A}from"./index.browser-BY9c7rfI.js";import{o as C}from"./if-defined-HKKhGupN.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const T=k`.cre8-u-content-knockout-brand {
+import{a as k,b as c,o as v}from"./iframe-BNJP6ovU.js";import{s as _}from"./spread-CnPic3C2.js";import{s as x}from"./story-helpers-BFn_kBYw.js";import"./icon-ChfRWXWy.js";import{C as z,n as a}from"./cre8-element-B35i4Lyg.js";import{e as w}from"./query-BpjciUlk.js";import{n as A}from"./index.browser-BY9c7rfI.js";import{o as C}from"./if-defined-Bxnzk64Q.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const T=k`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -842,7 +834,7 @@ svg {
             </cre8-tooltip>
           </div>
         </div>
-      `,args:{ariaDescribes:"whadayacallit-default-link"},argTypes:{ariaDescribes:{control:"text"},close:{table:{disable:!0}},isActive:{table:{disable:!0}},isActiveDynamic:{table:{disable:!0}},isDynamic:{control:"boolean"},isRTL:{table:{disable:!0}},knockout:{control:"boolean"},linkText:{table:{disable:!0}},linkURL:{table:{disable:!0}},open:{table:{disable:!0}},position:{options:["default","top","right","left"]},removeActive:{table:{disable:!0}},svg:{control:"text"},iconRotateDegree:{control:"text"},iconFlipDirection:{options:["vertical","horizontal","both"]}}},m={args:{linkText:"Trouble",linkURL:"/?path=/story/cre8-components-tooltip--default",default:"<span>Something <strong>easy</strong> to get into, but hard to get out of reallyreallylongwordthatshouldbreaktomakethetextwindownotoverflow</span>",svg:l}},g={args:{knockout:!0,linkText:"An iWitness",linkURL:"/?path=/story/cre8-components-tooltip--knockout",default:"Someone that saw an iPhone being stolen",svg:l}},h={args:{position:"top",linkText:"A plain bagel",linkURL:"/?path=/story/cre8-components-tooltip--position-top",default:"A bagel that can fly",svg:l}},u={args:{position:"left",linkText:"An undercover cop",linkURL:"/?path=/story/cre8-components-tooltip--position-left",default:"A policeman in bed",svg:l}},f={args:{position:"right",linkText:"An umbrella",linkURL:"/?path=/story/cre8-components-tooltip--position-right",default:"Something that goes up when the rain comes down",svg:l}},d={args:{isDynamic:!0,linkText:"A URL-ologist",linkURL:"/?path=/story/cre8-components-tooltip--position-dynamic"}};d.parameters={layout:"fullscreen"};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+      `,args:{ariaDescribes:"whadayacallit-default-link"},argTypes:{ariaDescribes:{control:"text"},close:{table:{disable:!0}},isActive:{table:{disable:!0}},isActiveDynamic:{table:{disable:!0}},isDynamic:{control:"boolean"},isRTL:{table:{disable:!0}},knockout:{control:"boolean"},linkText:{table:{disable:!0}},linkURL:{table:{disable:!0}},open:{table:{disable:!0}},position:{options:["default","top","right","left"]},removeActive:{table:{disable:!0}},svg:{control:"text"},iconRotateDegree:{control:"text"},iconFlipDirection:{options:["vertical","horizontal","both"]}}},m={args:{linkText:"Trouble",linkURL:"/?path=/story/cre8-components-tooltip--default",default:"<span>Something <strong>easy</strong> to get into, but hard to get out of reallyreallylongwordthatshouldbreaktomakethetextwindownotoverflow</span>",svg:l}},g={args:{knockout:!0,linkText:"An iWitness",linkURL:"/?path=/story/cre8-components-tooltip--knockout",default:"Someone that saw an iPhone being stolen",svg:l}},u={args:{position:"top",linkText:"A plain bagel",linkURL:"/?path=/story/cre8-components-tooltip--position-top",default:"A bagel that can fly",svg:l}},h={args:{position:"left",linkText:"An undercover cop",linkURL:"/?path=/story/cre8-components-tooltip--position-left",default:"A policeman in bed",svg:l}},f={args:{position:"right",linkText:"An umbrella",linkURL:"/?path=/story/cre8-components-tooltip--position-right",default:"Something that goes up when the rain comes down",svg:l}},d={args:{isDynamic:!0,linkText:"A URL-ologist",linkURL:"/?path=/story/cre8-components-tooltip--position-dynamic"}};d.parameters={layout:"fullscreen"};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   args: {
     linkText: 'Trouble',
     linkURL: '/?path=/story/cre8-components-tooltip--default',
@@ -857,7 +849,7 @@ svg {
     default: 'Someone that saw an iPhone being stolen',
     svg: svgInfoFilled
   }
-}`,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
   args: {
     position: 'top',
     linkText: 'A plain bagel',
@@ -865,7 +857,7 @@ svg {
     default: 'A bagel that can fly',
     svg: svgInfoFilled
   }
-}`,...h.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+}`,...u.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   args: {
     position: 'left',
     linkText: 'An undercover cop',
@@ -873,7 +865,7 @@ svg {
     default: 'A policeman in bed',
     svg: svgInfoFilled
   }
-}`,...u.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
   args: {
     position: 'right',
     linkText: 'An umbrella',
@@ -887,4 +879,4 @@ svg {
     linkText: 'A URL-ologist',
     linkURL: '/?path=/story/cre8-components-tooltip--position-dynamic'
   }
-}`,...d.parameters?.docs?.source}}};const O=["DefaultIcon","Knockout","PositionTop","PositionLeft","PositionRight","PositionDynamic"];export{m as DefaultIcon,g as Knockout,d as PositionDynamic,u as PositionLeft,f as PositionRight,h as PositionTop,O as __namedExportsOrder,q as default};
+}`,...d.parameters?.docs?.source}}};const O=["DefaultIcon","Knockout","PositionTop","PositionLeft","PositionRight","PositionDynamic"];export{m as DefaultIcon,g as Knockout,d as PositionDynamic,h as PositionLeft,f as PositionRight,u as PositionTop,O as __namedExportsOrder,q as default};

package/dist/assets/{utility-nav.stories-ffXVvyLp.js → utility-nav.stories-B6xBFe7z.js}

@@ -1,4 +1,4 @@
-import{a as x,A as p,b as i}from"./iframe-dHvya7sk.js";import{s as z}from"./spread-BPiNgQQF.js";import{o as c}from"./if-defined-HKKhGupN.js";import{C as y,n as o}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=x`.cre8-u-content-knockout-brand {
+import{a as y,A as p,b as i}from"./iframe-BNJP6ovU.js";import{s as z}from"./spread-CnPic3C2.js";import{o as c}from"./if-defined-Bxnzk64Q.js";import{C as x,n as o}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=y`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -648,7 +640,7 @@ cre8-icon-legacy {
 cre8-icon-legacy + .cre8-c-utility-nav__text {
   margin-left: 0.5rem;
   /* 1 */
-}`;var k=Object.defineProperty,s=(a,e,d,v)=>{for(var t=void 0,n=a.length-1,m;n>=0;n--)(m=a[n])&&(t=m(e,d,t)||t);return t&&k(e,d,t),t};const h=class h extends y{constructor(){super(...arguments),this.iconPosition=void 0}render(){const e=this.componentClassNames("cre8-c-utility-nav__item",{});return this.href?i`
+}`;var k=Object.defineProperty,l=(a,e,d,v)=>{for(var t=void 0,n=a.length-1,m;n>=0;n--)(m=a[n])&&(t=m(e,d,t)||t);return t&&k(e,d,t),t};const h=class h extends x{constructor(){super(...arguments),this.iconPosition=void 0}render(){const e=this.componentClassNames("cre8-c-utility-nav__item",{});return this.href?i`
         <li class="${e}">
           <a href="${this.href}" class="cre8-c-utility-nav__link">
             ${this.iconPosition==="before"?i`<cre8-icon-legacy aria-hidden="true" name="${c(this.iconName)}"></cre8-icon-legacy>`:p}
@@ -672,7 +664,7 @@ cre8-icon-legacy + .cre8-c-utility-nav__text {
             ${this.iconPosition==="after"?i`<cre8-icon-legacy aria-hidden="true" name="${c(this.iconName)}"></cre8-icon-legacy>`:p}
           </button>
         </li>
-      `}};h.styles=[w];let r=h;s([o({type:Boolean,reflect:!0})],r.prototype,"hideText");s([o()],r.prototype,"href");s([o()],r.prototype,"iconName");s([o()],r.prototype,"iconPosition");s([o()],r.prototype,"text");customElements.get("cre8-utility-nav-item")===void 0&&customElements.define("cre8-utility-nav-item",r);const _=x`.cre8-u-content-knockout-brand {
+      `}};h.styles=[w];let r=h;l([o({type:Boolean,reflect:!0})],r.prototype,"hideText");l([o()],r.prototype,"href");l([o()],r.prototype,"iconName");l([o()],r.prototype,"iconPosition");l([o()],r.prototype,"text");customElements.get("cre8-utility-nav-item")===void 0&&customElements.define("cre8-utility-nav-item",r);const _=y`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -1046,10 +1038,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1222,10 +1210,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1292,13 +1276,13 @@ span.ripple {
 .cre8-c-utility-nav__list ::slotted(cre8-utility-nav-item) {
   margin-left: 1rem;
   margin-top: 1rem;
-}`;var I=Object.defineProperty,b=(a,e,d,v)=>{for(var t=void 0,n=a.length-1,m;n>=0;n--)(m=a[n])&&(t=m(e,d,t)||t);return t&&I(e,d,t),t};const f=class f extends y{constructor(){super(...arguments),this.navAriaLabel="utility"}render(){const e=this.componentClassNames("cre8-c-utility-nav",{"cre8-c-utility-nav--inverted":this.inverted===!0});return i`
+}`;var I=Object.defineProperty,b=(a,e,d,v)=>{for(var t=void 0,n=a.length-1,m;n>=0;n--)(m=a[n])&&(t=m(e,d,t)||t);return t&&I(e,d,t),t};const f=class f extends x{constructor(){super(...arguments),this.navAriaLabel="utility"}render(){const e=this.componentClassNames("cre8-c-utility-nav",{"cre8-c-utility-nav--inverted":this.inverted===!0});return i`
       <nav aria-label="${this.navAriaLabel}" class="${e}">
         <ul class="cre8-c-utility-nav__list">
           <slot></slot>
         </ul>
       </nav>
-    `}};f.styles=[_];let l=f;b([o({type:Boolean,reflect:!0})],l.prototype,"inverted");b([o()],l.prototype,"navAriaLabel");customElements.get("cre8-utility-nav")===void 0&&customElements.define("cre8-utility-nav",l);const X={title:"Cre8 Components/Utility Nav",component:"cre8-utility-nav",parameters:{status:{type:"inProgress"}}},g=a=>i` <cre8-utility-nav ${z(a)}>
+    `}};f.styles=[_];let s=f;b([o({type:Boolean,reflect:!0})],s.prototype,"inverted");b([o()],s.prototype,"navAriaLabel");customElements.get("cre8-utility-nav")===void 0&&customElements.define("cre8-utility-nav",s);const X={title:"Cre8 Components/Utility Nav",component:"cre8-utility-nav",parameters:{status:{type:"inProgress"}}},g=a=>i` <cre8-utility-nav ${z(a)}>
   <cre8-utility-nav-item text="Utility Item 1"></cre8-utility-nav-item>
   <cre8-utility-nav-item text="Utility Item 2"></cre8-utility-nav-item>
 </cre8-utility-nav>`,u=()=>i` <cre8-utility-nav>

package/dist/design-tokens/brands/cre8/css/tokens_brand.css

@@ -1,5 +1,5 @@
 /**
- * evernorth: all tokens
+ * cre8: all tokens
  */
 
 :root {

package/dist/design-tokens/core/scss/theming/component.css

@@ -1 +1 @@
-*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem;--cre8-l-max-width: 82.5rem;--cre8-l-linelength-width: 42rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem;--cre8-l-max-width: 82.5rem;--cre8-l-linelength-width: 42rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}
+*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}

package/dist/design-tokens/core/scss/theming/variables.css

@@ -1,9 +1,5 @@
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -40,6 +36,4 @@
  */
 /**
  * Visually hidden from display
- */
-
-/*# sourceMappingURL=variables.css.map */
+ *//*# sourceMappingURL=variables.css.map */

package/dist/design-tokens/core/scss/theming/variables.scss

@@ -1,17 +1,6 @@
 // Global CSS custom properties that aren't part of a themes dcre8gn tokens
 :root {
   --size-base-unit: 0.5rem;
-
-  // Layout widths
-  // 1) `cre8-layout-container` and `cre8-linelength-container` are built
-  //    entirely around these two properties, but neither had a definition
-  //    anywhere in the shipped package. `max-width` therefore resolved to an
-  //    invalid value and fell back to `none`, so both containers silently did
-  //    nothing unless the host page declared the properties itself.
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/icons/cre8-icons.svg

@@ -104,7 +104,7 @@
 <path d="M12 1.875C9.99747 1.875 8.0399 2.46882 6.37486 3.58137C4.70981 4.69392 3.41206 6.27523 2.64572 8.12533C1.87939 9.97543 1.67888 12.0112 2.06955 13.9753C2.46023 15.9393 3.42454 17.7435 4.84055 19.1595C6.25656 20.5755 8.06066 21.5398 10.0247 21.9305C11.9888 22.3211 14.0246 22.1206 15.8747 21.3543C17.7248 20.5879 19.3061 19.2902 20.4186 17.6251C21.5312 15.9601 22.125 14.0025 22.125 12C22.122 9.3156 21.0543 6.74199 19.1562 4.84383C17.258 2.94567 14.6844 1.87798 12 1.875ZM12 19.875C10.4425 19.875 8.91993 19.4131 7.62489 18.5478C6.32985 17.6825 5.32049 16.4526 4.72445 15.0136C4.12841 13.5747 3.97246 11.9913 4.27632 10.4637C4.58018 8.93606 5.3302 7.53287 6.43154 6.43153C7.53288 5.3302 8.93607 4.58017 10.4637 4.27632C11.9913 3.97246 13.5747 4.12841 15.0136 4.72445C16.4526 5.32049 17.6825 6.32985 18.5478 7.62488C19.4131 8.91992 19.875 10.4425 19.875 12C19.8728 14.0879 19.0424 16.0896 17.566 17.566C16.0896 19.0424 14.0879 19.8728 12 19.875ZM10.875 12.375V7.5C10.875 7.20163 10.9935 6.91548 11.2045 6.7045C11.4155 6.49353 11.7016 6.375 12 6.375C12.2984 6.375 12.5845 6.49353 12.7955 6.7045C13.0065 6.91548 13.125 7.20163 13.125 7.5V12.375C13.125 12.6734 13.0065 12.9595 12.7955 13.1705C12.5845 13.3815 12.2984 13.5 12 13.5C11.7016 13.5 11.4155 13.3815 11.2045 13.1705C10.9935 12.9595 10.875 12.6734 10.875 12.375ZM13.5 16.125C13.5 16.4217 13.412 16.7117 13.2472 16.9584C13.0824 17.205 12.8481 17.3973 12.574 17.5108C12.2999 17.6244 11.9983 17.6541 11.7074 17.5962C11.4164 17.5383 11.1491 17.3954 10.9393 17.1857C10.7296 16.9759 10.5867 16.7086 10.5288 16.4176C10.4709 16.1267 10.5007 15.8251 10.6142 15.551C10.7277 15.2769 10.92 15.0426 11.1666 14.8778C11.4133 14.713 11.7033 14.625 12 14.625C12.3978 14.625 12.7794 14.783 13.0607 15.0643C13.342 15.3456 13.5 15.7272 13.5 16.125Z"/>
 
 </symbol>
-<symbol id="express-scripts" viewBox="0 0 45 24">
+<symbol id="pharmacy" viewBox="0 0 45 24">
 <path d="M6.5 6.03516V18.0139H15.0511V16.3152H8.33659V12.8007H13.817V11.1459H8.33659V7.68992H14.8014V6.03516H6.5Z"/>
 <path d="M31.2126 7.69285H33.8132C35.6351 7.69285 36.6489 8.5422 36.6489 10.0652C36.6489 11.6614 35.6939 12.5107 33.9014 12.5107H31.2126V7.69285ZM36.4285 6.53598C35.7086 6.19916 34.8564 6.02344 33.8132 6.02344H29.3613V18.0168H31.2126V14.1508H33.9161C35.4735 14.1508 36.6636 13.7701 37.4423 12.9793C38.1476 12.2764 38.5002 11.2953 38.5002 10.0505C38.5002 8.42505 37.7802 7.19495 36.4285 6.53598Z"/>
 <path d="M26.7284 6.00542L22.6974 10.0231L24.3596 11.6798L28.3907 7.66218L26.7284 6.00542Z"/>