npm - @tmorrow/cre8-wc - Versions diffs - 2.3.5 → 2.3.9 - Mend

@tmorrow/cre8-wc 2.3.5 → 2.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (457) hide show

package/dist/assets/{tertiary-nav.stories-DUkar1nu.js → tertiary-nav.stories-DVoKTcz3.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0YLoqh.js";import{w}from"./decorator-iVSD-Llo.js";import{C as x,n as p}from"./cre8-element-D4jUl3yv.js";import{o as h}from"./if-defined-Bh0SnORx.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=f`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as f,b as p}from"./iframe-DDPT8KPE.js";import{s as y}from"./spread-B6c5bbZ0.js";import{w}from"./decorator-iVSD-Llo.js";import{C as x,n as s}from"./cre8-element-D6gzFubi.js";import{o as u}from"./if-defined-D9Db4BBK.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=f`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 .cre8-u-margin-top-none {
@@ -96,23 +96,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 .cre8-u-margin-right-none {
@@ -120,23 +120,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 .cre8-u-margin-bottom-none {
@@ -144,32 +144,32 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -177,23 +177,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 .cre8-u-padding-none {
@@ -201,23 +201,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 .cre8-u-padding-top-none {
@@ -225,23 +225,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 .cre8-u-padding-right-none {
@@ -249,23 +249,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 .cre8-u-padding-bottom-none {
@@ -273,23 +273,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 .cre8-u-padding-left-none {
@@ -297,23 +297,23 @@ import{a as f,b as l}from"./iframe-DgoqrgRr.js";import{s as y}from"./spread-Cc0Y
 }
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 .cre8-u-display-flex {
@@ -329,7 +329,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -337,7 +336,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 @media all and (min-width: 60rem) {
@@ -618,14 +617,14 @@ span.ripple {
   margin: 0;
   padding: 0;
   list-style: none;
-}`;var k=Object.defineProperty,v=(r,e,a,c)=>{for(var t=void 0,i=r.length-1,n;i>=0;i--)(n=r[i])&&(t=n(e,a,t)||t);return t&&k(e,a,t),t};const g=class g extends x{constructor(){super(...arguments),this.navAriaLabel="tertiary"}render(){const e=this.componentClassNames("cre8-c-tertiary-nav",{"cre8-c-tertiary-nav--full-width":this.fullWidth});return l`
-      <nav aria-label="${this.navAriaLabel}" role="navigation" class="${e}">
+}`;var I=Object.defineProperty,v=(e,r,i,c)=>{for(var t=void 0,a=e.length-1,n;a>=0;a--)(n=e[a])&&(t=n(r,i,t)||t);return t&&I(r,i,t),t};const g=class g extends x{constructor(){super(...arguments),this.navAriaLabel="tertiary"}render(){const r=this.componentClassNames("cre8-c-tertiary-nav",{"cre8-c-tertiary-nav--full-width":this.fullWidth});return p`
+      <nav aria-label="${this.navAriaLabel}" role="navigation" class="${r}">
         <ul role="list" class="cre8-c-tertiary-nav__list">
           <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 {
-  color: var(----cre8-color-content-knockout-brand);
+    `}};g.styles=[k];let o=g;v([s({type:Boolean,reflect:!0})],o.prototype,"fullWidth");v([s()],o.prototype,"navAriaLabel");customElements.get("cre8-tertiary-nav")===void 0&&customElements.define("cre8-tertiary-nav",o);const T=f`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 .cre8-u-is-hidden {
@@ -698,23 +697,23 @@ span.ripple {
 }
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 .cre8-u-margin-top-none {
@@ -722,23 +721,23 @@ span.ripple {
 }
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 .cre8-u-margin-right-none {
@@ -746,23 +745,23 @@ span.ripple {
 }
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 .cre8-u-margin-bottom-none {
@@ -770,32 +769,32 @@ span.ripple {
 }
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -803,23 +802,23 @@ span.ripple {
 }
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 .cre8-u-padding-none {
@@ -827,23 +826,23 @@ span.ripple {
 }
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 .cre8-u-padding-top-none {
@@ -851,23 +850,23 @@ span.ripple {
 }
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 .cre8-u-padding-right-none {
@@ -875,23 +874,23 @@ span.ripple {
 }
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 .cre8-u-padding-bottom-none {
@@ -899,23 +898,23 @@ span.ripple {
 }
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 .cre8-u-padding-left-none {
@@ -923,23 +922,23 @@ span.ripple {
 }
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 .cre8-u-display-flex {
@@ -955,7 +954,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -963,7 +961,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 @media all and (min-width: 60rem) {
@@ -1234,8 +1232,8 @@ span.ripple {
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.5rem 0.5rem 1rem;
+  gap: var(--cre8-spacing-8);
+  padding: var(--cre8-padding-8) var(--cre8-padding-8) var(--cre8-padding-8) var(--cre8-padding-16);
   color: var(--cre8-color-content-brand-strong);
   background-color: var(--cre8-color-bg-default);
   border-block-end: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
@@ -1266,43 +1264,43 @@ span.ripple {
 .cre8-c-tertiary-nav-item__link:active, .cre8-is-current .cre8-c-tertiary-nav-item__link {
   color: var(--cre8-color-content-default);
   background-color: var(--cre8-color-bg-subtle);
-}`;var T=Object.defineProperty,b=(r,e,a,c)=>{for(var t=void 0,i=r.length-1,n;i>=0;i--)(n=r[i])&&(t=n(e,a,t)||t);return t&&T(e,a,t),t};const u=class u extends x{_handleOnClick(){this.closest("cre8-tertiary-nav").shadowRoot.querySelector("slot").assignedElements({flatten:!1}).forEach(c=>{c.isCurrent=!1}),this.isCurrent=!0}render(){const e=this.componentClassNames("cre8-c-tertiary-nav-item",{"cre8-is-current":this.isCurrent});return l`
-      <li role="listitem" class="${e}">
+}`;var _=Object.defineProperty,b=(e,r,i,c)=>{for(var t=void 0,a=e.length-1,n;a>=0;a--)(n=e[a])&&(t=n(r,i,t)||t);return t&&_(r,i,t),t};const h=class h extends x{_handleOnClick(){this.closest("cre8-tertiary-nav").shadowRoot.querySelector("slot").assignedElements({flatten:!1}).forEach(c=>{c.isCurrent=!1}),this.isCurrent=!0}render(){const r=this.componentClassNames("cre8-c-tertiary-nav-item",{"cre8-is-current":this.isCurrent});return p`
+      <li role="listitem" class="${r}">
         <a
           class="cre8-c-tertiary-nav-item__link"
-          aria-current=${h(this.isCurrent?"page":void 0)}
+          aria-current=${u(this.isCurrent?"page":void 0)}
           @click=${this._handleOnClick}
-          href=${h(this.href)}
+          href=${u(this.href)}
         >
           <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`
-<cre8-tertiary-nav ${y(r)}>
+    `}};h.styles=[T];let m=h;b([s()],m.prototype,"href");b([s({type:Boolean,reflect:!0})],m.prototype,"isCurrent");customElements.get("cre8-tertiary-nav-item")===void 0&&customElements.define("cre8-tertiary-nav-item",m);const X={title:"Cre8 Components/Tertiary Nav",component:"cre8-tertiary-nav",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[w]},d=e=>p`
+<cre8-tertiary-nav ${y(e)}>
   <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>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 3</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 4</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 5</cre8-tertiary-nav-item>
-</cre8-tertiary-nav>`,s=r=>l`
-<cre8-tertiary-nav ${y(r)} ?fullWidth=${!0}>
+</cre8-tertiary-nav>`,l=e=>p`
+<cre8-tertiary-nav ${y(e)} ?fullWidth=${!0}>
   <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>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 3</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 4</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 5</cre8-tertiary-nav-item>
-</cre8-tertiary-nav>`;m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`args => html\`
+</cre8-tertiary-nav>`;d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`args => html\`
 <cre8-tertiary-nav \${spread(args)}>
   <cre8-tertiary-nav-item href="#" ?isCurrent=\${true}>Tertiary Nav Item 1</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 2</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 3</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 4</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 5</cre8-tertiary-nav-item>
-</cre8-tertiary-nav>\``,...m.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => html\`
+</cre8-tertiary-nav>\``,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => html\`
 <cre8-tertiary-nav \${spread(args)} ?fullWidth=\${true}>
   <cre8-tertiary-nav-item href="#" ?isCurrent=\${true}>Tertiary Nav Item 1</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 2</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 3</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 4</cre8-tertiary-nav-item>
   <cre8-tertiary-nav-item href="#">Tertiary Nav Item 5</cre8-tertiary-nav-item>
-</cre8-tertiary-nav>\``,...s.parameters?.docs?.source}}};const E=["Default","FullWidth"];export{m as Default,s as FullWidth,E as __namedExportsOrder,X as default};
+</cre8-tertiary-nav>\``,...l.parameters?.docs?.source}}};const E=["Default","FullWidth"];export{d as Default,l as FullWidth,E as __namedExportsOrder,X as default};