@orangelogic/design-system 4.4.0 → 4.6.0

package/library/components/tab.js

@@ -1,13 +1,13 @@
 import { n as a, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.BSPmBQ73.js";
+import { L as f } from "../chunks/i18n.D5L6xAYT.js";
 import { H as x } from "../chunks/slot.j5oheLJC.js";
 import { w as v } from "../chunks/watch.DJF5K-8U.js";
 import { i as b, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
 import { e as n } from "../chunks/class-map.BiVq-cVR.js";
-import { C as g } from "../chunks/icon-button.DV5Fks8j.js";
+import { C as g } from "../chunks/icon-button.BXs29IQE.js";
 import y from "./line-clamp.js";
 const w = b`.tab{border-radius:var(--cx-border-radius-small);border-top:var(--tab-border,transparent 0) var(--tab-border-top-style,solid);border-right:var(--tab-border,transparent 0) var(--tab-border-right-style,solid);border-bottom:var(--tab-border,transparent 0) var(--tab-border-bottom-style,solid);border-left:var(--tab-border,transparent 0) var(--tab-border-left-style,solid);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-family:var(--tab-label-font-family,var(--cx-font-sans));font-style:var(--tab-label-font-style,normal);font-size:var(--tab-label-font-size,var(--cx-font-size-small));font-weight:var(--tab-label-font-weight,var(--cx-font-weight-medium));line-height:calc(var(--tab-label-font-size,var(--cx-font-size-small)) * 1.2);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--tab-hover-color,var(--cx-color-primary))}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--tab-hover-color,var(--cx-color-neutral-800))}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, k = b`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, C = b`
   :host {

package/library/components/tag.js

@@ -1,11 +1,11 @@
 import { n as i, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as h } from "../chunks/i18n.BSPmBQ73.js";
+import { L as h } from "../chunks/i18n.D5L6xAYT.js";
 import { H as v } from "../chunks/slot.j5oheLJC.js";
 import { i as d, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
-import { C as b } from "../chunks/icon-button.DV5Fks8j.js";
+import { C as b } from "../chunks/icon-button.BXs29IQE.js";
 import _ from "./line-clamp.js";
 const n = 1, y = d`:host{display:inline-block}.tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;align-items:center;line-height:1;display:flex}.tag__content{min-width:0}.tag--has-prefix .tag__prefix,.tag--has-suffix .tag__suffix{flex:none;align-items:center;display:inline-flex}.tag--has-prefix .tag__prefix{margin-inline-end:var(--cx-spacing-x-small)}.tag--has-suffix .tag__suffix{margin-inline-start:var(--cx-spacing-x-small)}.tag__remove::part(base){color:inherit;padding:0}.tag--primary{background-color:var(--cx-color-primary-50);border-color:var(--cx-color-primary-300);color:var(--cx-color-primary-800)}.tag--primary:active>cx-icon-button{color:var(--cx-color-primary)}.tag--success{background-color:var(--cx-color-success-50);border-color:var(--cx-color-success-200);color:var(--cx-color-success-800)}.tag--success:active>cx-icon-button{color:var(--cx-color-success)}.tag--neutral{background-color:var(--cx-color-neutral-50);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-800)}.tag--neutral:active>cx-icon-button{color:var(--cx-color-neutral-600)}.tag--warning{background-color:var(--cx-color-warning-50);border-color:var(--cx-color-warning-200);color:var(--cx-color-warning-800)}.tag--warning:active>cx-icon-button{color:var(--cx-color-warning)}.tag--danger{background-color:var(--cx-color-danger-50);border-color:var(--cx-color-danger-200);color:var(--cx-color-danger-800)}.tag--danger:active>cx-icon-button{color:var(--cx-color-danger)}.tag--small{font-size:var(--cx-button-font-size-small);height:calc(var(--cx-input-height-small) * .8);line-height:calc(var(--cx-input-height-small) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-small);padding:0 var(--cx-spacing-x-small)}.tag--medium{font-size:var(--cx-button-font-size-medium);height:calc(var(--cx-input-height-medium) * .8);line-height:calc(var(--cx-input-height-medium) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-medium);padding:0 var(--cx-spacing-small)}.tag--large{font-size:var(--cx-button-font-size-large);height:calc(var(--cx-input-height-large) * .8);line-height:calc(var(--cx-input-height-large) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-large);padding:0 var(--cx-spacing-medium)}.tag--small .tag__remove::part(icon){--font-size:var(--cx-font-size-small)}.tag--medium .tag__remove::part(icon){--font-size:var(--cx-font-size-medium)}.tag--large .tag__remove::part(icon){--font-size:var(--cx-font-size-large)}.tag--pill{border-radius:var(--cx-border-radius-pill)}.tag--removable{padding-inline-end:0}.tag--multiline{white-space:normal;height:auto;padding-block:var(--cx-spacing-2x-small);align-items:flex-start}.tag--multiline.tag--small{line-height:var(--cx-line-height-small)}.tag--multiline.tag--medium{line-height:var(--cx-line-height-medium)}.tag--multiline.tag--large{line-height:var(--cx-line-height-large)}`;
 var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {

package/library/components/tooltip.js

@@ -2,7 +2,7 @@ import { n as i, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CAS3c9pM.js";
 import { p as c, s as u, a as m, w as y } from "../chunks/event.BeKOsirN.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as x } from "../chunks/i18n.BSPmBQ73.js";
+import { L as x } from "../chunks/i18n.D5L6xAYT.js";
 import { w as l } from "../chunks/watch.DJF5K-8U.js";
 import { i as C, x as k } from "../chunks/lit-element.jLBm65_O.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";

package/library/components/tree-item.js

@@ -2,7 +2,7 @@ import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.BSPmBQ73.js";
+import "../chunks/i18n.D5L6xAYT.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
@@ -16,7 +16,7 @@ import "./checkbox.js";
 import "../chunks/icon.BLXWp6CU.js";
 import "./line-clamp.js";
 import "./spinner.js";
-import { C as k } from "../chunks/tree.CHQ1WjZV.js";
+import { C as k } from "../chunks/tree.MCwWhFAm.js";
 export {
   k as default
 };

package/library/components/tree.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.BSPmBQ73.js";
+import "../chunks/i18n.D5L6xAYT.js";
 import "../chunks/math.DuKzLacZ.js";
 import "../chunks/watch.DJF5K-8U.js";
-import { a as b, b as f, s as x, c as d } from "../chunks/tree.CHQ1WjZV.js";
+import { a as b, b as f, s as x, c as d } from "../chunks/tree.MCwWhFAm.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/typeface.js

@@ -1,13 +1,13 @@
 import d from "./grid.js";
 import m from "./grid-item.js";
-import { C as x } from "../chunks/icon-button.DV5Fks8j.js";
+import { C as x } from "../chunks/icon-button.BXs29IQE.js";
 import h from "./line-clamp.js";
 import g from "./space.js";
 import { C as w } from "../chunks/typography.BLYdTF0n.js";
 import { n as a, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as v } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as S } from "../chunks/i18n.BSPmBQ73.js";
+import { L as S } from "../chunks/i18n.D5L6xAYT.js";
 import { i as $, x as r } from "../chunks/lit-element.jLBm65_O.js";
 import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as b } from "../chunks/style-map.llVFPd__.js";