@tmorrow/cre8-wc 1.0.25 → 1.1.1

package/lib/components/text-link/text-link.js

@@ -1,79 +1,14 @@
 import { css as p, html as d } from "lit";
-import { ifDefined as k } from "lit-html/directives/if-defined.js";
-import { property as o } from "lit/decorators.js";
-import { Cre8Element as m } from "../cre8-element.js";
-const f = p`@import '../../design-tokens/core/scss/theming/component';
-
-/**
- * 1) General text link used across the product
- */
-.cre8-c-text-link {
-  @include cre8-typography-body-default-link();
-  display: inline-flex;
-  color: var(--cre8-color-content-link);
-  cursor: pointer;
-
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-    color: var(--cre8-color-content-link-hover);
-  }
-
-  &:active {
-    color: var(--cre8-color-content-link-active);
-  }
-
-  &:visited {
-    color: var(--cre8-color-content-link-visited);
-  }
-}
-
-/**
-* Display text link
-* 1) Used for items like article title links
-*/
-.cre8-c-text-link--display {
-  color: var(--cre8-color-content-default);
-}
-
-/**
- * A secondary link list
- * 1) Uses a more subtle treatment than the default link list
- */
-.cre8-c-text-link--secondary {
-  color: var(--cre8-color-content-subtle);
-}
-
-/**
-* Inverted text link
-* 1) Used on dark backgrounds
-*/
-.cre8-c-text-link--inverted {
-  color: var(--cre8-color-content-knockout);
-}
-
-/**
-* Small text link
-* 1) Shrink the typography size
-*/
-.cre8-c-text-link--sm {
-  @include cre8-typography-body-small();
-}
-
-/**
-* Text link after
-* 1) Container used to place items after the text link
-*/
-.cre8-c-text-link__after {
-  margin-left: calc(8px * 1);
-}
-`;
-var v = Object.defineProperty, n = (c, r, s, y) => {
-  for (var t = void 0, l = c.length - 1, a; l >= 0; l--)
-    (a = c[l]) && (t = a(r, s, t) || t);
-  return t && v(r, s, t), t;
+import { ifDefined as h } from "lit-html/directives/if-defined.js";
+import { property as i } from "lit/decorators.js";
+import { Cre8Element as f } from "../cre8-element.js";
+const m = p`*,::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}.cre8-c-text-link{font-family:var(--cre8-typography-body-default-link-font-family);font-size:var(--cre8-typography-body-default-link-font-size);font-weight:var(--cre8-typography-body-default-link-font-weight);line-height:var(--cre8-typography-body-default-link-line-height);text-decoration:var(--cre8-typography-body-default-link-text-decoration);text-transform:var(--cre8-typography-body-default-link-text-transform);display:inline-flex;color:var(--cre8-color-content-link);cursor:pointer}.cre8-c-text-link:hover,.cre8-c-text-link:focus{text-decoration:underline;color:var(--cre8-color-content-link-hover)}.cre8-c-text-link:active{color:var(--cre8-color-content-link-active)}.cre8-c-text-link:visited{color:var(--cre8-color-content-link-visited)}.cre8-c-text-link--display{color:var(--cre8-color-content-default)}.cre8-c-text-link--secondary{color:var(--cre8-color-content-subtle)}.cre8-c-text-link--inverted{color:var(--cre8-color-content-knockout)}.cre8-c-text-link--sm{font-family:var(--cre8-typography-body-small-font-family);font-size:var(--cre8-typography-body-small-font-size);font-weight:var(--cre8-typography-body-small-font-weight);line-height:var(--cre8-typography-body-small-line-height);text-decoration:var(--cre8-typography-body-small-text-decoration);text-transform:var(--cre8-typography-body-small-text-transform)}.cre8-c-text-link__after{margin-left:0.5rem}`;
+var y = Object.defineProperty, a = (n, r, s, x) => {
+  for (var t = void 0, o = n.length - 1, c; o >= 0; o--)
+    (c = n[o]) && (t = c(r, s, t) || t);
+  return t && y(r, s, t), t;
 };
-const i = class i extends m {
+const l = class l extends f {
   render() {
     const r = this.componentClassNames("cre8-c-text-link", {
       "cre8-c-text-link--inverted": this.inverted === !0,
@@ -82,7 +17,7 @@ const i = class i extends m {
       "cre8-c-text-link--sm": this.size === "sm"
     });
     return d`
-      <a href="${k(this.href)}" class="${r}">
+      <a href="${h(this.href)}" class="${r}">
         <slot></slot>
         ${this.slotNotEmpty("linkAfter") && d`<div class="cre8-c-text-link__after">
           <slot name="linkAfter"></slot>
@@ -91,19 +26,19 @@ const i = class i extends m {
     `;
   }
 };
-i.styles = [f];
-let e = i;
-n([
-  o()
+l.styles = [m];
+let e = l;
+a([
+  i()
 ], e.prototype, "href");
-n([
-  o()
+a([
+  i()
 ], e.prototype, "variant");
-n([
-  o()
+a([
+  i()
 ], e.prototype, "size");
-n([
-  o({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "inverted");
 customElements.get("cre8-text-link") === void 0 && customElements.define("cre8-text-link", e);
 export {

package/lib/components/text-link/text-link.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-link.styles.d.ts","sourceRoot":"","sources":["../../../components/text-link/text-link.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAiEX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"text-link.styles.d.ts","sourceRoot":"","sources":["../../../components/text-link/text-link.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAA+mG,CAAC;AAC5nG,eAAe,MAAM,CAAC"}

package/lib/components/text-passage/text-passage-light-dom.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-passage-light-dom.styles.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage-light-dom.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA6IX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"text-passage-light-dom.styles.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage-light-dom.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAAwmQ,CAAC;AACrnQ,eAAe,MAAM,CAAC"}

package/lib/components/text-passage/text-passage.js

@@ -1,185 +1,13 @@
-import { css as n, html as p } from "lit";
-import { property as i } from "lit/decorators.js";
-import { Cre8Element as g } from "../cre8-element.js";
-const m = n`@import '../../design-tokens/core/scss/theming/component';
-
-/**
- * 1) A passage of text  (e.g. article, blog post), including uncontrolled elements
- *    (e.g. unclassed h2, h3, ul, li, and so on).
- * 2) Use this file only for styling text passage and elements inside of text passage.
- */
-cre8-text-passage,
-cre8-text-passage[size='default'] {
-  @include cre8-typography-body-default();
-
-  /**
-  * Generic h1 within text passage
-  */
-
-  h1 {
-    @include cre8-typography-display-small();
-    margin-bottom: calc(8px * 1.5);
-  }
-
-  /**
-  * Generic h2 within text passage
-  */
-  h2 {
-    @include cre8-typography-headline-default();
-    margin-bottom: calc(8px * 1.5);
-  }
-
-  /**
-  * Generic h3 within text passage
-  */
-  h3 {
-    @include cre8-typography-headline-small();
-    margin-bottom: calc(8px * 1.5);
-  }
-
-  /**
-  * Generic h4 within text passage
-  */
-  h4 {
-    @include cre8-typography-title-large();
-    margin-bottom: calc(8px * 1.5);
-  }
-
-  /**
-  * Generic h5 within text passage
-  */
-  h5 {
-    @include cre8-typography-meta-large();
-    margin-bottom: calc(8px * 1.5);
-  }
-
-  /**
-  * Generic unordered and ordered lists within text passage
-  */
-  ul,
-  ol {
-    margin-top: 0;
-  }
-
-  /**
-  * Unordered list within text passage
-  */
-  ul {
-    margin-left: calc(8px * 2.5);
-    padding-left: 0;
-  }
-
-  /**
-  * Ordered list within text passage
-  */
-  ol {
-    margin-left: calc(8px * 2.25);
-    padding-left: 0;
-  }
-
-  /**
-  * Generic link tag within text passage
-  */
-  a {
-    color: var(--cre8-color-content-link);
-
-    &:hover,
-    &:focus {
-      text-decoration: underline;
-      color: var(--cre8-color-content-link-hover);
-    }
-  }
-
-  /**
-  * Paragraph tag within text passage
-  */
-  p {
-    margin-top: 0;
-    margin-bottom: calc(8px * 3);
-  }
-
-  /**
-  * Blockquote within text passage
-  */
-  blockquote {
-    font-style: italic;
-    border-left: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-content-subtle);
-    color: var(--cre8-color-content-subtle);
-    padding-left: calc(8px * 2);
-    margin-left: 0;
-    margin-bottom: calc(8px * 2);
-  }
-
-  /**
-* Last item declared in the text passage
-* 1) Remove default margin bottom from the item
-*/
-  :last-child {
-    margin-bottom: 0;
-  }
-}
-
-/**
-* Inverted text passage
-*/
-cre8-text-passage[inverted] {
-  /**
-  * Blockquote within inverted text passage
-  */
-  a {
-    color: var(--cre8-color-content-brand-knockout);
-    &:hover,
-    &:focus {
-      color: var(--cre8-color-content-brand-knockout-hover);
-    }
-  }
-  blockquote {
-    color: var(--cre8-color-content-knockout);
-    font-style: italic;
-    border-left: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-knockout);
-    padding-left: calc(8px * 2);
-    margin-left: 0;
-    margin-bottom: calc(8px * 2);
-  }
-}
-`, h = n`@import '../../design-tokens/core/scss/theming/component';
-
-/**
- * !!! DO NOT USE THIS FILE for styling specific elements within text passage.
- * Use text-passage-ligh-dom.scss to for styling.!!!
- */
-
- :host {
-  display: inline-flex;
- }
-
-.cre8-c-text-passage--small {
-  @include cre8-typography-body-small();
-
-  /**
-    * Unordered list within small text passage
-    */
-}
-.cre8-c-text-passage--large {
-  @include cre8-typography-body-large();
-
-  /**
-    * Unordered list within small text passage
-    */
-}
-.cre8-c-text-passage--inverted {
-  color: var(--cre8-color-content-knockout);
-}
-::slotted(.header) {
-  margin-bottom: calc(8px * 1.5);
-}
-`;
-var u = Object.defineProperty, d = (c, a, e, x) => {
-  for (var t = void 0, o = c.length - 1, l; o >= 0; o--)
-    (l = c[o]) && (t = l(a, e, t) || t);
-  return t && u(a, e, t), t;
+import { css as n, html as d } from "lit";
+import { property as p } from "lit/decorators.js";
+import { Cre8Element as c } from "../cre8-element.js";
+const g = n`*,::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}cre8-text-passage,cre8-text-passage[size=default]{font-family:var(--cre8-typography-body-default-font-family);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);text-decoration:var(--cre8-typography-body-default-text-decoration);text-transform:var(--cre8-typography-body-default-text-transform)}cre8-text-passage h1,cre8-text-passage[size=default] h1{font-family:var(--cre8-typography-display-small-mobile-font-family);font-size:var(--cre8-typography-display-small-mobile-font-size);font-weight:var(--cre8-typography-display-small-mobile-font-weight);line-height:var(--cre8-typography-display-small-mobile-line-height);text-decoration:var(--cre8-typography-display-small-mobile-text-decoration);text-transform:var(--cre8-typography-display-small-mobile-text-transform)}@media all and (min-width: 768px){cre8-text-passage h1,cre8-text-passage[size=default] h1{font-family:var(--cre8-typography-display-small-font-family);font-size:var(--cre8-typography-display-small-font-size);font-weight:var(--cre8-typography-display-small-font-weight);line-height:var(--cre8-typography-display-small-line-height);text-decoration:var(--cre8-typography-display-small-text-decoration);text-transform:var(--cre8-typography-display-small-text-transform)}}cre8-text-passage h1,cre8-text-passage[size=default] h1{margin-bottom:0.75rem}cre8-text-passage h2,cre8-text-passage[size=default] h2{font-family:var(--cre8-typography-headline-default-mobile-font-family);font-size:var(--cre8-typography-headline-default-mobile-font-size);font-weight:var(--cre8-typography-headline-default-mobile-font-weight);line-height:var(--cre8-typography-headline-default-mobile-line-height);text-decoration:var(--cre8-typography-headline-default-mobile-text-decoration);text-transform:var(--cre8-typography-headline-default-mobile-text-transform)}@media all and (min-width: 768px){cre8-text-passage h2,cre8-text-passage[size=default] h2{font-family:var(--cre8-typography-headline-default-font-family);font-size:var(--cre8-typography-headline-default-font-size);font-weight:var(--cre8-typography-headline-default-font-weight);line-height:var(--cre8-typography-headline-default-line-height);text-decoration:var(--cre8-typography-headline-default-text-decoration);text-transform:var(--cre8-typography-headline-default-text-transform)}}cre8-text-passage h2,cre8-text-passage[size=default] h2{margin-bottom:0.75rem}cre8-text-passage h3,cre8-text-passage[size=default] h3{font-family:var(--cre8-typography-headline-small-mobile-font-family);font-size:var(--cre8-typography-headline-small-mobile-font-size);font-weight:var(--cre8-typography-headline-small-mobile-font-weight);line-height:var(--cre8-typography-headline-small-mobile-line-height);text-decoration:var(--cre8-typography-headline-small-mobile-text-decoration);text-transform:var(--cre8-typography-headline-small-mobile-text-transform)}@media all and (min-width: 768px){cre8-text-passage h3,cre8-text-passage[size=default] h3{font-family:var(--cre8-typography-headline-small-font-family);font-size:var(--cre8-typography-headline-small-font-size);font-weight:var(--cre8-typography-headline-small-font-weight);line-height:var(--cre8-typography-headline-small-line-height);text-decoration:var(--cre8-typography-headline-small-text-decoration);text-transform:var(--cre8-typography-headline-small-text-transform)}}cre8-text-passage h3,cre8-text-passage[size=default] h3{margin-bottom:0.75rem}cre8-text-passage h4,cre8-text-passage[size=default] h4{font-family:var(--cre8-typography-title-large-mobile-font-family);font-size:var(--cre8-typography-title-large-mobile-font-size);font-weight:var(--cre8-typography-title-large-mobile-font-weight);line-height:var(--cre8-typography-title-large-mobile-line-height);text-decoration:var(--cre8-typography-title-large-mobile-text-decoration);text-transform:var(--cre8-typography-title-large-mobile-text-transform)}@media all and (min-width: 768px){cre8-text-passage h4,cre8-text-passage[size=default] h4{font-family:var(--cre8-typography-title-large-font-family);font-size:var(--cre8-typography-title-large-font-size);font-weight:var(--cre8-typography-title-large-font-weight);line-height:var(--cre8-typography-title-large-line-height);text-decoration:var(--cre8-typography-title-large-text-decoration);text-transform:var(--cre8-typography-title-large-text-transform)}}cre8-text-passage h4,cre8-text-passage[size=default] h4{margin-bottom:0.75rem}cre8-text-passage h5,cre8-text-passage[size=default] h5{font-family:var(--cre8-typography-meta-large-font-family);font-size:var(--cre8-typography-meta-large-font-size);font-weight:var(--cre8-typography-meta-large-font-weight);line-height:var(--cre8-typography-meta-large-line-height);text-decoration:var(--cre8-typography-meta-large-text-decoration);text-transform:var(--cre8-typography-meta-large-text-transform);margin-bottom:0.75rem}cre8-text-passage ul,cre8-text-passage ol,cre8-text-passage[size=default] ul,cre8-text-passage[size=default] ol{margin-top:0}cre8-text-passage ul,cre8-text-passage[size=default] ul{margin-left:1.25rem;padding-left:0}cre8-text-passage ol,cre8-text-passage[size=default] ol{margin-left:1.125rem;padding-left:0}cre8-text-passage a,cre8-text-passage[size=default] a{color:var(--cre8-color-content-link)}cre8-text-passage a:hover,cre8-text-passage a:focus,cre8-text-passage[size=default] a:hover,cre8-text-passage[size=default] a:focus{text-decoration:underline;color:var(--cre8-color-content-link-hover)}cre8-text-passage p,cre8-text-passage[size=default] p{margin-top:0;margin-bottom:1.5rem}cre8-text-passage blockquote,cre8-text-passage[size=default] blockquote{font-style:italic;border-left:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-content-subtle);color:var(--cre8-color-content-subtle);padding-left:1rem;margin-left:0;margin-bottom:1rem}cre8-text-passage :last-child,cre8-text-passage[size=default] :last-child{margin-bottom:0}cre8-text-passage[inverted] a{color:var(--cre8-color-content-brand-knockout)}cre8-text-passage[inverted] a:hover,cre8-text-passage[inverted] a:focus{color:var(--cre8-color-content-brand-knockout-hover)}cre8-text-passage[inverted] blockquote{color:var(--cre8-color-content-knockout);font-style:italic;border-left:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-knockout);padding-left:1rem;margin-left:0;margin-bottom:1rem}`, m = n`*,::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}:host{display:inline-flex}.cre8-c-text-passage--small{font-family:var(--cre8-typography-body-small-font-family);font-size:var(--cre8-typography-body-small-font-size);font-weight:var(--cre8-typography-body-small-font-weight);line-height:var(--cre8-typography-body-small-line-height);text-decoration:var(--cre8-typography-body-small-text-decoration);text-transform:var(--cre8-typography-body-small-text-transform)}.cre8-c-text-passage--large{font-family:var(--cre8-typography-body-large-font-family);font-size:var(--cre8-typography-body-large-font-size);font-weight:var(--cre8-typography-body-large-font-weight);line-height:var(--cre8-typography-body-large-line-height);text-decoration:var(--cre8-typography-body-large-text-decoration);text-transform:var(--cre8-typography-body-large-text-transform)}.cre8-c-text-passage--inverted{color:var(--cre8-color-content-knockout)}::slotted(.header){margin-bottom:0.75rem}`;
+var f = Object.defineProperty, h = (l, a, e, y) => {
+  for (var t = void 0, i = l.length - 1, s; i >= 0; i--)
+    (s = l[i]) && (t = s(a, e, t) || t);
+  return t && f(a, e, t), t;
 };
-const s = class s extends g {
+const o = class o extends c {
   constructor() {
     super(...arguments), this.size = "default";
   }
@@ -189,7 +17,7 @@ const s = class s extends g {
   connectedCallback() {
     if (super.connectedCallback(), !document.head.querySelector("#cre8-text-passage-styles")) {
       const e = document.createElement("style");
-      e.id = "cre8-text-passage-styles", e.innerHTML = m.cssText, document.head.appendChild(e);
+      e.id = "cre8-text-passage-styles", e.innerHTML = g.cssText, document.head.appendChild(e);
     }
   }
   render() {
@@ -199,20 +27,20 @@ const s = class s extends g {
       "cre8-c-text-passage--small": this.size === "small",
       "cre8-c-text-passage--large": this.size === "large"
     });
-    return p`
+    return d`
       <div class="${a}">
         <slot></slot>
       </div>
     `;
   }
 };
-s.styles = [h];
-let r = s;
-d([
-  i({ type: Boolean, reflect: !0 })
+o.styles = [m];
+let r = o;
+h([
+  p({ type: Boolean, reflect: !0 })
 ], r.prototype, "inverted");
-d([
-  i()
+h([
+  p()
 ], r.prototype, "size");
 customElements.get("cre8-text-passage") === void 0 && customElements.define("cre8-text-passage", r);
 export {

package/lib/components/text-passage/text-passage.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-passage.styles.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA+BX,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"text-passage.styles.d.ts","sourceRoot":"","sources":["../../../components/text-passage/text-passage.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAA+pF,CAAC;AAC5qF,eAAe,MAAM,CAAC"}