@orangelogic/design-system 2.214.0 → 2.215.0

package/library/chunks/{header.tVm8jCBb.js → header.CIdqF9dY.js}

@@ -1,16 +1,16 @@
-import f from "../components/copy-button.js";
-import { n as l, C as x } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as k } from "./component.styles.CRO4Odto.js";
+import b from "../components/copy-button.js";
+import { n as c, C as x } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "./component.styles.CRO4Odto.js";
 import { i as p } from "./lit-element.jLBm65_O.js";
-import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as w } from "./i18n.CXIpdSSZ.js";
-import { w as y } from "./watch.DJF5K-8U.js";
+import { c as k } from "./custom-element.L4WJXn1j.js";
+import { L as y } from "./i18n.CXIpdSSZ.js";
+import { w } from "./watch.DJF5K-8U.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as u } from "./class-map.BiVq-cVR.js";
 import { o as P } from "./style-map.llVFPd__.js";
-import { n as M } from "./when.Dr1es41R.js";
-import { i as c, u as g } from "./static.UA3G1Deq.js";
-const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = p`
+import { n as _ } from "./when.Dr1es41R.js";
+import { i as l, u as g } from "./static.UA3G1Deq.js";
+const M = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = p`
   .column-resize-handle {
     background-color: var(--editor-table-resize-handle-color);
     bottom: -2px;
@@ -96,6 +96,22 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   }
 
   .ProseMirror .code-block-wrapper {
+    /* The Prism palette below is VS Dark, made for a dark block. This block follows the theme
+       tokens, so its syntax colours do too (not color-scheme: Cortex popups pin it to light).
+       Elsewhere the dark fallbacks still apply. */
+    --_code-text: currentColor;
+    --_code-keyword: var(--cx-color-primary-700);
+    --_code-control: var(--cx-color-primary-800);
+    --_code-variable: var(--cx-color-primary-900);
+    --_code-class: var(--cx-color-primary-600);
+    --_code-comment: var(--cx-color-success-700);
+    --_code-number: var(--cx-color-success-800);
+    --_code-string: var(--cx-color-danger-800);
+    --_code-regex: var(--cx-color-danger-700);
+    --_code-selector: var(--cx-color-danger-900);
+    --_code-function: var(--cx-color-warning-700);
+    --_code-muted: var(--cx-color-neutral-600);
+
     background-color: var(--cx-color-neutral-50);
     border-radius: var(--cx-border-radius-medium);
     color: var(--cx-color-neutral-700);
@@ -280,7 +296,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 
   pre[class*='language-'],
   code[class*='language-'] {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
     font-size: var(--cx-font-size-x-small);
     text-shadow: none;
     font-family:
@@ -333,22 +349,22 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   }
 
   .token.doctype .token.doctype-tag {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.doctype .token.name {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.comment,
   .token.prolog {
-    color: #6a9955;
+    color: var(--_code-comment, #6a9955);
   }
 
   .token.punctuation,
   .language-html .language-css .token.punctuation,
   .language-html .language-javascript .token.punctuation {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
   }
 
   .token.property,
@@ -359,7 +375,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   .token.symbol,
   .token.deleted,
   .token.unit {
-    color: #b5cea8;
+    color: var(--_code-number, #b5cea8);
   }
 
   .token.selector,
@@ -368,7 +384,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   .token.char,
   .token.builtin,
   .token.inserted {
-    color: #ce9178;
+    color: var(--_code-string, #ce9178);
   }
 
   .language-css .token.string.url {
@@ -377,53 +393,53 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 
   .token.operator,
   .token.entity {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
   }
 
   .token.operator.arrow {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.atrule {
-    color: #ce9178;
+    color: var(--_code-string, #ce9178);
   }
 
   .token.atrule .token.rule {
-    color: #c586c0;
+    color: var(--_code-control, #c586c0);
   }
 
   .token.atrule .token.url {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.atrule .token.url .token.function {
-    color: #dcdcaa;
+    color: var(--_code-function, #dcdcaa);
   }
 
   .token.atrule .token.url .token.punctuation {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
   }
 
   .token.keyword {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.keyword.module,
   .token.keyword.control-flow {
-    color: #c586c0;
+    color: var(--_code-control, #c586c0);
   }
 
   .token.function,
   .token.function .token.maybe-class-name {
-    color: #dcdcaa;
+    color: var(--_code-function, #dcdcaa);
   }
 
   .token.regex {
-    color: #d16969;
+    color: var(--_code-regex, #d16969);
   }
 
   .token.important {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.italic {
@@ -431,80 +447,80 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   }
 
   .token.constant {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.class-name,
   .token.maybe-class-name {
-    color: #4ec9b0;
+    color: var(--_code-class, #4ec9b0);
   }
 
   .token.console {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.parameter {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.interpolation {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.punctuation.interpolation-punctuation {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.boolean {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.property,
   .token.variable,
   .token.imports .token.maybe-class-name,
   .token.exports .token.maybe-class-name {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.selector {
-    color: #d7ba7d;
+    color: var(--_code-selector, #d7ba7d);
   }
 
   .token.escape {
-    color: #d7ba7d;
+    color: var(--_code-selector, #d7ba7d);
   }
 
   .token.tag {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.tag .token.punctuation {
-    color: #808080;
+    color: var(--_code-muted, #808080);
   }
 
   .token.cdata {
-    color: #808080;
+    color: var(--_code-muted, #808080);
   }
 
   .token.attr-name {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   .token.attr-value,
   .token.attr-value .token.punctuation {
-    color: #ce9178;
+    color: var(--_code-string, #ce9178);
   }
 
   .token.attr-value .token.punctuation.attr-equals {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
   }
 
   .token.entity {
-    color: #569cd6;
+    color: var(--_code-keyword, #569cd6);
   }
 
   .token.namespace {
-    color: #4ec9b0;
+    color: var(--_code-class, #4ec9b0);
   }
 
   /*********************************************************
@@ -519,25 +535,25 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   code[class*='language-typescript'],
   pre[class*='language-tsx'],
   code[class*='language-tsx'] {
-    color: #9cdcfe;
+    color: var(--_code-variable, #9cdcfe);
   }
 
   pre[class*='language-css'],
   code[class*='language-css'] {
-    color: #ce9178;
+    color: var(--_code-string, #ce9178);
   }
 
   pre[class*='language-html'],
   code[class*='language-html'] {
-    color: #d4d4d4;
+    color: var(--_code-text, #d4d4d4);
   }
 
   .language-regex .token.anchor {
-    color: #dcdcaa;
+    color: var(--_code-function, #dcdcaa);
   }
 
   .language-html .token.punctuation {
-    color: #808080;
+    color: var(--_code-muted, #808080);
   }
 
   /*********************************************************
@@ -589,33 +605,33 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
     cursor: not-allowed;
   }
 
-  ${z}
+  ${M}
 `;
-var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), b = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(b || {});
-const H = p`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
-var L = Object.defineProperty, A = Object.getOwnPropertyDescriptor, n = (e, r, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? A(r, a) : r, d = e.length - 1, h; d >= 0; d--)
-    (h = e[d]) && (i = (s ? h(r, a, i) : h(i)) || i);
-  return s && i && L(r, a, i), i;
+var o = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(o || {}), v = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(v || {});
+const z = p`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
+var H = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (e, r, n, s) => {
+  for (var i = s > 1 ? void 0 : s ? L(r, n) : r, d = e.length - 1, h; d >= 0; d--)
+    (h = e[d]) && (i = (s ? h(r, n, i) : h(i)) || i);
+  return s && i && H(r, n, i), i;
 };
-const S = {
-  [t.H1]: "heading-1",
-  [t.H2]: "heading-2",
-  [t.H3]: "heading-3",
-  [t.H4]: "heading-4",
-  [t.H5]: "heading-5",
-  [t.H6]: "heading-6"
+const A = {
+  [o.H1]: "heading-1",
+  [o.H2]: "heading-2",
+  [o.H3]: "heading-3",
+  [o.H4]: "heading-4",
+  [o.H5]: "heading-5",
+  [o.H6]: "heading-6"
 }, T = {
-  [t.H1]: c`h1`,
-  [t.H2]: c`h2`,
-  [t.H3]: c`h3`,
-  [t.H4]: c`h4`,
-  [t.H5]: c`h5`,
-  [t.H6]: c`h6`
+  [o.H1]: l`h1`,
+  [o.H2]: l`h2`,
+  [o.H3]: l`h3`,
+  [o.H4]: l`h4`,
+  [o.H5]: l`h5`,
+  [o.H6]: l`h6`
 };
-let o = class extends x {
+let t = class extends x {
   constructor() {
-    super(), this.localize = new w(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = b.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
+    super(), this.localize = new y(this), this.variant = o.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = v.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
       const e = this.getAnchorID();
       !e || e !== this.anchorID || this.scrollIntoView({
         block: "start"
@@ -671,8 +687,8 @@ let o = class extends x {
   }
   getAnchorID() {
     let e = "";
-    const a = this.ownerWindow.location.href.split("#");
-    return a.length > 1 && (e = decodeURIComponent(a[1])), e;
+    const n = this.ownerWindow.location.href.split("#");
+    return n.length > 1 && (e = decodeURIComponent(n[1])), e;
   }
   /**
    * After Tiptap editor is destroyed, the slot element is removed.
@@ -691,9 +707,9 @@ let o = class extends x {
     e.stopPropagation();
   }
   renderHeading() {
-    const e = S[this.variant], r = T[this.variant], a = /\d/.test(this.fontSize || "");
+    const e = A[this.variant], r = T[this.variant], n = /\d/.test(this.fontSize || "");
     return g`<${r} part="heading" class=${u({ heading: !0, [e]: !0 })} style=${P({
-      fontSize: a ? this.fontSize : void 0
+      fontSize: n ? this.fontSize : void 0
     })}><slot></slot></${r}>`;
   }
   render() {
@@ -702,52 +718,52 @@ let o = class extends x {
       container: !0,
       "container--has-copy-button": r
     })}>${this.renderHeading()}
-        ${M(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
+        ${_(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
   }
 };
-o.styles = [
-  k,
+t.styles = [
+  f,
   C,
-  H
+  z
 ];
-o.dependencies = {
-  "cx-copy-button": f
+t.dependencies = {
+  "cx-copy-button": b
 };
-n([
+a([
   m("slot")
-], o.prototype, "defaultSlot", 2);
-n([
+], t.prototype, "defaultSlot", 2);
+a([
   m(".heading")
-], o.prototype, "heading", 2);
-n([
-  l({ reflect: !0, type: String })
-], o.prototype, "variant", 2);
-n([
-  l({ attribute: "font-size", reflect: !0, type: String })
-], o.prototype, "fontSize", 2);
-n([
-  l({ attribute: "has-anchor-link", type: Boolean })
-], o.prototype, "hasAnchorLink", 2);
-n([
-  l({ attribute: "anchor-link", type: String })
-], o.prototype, "anchorLink", 2);
-n([
-  l({ type: String })
-], o.prototype, "alignment", 2);
-n([
-  l({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
-], o.prototype, "disabledCopyButton", 2);
-n([
-  l({ attribute: "custom-line-height", reflect: !0, type: Boolean })
-], o.prototype, "customLineHeight", 2);
-n([
-  y("variant")
-], o.prototype, "handleHeadingChange", 1);
-o = n([
-  v("cx-header")
-], o);
+], t.prototype, "heading", 2);
+a([
+  c({ reflect: !0, type: String })
+], t.prototype, "variant", 2);
+a([
+  c({ attribute: "font-size", reflect: !0, type: String })
+], t.prototype, "fontSize", 2);
+a([
+  c({ attribute: "has-anchor-link", type: Boolean })
+], t.prototype, "hasAnchorLink", 2);
+a([
+  c({ attribute: "anchor-link", type: String })
+], t.prototype, "anchorLink", 2);
+a([
+  c({ type: String })
+], t.prototype, "alignment", 2);
+a([
+  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+], t.prototype, "disabledCopyButton", 2);
+a([
+  c({ attribute: "custom-line-height", reflect: !0, type: Boolean })
+], t.prototype, "customLineHeight", 2);
+a([
+  w("variant")
+], t.prototype, "handleHeadingChange", 1);
+t = a([
+  k("cx-header")
+], t);
 export {
-  b as A,
-  o as C,
-  t as V
+  v as A,
+  t as C,
+  o as V
 };

package/library/components/atoms.js

@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
 import { default as De } from "./format-time.js";
 import { default as we } from "./grid.js";
 import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.tVm8jCBb.js";
+import { C as Pe } from "../chunks/header.CIdqF9dY.js";
 import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
 import { f } from "../chunks/icon.CpHbi8tH.js";
 import { C as Fe } from "../chunks/icon.CpHbi8tH.js";

package/library/components/header.js

@@ -1,7 +1,7 @@
 import "./copy-button.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/header.tVm8jCBb.js";
+import { C as x } from "../chunks/header.CIdqF9dY.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.CXIpdSSZ.js";
 import "../chunks/watch.DJF5K-8U.js";