@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

package/library/components/menu-label.js

@@ -1,25 +1,8 @@
 import { C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as i } from "../chunks/component.styles.DMSLciL5.js";
+import { c as i } from "../chunks/component.styles.CRO4Odto.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
 import { i as p, x } from "../chunks/lit-element.jLBm65_O.js";
-const f = p`
-  :host {
-    display: block;
-  }
-
-  .menu-label {
-    display: inline-block;
-    font-family: var(--cx-font-sans);
-    font-size: var(--cx-font-size-small);
-    font-weight: var(--cx-font-weight-medium);
-    line-height: var(--cx-line-height-large);
-    letter-spacing: var(--cx-letter-spacing-normal);
-    color: var(--cx-color-neutral-500);
-    padding: var(--cx-spacing-x-small) var(--cx-spacing-small);
-    user-select: none;
-    -webkit-user-select: none;
-  }
-`;
+const f = p`:host{display:block}.menu-label{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-medium);line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral-500);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);-webkit-user-select:none;user-select:none;display:inline-block}`;
 var u = Object.getOwnPropertyDescriptor, v = (r, s, o, a) => {
   for (var e = a > 1 ? void 0 : a ? u(s, o) : s, t = r.length - 1, n; t >= 0; t--)
     (n = r[t]) && (e = n(e) || e);
@@ -27,7 +10,7 @@ var u = Object.getOwnPropertyDescriptor, v = (r, s, o, a) => {
 };
 let l = class extends c {
   render() {
-    return x` <slot part="base" class="menu-label"></slot> `;
+    return x`<slot part="base" class="menu-label"></slot>`;
   }
 };
 l.styles = [i, f];

package/library/components/menu-section.js

@@ -1,22 +1,10 @@
 import { n as u, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as m } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/component.styles.CRO4Odto.js";
 import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
 import { i as p, E as d, x as c } from "../chunks/lit-element.jLBm65_O.js";
 import { e as f } from "../chunks/query.BBf1UFkC.js";
 import v from "./menu-label.js";
-const C = p`
-  :host {
-    display: block;
-  }
-  
-  :host([inert]) {
-    display: none;
-  }
-
-  :host([is-empty]) {
-    display: none;
-  }
-`;
+const C = p`:host{display:block}:host([inert]),:host([is-empty]){display:none}`;
 var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (n, t, r, l) => {
   for (var e = l > 1 ? void 0 : l ? x(t, r) : t, i = n.length - 1, o; i >= 0; i--)
     (o = n[i]) && (e = (l ? o(t, r, e) : o(e)) || e);
@@ -43,9 +31,7 @@ let s = class extends b {
   }
   render() {
     return c`
-      ${this.label.length > 0 ? c`<cx-menu-label part="label">${this.label}</cx-menu-label>` : d}
-      <slot @slotchange=${this.handleSlotChange}></slot>
-    `;
+      ${this.label.length > 0 ? c`<cx-menu-label part="label">${this.label}</cx-menu-label>` : d}<slot @slotchange=${this.handleSlotChange}></slot>`;
   }
 };
 s.styles = [m, C];

package/library/components/menu.js

@@ -1,99 +1,13 @@
 import { n as c, C as f } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as p } from "../chunks/component.styles.DMSLciL5.js";
+import { c as p } from "../chunks/component.styles.CRO4Odto.js";
 import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as g } from "../chunks/i18n.C0iakJkV.js";
+import { L as g } from "../chunks/i18n.BFqTRDCA.js";
 import { i as v, x as d } from "../chunks/lit-element.jLBm65_O.js";
 import { r as y } from "../chunks/state.CSDxrqLd.js";
 import { e as w } from "../chunks/query.BBf1UFkC.js";
 import { n as x } from "../chunks/when.Dr1es41R.js";
 import M from "./menu-item.js";
-const k = v`
-  :host {
-    display: block;
-    position: relative;
-    background: var(--cx-panel-background-color);
-    border: solid var(--cx-panel-border-width) var(--cx-panel-border-color);
-    border-radius: var(--cx-border-radius-large);
-    padding: var(--cx-spacing-x-small) 0;
-    overflow: auto;
-
-    --divider-color: var(--cx-panel-border-color);
-    --divider-width: var(--cx-panel-border-width);
-    --divider-spacing: var(--cx-spacing-x-small);
-  }
-
-  :host([horizontal]) {
-    display: flex;
-    padding: 0 var(--cx-spacing-x-small);
-    flex-wrap: wrap;
-    justify-content: space-between;
-  }
-
-  ::slotted(cx-divider) {
-    --color: var(--divider-color);
-    --width: var(--divider-width);
-    --spacing: var(--divider-spacing);
-  }
-
-  ::slotted([data-alternating-grouping])::before {
-    content: ' ';
-    background-color: var(--divider-color);
-
-    display: block;
-    margin: var(--divider-spacing) 0;
-    height: var(--divider-width);
-  }
-
-  ::slotted([data-alternating-grouping='horizontal'])::before {
-    display: inline-block;
-    height: 100%;
-    margin: 0 var(--divider-spacing);
-    width: var(--divider-width);
-  }
-
-  :host([horizontal]) ::slotted(cx-menu-section) {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-  }
-
-  :host([horizontal]) ::slotted(cx-menu-item) {
-    display: flex;
-  }
-
-  :host([variant='multiple']) {
-    position: relative;
-    overflow: hidden;
-  }
-
-  :host([variant='multiple']) ::slotted(cx-menu[name]) {
-    opacity: 0;
-    pointer-events: none;
-    transform: translateX(-50%);
-    position: absolute;
-    top: 0;
-    left: 0;
-    border: none;
-    transition:
-      opacity var(--cx-transition-fast) ease-in-out,
-      transform var(--cx-transition-medium) ease-in-out;
-  }
-
-  :host([variant='multiple']) ::slotted(cx-menu[active]) {
-    opacity: 1;
-    transform: translateX(0);
-    pointer-events: auto;
-  }
-
-  .back__button::part(checked-icon),
-  .back__button::part(submenu-icon) {
-    display: none;
-  }
-
-  .back__divider {
-    --spacing: var(--cx-spacing-x-small);
-  }
-`;
+const k = v`:host{background:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-border-radius-large);padding:var(--cx-spacing-x-small) 0;--divider-color:var(--cx-panel-border-color);--divider-width:var(--cx-panel-border-width);--divider-spacing:var(--cx-spacing-x-small);display:block;position:relative;overflow:auto}:host([horizontal]){padding:0 var(--cx-spacing-x-small);flex-wrap:wrap;justify-content:space-between;display:flex}::slotted(cx-divider){--color:var(--divider-color);--width:var(--divider-width);--spacing:var(--divider-spacing)}::slotted([data-alternating-grouping]):before{content:" ";background-color:var(--divider-color);margin:var(--divider-spacing) 0;height:var(--divider-width);display:block}::slotted([data-alternating-grouping=horizontal]):before{height:100%;margin:0 var(--divider-spacing);width:var(--divider-width);display:inline-block}:host([horizontal]) ::slotted(cx-menu-section){flex-wrap:wrap;justify-content:space-between;display:flex}:host([horizontal]) ::slotted(cx-menu-item){display:flex}:host([variant=multiple]){position:relative;overflow:hidden}:host([variant=multiple]) ::slotted(cx-menu[name]){opacity:0;pointer-events:none;transition:opacity var(--cx-transition-fast) ease-in-out, transform var(--cx-transition-medium) ease-in-out;border:none;position:absolute;top:0;left:0;transform:translate(-50%)}:host([variant=multiple]) ::slotted(cx-menu[active]){opacity:1;pointer-events:auto;transform:translate(0)}.back__button::part(checked-icon),.back__button::part(submenu-icon){display:none}.back__divider{--spacing:var(--cx-spacing-x-small)}`;
 var A = Object.defineProperty, I = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
   for (var o = i > 1 ? void 0 : i ? I(t, r) : t, h = e.length - 1, n; h >= 0; h--)
     (n = e[h]) && (o = (i ? n(t, r, o) : n(o)) || o);
@@ -353,31 +267,9 @@ let l = class extends f {
   render() {
     const e = x(
       this.back,
-      () => d`
-        <slot name="back-button" role="menuitem" menu=${this.back}>
-          <cx-menu-item
-            part="back-button"
-            class="back__button"
-            menu=${this.back}
-          >
-            <cx-icon slot="prefix" name="chevron_left"></cx-icon>
-            ${this.localize.term("back")}
-          </cx-menu-item>
-          <cx-divider class="back__divider"></cx-divider>
-        </slot>
-      `
+      () => d`<slot name="back-button" role="menuitem" menu=${this.back}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`
     );
-    return this.variant === "multiple" ? d`${e}<slot
-          @slotchange=${this.handleSlotChange}
-          @click=${this.handleClick}
-          @keydown=${this.handleKeyDown}
-          @mousedown=${this.handleMouseDown}
-        ></slot>` : d`${e}<slot
-        @slotchange=${this.handleSlotChange}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      ></slot>`;
+    return this.variant === "multiple" ? d`${e}<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}></slot>` : d`${e}<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}></slot>`;
   }
 };
 l.styles = [p, k];

package/library/components/molecules.js

@@ -1,12 +1,12 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
-import { C as p } from "../chunks/color-swatch.C0oPHfOu.js";
-import { C } from "../chunks/confirm-popover.zmOFI4e-.js";
+import { C as p } from "../chunks/color-swatch.2HS4bc3N.js";
+import { C } from "../chunks/confirm-popover.DmGAMS8X.js";
 import { default as u } from "./corner-position-input-group.js";
-import { C as m } from "../chunks/cropper.tSDgXKqJ.js";
+import { C as m } from "../chunks/cropper.ZU2Dy-MM.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.Bl_WkhVE.js";
-import { C as P } from "../chunks/list-editor.B2mFE9f7.js";
+import { C as c } from "../chunks/folder-select.BT1drT8C.js";
+import { C as P } from "../chunks/list-editor.CJ96S1Np.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";

package/library/components/mutation-observer.js

@@ -1,14 +1,10 @@
 import { n as o, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as u } from "../chunks/component.styles.DMSLciL5.js";
+import { c as u } from "../chunks/component.styles.CRO4Odto.js";
 import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as l } from "../chunks/watch.q1sEjPWL.js";
+import { w as l } from "../chunks/watch.BCJD77bD.js";
 import { i as b, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { e as v } from "../chunks/query.BBf1UFkC.js";
-const O = b`
-  :host {
-    display: contents;
-  }
-`;
+const O = b`:host{display:contents}`;
 var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (a, i, n, r) => {
   for (var s = r > 1 ? void 0 : r ? y(i, n) : i, h = a.length - 1, d; h >= 0; h--)
     (d = a[h]) && (s = (r ? d(i, n, s) : d(s)) || s);

package/library/components/option.js

@@ -1,9 +1,9 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/component.styles.DMSLciL5.js";
-import { C } from "../chunks/option.DnpkE8Xi.js";
+import "../chunks/component.styles.CRO4Odto.js";
+import { C } from "../chunks/option.COnEtd3X.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.C0iakJkV.js";
-import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/i18n.BFqTRDCA.js";
+import "../chunks/watch.BCJD77bD.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.p3Sdqlat.js";
-import { C } from "../chunks/file-on-demand.CbE-qsiP.js";
+import { C as t } from "../chunks/color-swatch-group.D5BP2W3P.js";
+import { C } from "../chunks/file-on-demand.Dig_iVvx.js";
 export {
   a as CxAssetLinkFormat,
   t as CxColorSwatchGroup,

package/library/components/padding-input-group.js

@@ -1,7 +1,7 @@
 import i from "./input.js";
 import l from "./input-group.js";
 import { n as c, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as f } from "../chunks/component.styles.DMSLciL5.js";
+import { c as f } from "../chunks/component.styles.CRO4Odto.js";
 import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
 import { s as g } from "../chunks/parse.Cu5nBDTb.js";
 import { i as h, x as u } from "../chunks/lit-element.jLBm65_O.js";
@@ -34,29 +34,18 @@ let s = class extends x {
     });
   }
   render() {
-    return u`<cx-input-group @cx-change=${this.handleInputChange}>
-      ${v(
+    return u`<cx-input-group @cx-change=${this.handleInputChange}>${v(
       ["Top", "Right", "Bottom", "Left"],
       (t) => t,
-      (t, e) => u`<cx-input
-            data-index=${e}
-            id=${t}
-            label=${t}
-            value=${this.value[e] ?? ""}
-            mask="numpx"
-            .maskBlocks=${{
+      (t, e) => u`<cx-input data-index=${e} id=${t} label=${t} value=${this.value[e] ?? ""} mask="numpx" .maskBlocks=${{
         num: {
           mask: Number,
           min: 0,
           scale: 0,
           thousandsSeparator: ""
         }
-      }}
-            .form=${this.closest("form")}
-          >
-          </cx-input>`
-    )}
-    </cx-input-group>`;
+      }} .form=${this.closest("form")}></cx-input>`
+    )}</cx-input-group>`;
   }
 };
 s.styles = [f, C];

package/library/components/pagination.js

@@ -1,20 +1,22 @@
+import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/pagination.C30LoTya.js";
+import "../chunks/icon-button.rKe0N4VB.js";
+import { C as k } from "../chunks/pagination.DaD9Yul6.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.C0iakJkV.js";
+import "../chunks/i18n.BFqTRDCA.js";
 import "../chunks/math.DqTA6ya4.js";
-import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/watch.BCJD77bD.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.DbF2p5ae.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.KnE3mcyM.js";
-import "./icon-button.js";
-import "../chunks/option.DnpkE8Xi.js";
+import "../chunks/button.CauAHfdl.js";
+import "./input.js";
+import "../chunks/option.COnEtd3X.js";
 import "./select.js";
 import "./tooltip.js";
-import "../chunks/typography.oDzoLbZS.js";
+import "../chunks/typography.DJC_UXgs.js";
 export {
-  h as default
+  k as default
 };