@orangelogic/design-system 2.211.0 → 2.212.0

package/library/chunks/{header.DcEskmXD.js → header.CB8GuYBG.js}

@@ -1,4 +1,4 @@
-import b from "../components/copy-button.js";
+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 { i as p } from "./lit-element.jLBm65_O.js";
@@ -9,8 +9,8 @@ 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 s, 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, #fff 10px, #fff 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 { 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`
   .column-resize-handle {
     background-color: var(--editor-table-resize-handle-color);
     bottom: -2px;
@@ -54,7 +54,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   }
 
   .ProseMirror {
-    --editor-table-resize-handle-color: #adf;
+    --editor-table-resize-handle-color: var(--rich-text-table-resize-handle-color, var(--cx-color-primary-200));
     outline: none;
     white-space: pre-wrap;
     line-height: normal;
@@ -92,7 +92,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   }
 
   .ProseMirror code .inline-boundary {
-    background-color: #b4d7ff;
+    background-color: var(--cx-color-primary-200);
   }
 
   .ProseMirror .code-block-wrapper {
@@ -321,8 +321,8 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
   :not(pre) > code[class*='language-'] {
     padding: 0.1em 0.3em;
     border-radius: 0.3em;
-    color: #db4c69;
-    background: #f9f2f4;
+    color: var(--rich-text-inline-code-color, var(--cx-color-danger));
+    background: var(--rich-text-inline-code-background-color, var(--cx-color-neutral-100));
   }
 
   /*********************************************************
@@ -591,12 +591,12 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 
   ${z}
 `;
-var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), f = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(f || {});
+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, c) => {
-  for (var i = c > 1 ? void 0 : c ? A(r, a) : r, d = e.length - 1, h; d >= 0; d--)
-    (h = e[d]) && (i = (c ? h(r, a, i) : h(i)) || i);
-  return c && i && L(r, a, i), i;
+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;
 };
 const S = {
   [t.H1]: "heading-1",
@@ -606,16 +606,16 @@ const S = {
   [t.H5]: "heading-5",
   [t.H6]: "heading-6"
 }, T = {
-  [t.H1]: s`h1`,
-  [t.H2]: s`h2`,
-  [t.H3]: s`h3`,
-  [t.H4]: s`h4`,
-  [t.H5]: s`h5`,
-  [t.H6]: s`h6`
+  [t.H1]: c`h1`,
+  [t.H2]: c`h2`,
+  [t.H3]: c`h3`,
+  [t.H4]: c`h4`,
+  [t.H5]: c`h5`,
+  [t.H6]: c`h6`
 };
 let o = 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 = f.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
+    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 = () => {
       const e = this.getAnchorID();
       !e || e !== this.anchorID || this.scrollIntoView({
         block: "start"
@@ -711,7 +711,7 @@ o.styles = [
   H
 ];
 o.dependencies = {
-  "cx-copy-button": b
+  "cx-copy-button": f
 };
 n([
   m("slot")
@@ -747,7 +747,7 @@ o = n([
   v("cx-header")
 ], o);
 export {
-  f as A,
+  b as A,
   o as C,
   t 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.DcEskmXD.js";
+import { C as Pe } from "../chunks/header.CB8GuYBG.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.DcEskmXD.js";
+import { C as x } from "../chunks/header.CB8GuYBG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/watch.DJF5K-8U.js";