@orangelogic/design-system 2.82.0 → 2.83.0

package/library/chunks/{color-swatch-group.9Cj98tfp.js → color-swatch-group.B7myKRVQ.js}

@@ -1,5 +1,5 @@
 import z from "../components/space.js";
-import { C as $ } from "./table.DgYTOnso.js";
+import { C as $ } from "./table.CR0X6Kbe.js";
 import { C as k } from "./typography.DJC_UXgs.js";
 import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
 import { C, a as g } from "./color-swatch.Bx-HOp9f.js";

package/library/chunks/{header.D68fIfe2.js → header.DNWBVy5d.js}

@@ -1,5 +1,5 @@
 import k from "../components/copy-button.js";
-import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
+import { n as s, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as x } from "./component.styles.CRO4Odto.js";
 import { i as u } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
@@ -9,14 +9,14 @@ import { e as m } from "./query.BBf1UFkC.js";
 import { e as g } from "./class-map.BiVq-cVR.js";
 import { o as P } from "./style-map.llVFPd__.js";
 import { n as z } from "./when.Dr1es41R.js";
-import { i as l, u as h } from "./static.UA3G1Deq.js";
+import { i as c, u as h } from "./static.UA3G1Deq.js";
 const C = u`.column-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;z-index:10000;width:4px;position:absolute;top:-2px;bottom:-2px;right:-4px;height:unset!important;max-height:unset!important}.column-resize-handle.bottom-handle{bottom:0}.column-resize-handle.top-handle{top:0}.row-resize-handle{background-color:var(--editor-table-resize-handle-color);pointer-events:none;height:4px;z-index:20, 10000;position:absolute;bottom:-4px;left:-2px;right:-2px;max-width:unset!important;width:unset!important}.row-resize-handle.left-handle{left:0}.row-resize-handle.right-handle{right:0}.ProseMirror{--editor-table-resize-handle-color:#adf;white-space:normal;outline:none}.ProseMirror p{margin:0}.ProseMirror .tableWrapper .floating-button{opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ProseMirror .code-block-wrapper{background-color:var(--cx-color-neutral-50);border-radius:var(--cx-border-radius-medium);color:var(--cx-color-neutral-700);min-height:3rem;padding:var(--cx-spacing-x-small);white-space:normal;position:relative}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar{gap:var(--cx-spacing-small);right:var(--cx-spacing-2x-small);top:var(--cx-spacing-2x-small);display:flex;position:absolute}.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar,.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.hidden{opacity:0;pointer-events:none}.ProseMirror .code-block-wrapper:hover cx-rte-code-block-toolbar:not(.hidden),.ProseMirror .code-block-wrapper cx-rte-code-block-toolbar.open{opacity:1;pointer-events:auto}.ProseMirror .floating-button{position:absolute}.ProseMirror .mce-item-anchor{position:relative;text-decoration:none!important}.ProseMirror .mce-item-anchor:before{color:var(--cx-color-neutral-700);content:"";font-family:FontAwesome;font-size:12px!important}.ProseMirror .tableWrapper{position:relative}.ProseMirror .tableWrapper:hover .floating-button,.ProseMirror .tableWrapper.ProseMirror-selectednode .floating-button{opacity:1}.ProseMirror blockquote{border-left:3px solid var(--cx-color-neutral-300);margin-block:1em;margin-inline:40px;padding-left:1rem;display:block}.ProseMirror p.is-editor-empty{position:relative}.ProseMirror p.is-editor-empty:first-child:before{color:var(--cx-color-neutral-1000);content:attr(data-placeholder);opacity:.25;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;font-weight:400;display:block;position:absolute;overflow:hidden}.ProseMirror table .selectedCell:after{background:var(--cx-color-neutral-300);content:"";opacity:.4;pointer-events:none;z-index:2;height:100%;position:absolute;inset:0}.ProseMirror table td,.ProseMirror table th{border:1px dashed var(--cx-color-neutral-400);min-width:1rem;position:relative}.ProseMirror table[data-align=center]{margin-left:auto;margin-right:auto}.ProseMirror table[data-align=right]{margin-left:auto}.ProseMirror.cursor-col-resize{cursor:col-resize}.ProseMirror.cursor-row-resize{cursor:row-resize}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:var(--cx-font-size-x-small);text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;hyphens:none;direction:ltr;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;line-height:1.5}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-] ::selection{text-shadow:none;background:#75a7ca}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#1e1e1e;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#f9f2f4;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#f7ebc6;margin-top:1em;padding:0;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #f7d87c}`;
 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 || {});
 const M = u`:host{--color:light-dark(#000,#fff);--font-family:var(--cx-font-sans);--text-align:left;--line-height:1;--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{word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family);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(--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(--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(--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(--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(--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(--cx-font-weight-semibold);line-height:var(--line-height,var(--cx-line-height-medium))}`;
-var A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, r = (e, n, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? H(n, a) : n, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (i = (s ? p(n, a, i) : p(i)) || i);
-  return s && i && A(n, a, i), i;
+var A = Object.defineProperty, H = Object.getOwnPropertyDescriptor, r = (e, n, a, i) => {
+  for (var l = i > 1 ? void 0 : i ? H(n, a) : n, d = e.length - 1, p; d >= 0; d--)
+    (p = e[d]) && (l = (i ? p(n, a, l) : p(l)) || l);
+  return i && l && A(n, a, l), l;
 };
 const L = {
   [t.H1]: "heading-1",
@@ -25,13 +25,13 @@ const L = {
   [t.H4]: "heading-4",
   [t.H5]: "heading-5",
   [t.H6]: "heading-6"
-}, T = {
-  [t.H1]: l`h1`,
-  [t.H2]: l`h2`,
-  [t.H3]: l`h3`,
-  [t.H4]: l`h4`,
-  [t.H5]: l`h5`,
-  [t.H6]: l`h6`
+}, S = {
+  [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 b {
   constructor() {
@@ -111,9 +111,16 @@ let o = class extends b {
     e.stopPropagation();
   }
   renderHeading(e) {
-    const n = L[this.variant], a = T[this.variant];
+    const n = L[this.variant], a = S[this.variant], i = /\d/.test(this.fontSize || "");
     return h`<${a} part="heading" class=${g({ heading: !0, [n]: !0 })} style=${P({
-      fontSize: /\d/.test(this.fontSize || "") ? this.fontSize : void 0
+      fontSize: i ? this.fontSize : void 0,
+      /**
+       * Reset line-height to the font's natural value so descenders fit
+       * inside the heading box; the host's tight `--line-height: 1`
+       * truncates glyph metrics at large custom font sizes and triggers a
+       * scrollbar in overflow:auto parents (e.g. cx-column).
+       */
+      lineHeight: i ? "normal" : void 0
     })}>${e}</${a}>`;
   }
   render() {
@@ -140,22 +147,22 @@ r([
   m(".heading")
 ], o.prototype, "heading", 2);
 r([
-  c({ reflect: !0, type: String })
+  s({ reflect: !0, type: String })
 ], o.prototype, "variant", 2);
 r([
-  c({ attribute: "font-size", reflect: !0, type: String })
+  s({ attribute: "font-size", reflect: !0, type: String })
 ], o.prototype, "fontSize", 2);
 r([
-  c({ attribute: "has-anchor-link", type: Boolean })
+  s({ attribute: "has-anchor-link", type: Boolean })
 ], o.prototype, "hasAnchorLink", 2);
 r([
-  c({ attribute: "anchor-link", type: String })
+  s({ attribute: "anchor-link", type: String })
 ], o.prototype, "anchorLink", 2);
 r([
-  c({ type: String })
+  s({ type: String })
 ], o.prototype, "alignment", 2);
 r([
-  c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
+  s({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
 ], o.prototype, "disabledCopyButton", 2);
 r([
   w("variant")

package/library/chunks/{list-editor.6MidcXE8.js → list-editor.COyD7BLb.js}

@@ -9,7 +9,7 @@ import B from "../components/radio.js";
 import K from "../components/radio-group.js";
 import U from "../components/select.js";
 import E from "../components/space.js";
-import { C as H, H as V } from "./table.DgYTOnso.js";
+import { C as H, H as V } from "./table.CR0X6Kbe.js";
 import { C as L } from "./typography.DJC_UXgs.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import W from "../components/dynamic-select.js";