@ketvietlab/ketsuite 0.1.30 → 0.1.31

package/dist/modules/backend/design/content.css

@@ -574,18 +574,18 @@
   }
 
   @media (hover: hover) {
-    :where([data-ui="action"], [data-control="action"]):hover:not(:disabled, [aria-disabled="true"]),
+    :where([data-control="action"]:not([data-ui])):hover:not(:disabled, [aria-disabled="true"]),
     [data-ui="record-row"] > a:hover {
       border-color: var(--admin-line-strong);
       background: var(--admin-surface-hover);
       color: var(--admin-ink);
     }
-    :where([data-ui="action"], [data-control="action"])[data-variant="primary"]:hover:not(:disabled) {
+    :where([data-control="action"]:not([data-ui]))[data-variant="primary"]:hover:not(:disabled) {
       border-color: var(--admin-accent-hover);
       background: var(--admin-accent-hover);
       color: var(--admin-accent-ink);
     }
-    :where([data-ui="action"], [data-control="action"])[data-variant="destructive"]:hover:not(:disabled) {
+    :where([data-control="action"]:not([data-ui]))[data-variant="destructive"]:hover:not(:disabled) {
       border-color: var(--admin-danger);
       background: var(--admin-danger);
       color: #fff;
@@ -606,10 +606,10 @@
     /* A button sits in a row with the fields it submits, so it is the height of
        one. The 2.75rem touch target this used to take stood half again as tall
        as the input above it and read as a banner rather than a control. */
-    :where([data-ui="action"], [data-control="action"])[data-size] {
+    :where([data-control="action"]:not([data-ui]))[data-size] {
       min-block-size: var(--admin-field-height);
     }
-    :where([data-ui="action"], [data-control="action"])[data-icon-only="true"][data-size] {
+    :where([data-control="action"]:not([data-ui]))[data-icon-only="true"][data-size] {
       inline-size: var(--admin-field-height);
     }
     [data-ui="section-head"],

package/dist/modules/backend/design/controls.css

@@ -68,7 +68,7 @@
 
   /* Action hierarchy. Primary is brand-600, not brand-500: normal-size white
      labels need the stronger token to meet AA. */
-  :where([data-ui="action"], [data-control="action"]) {
+  :where([data-control="action"]:not([data-ui])) {
     display: inline-flex;
     min-block-size: var(--admin-control-height);
     align-items: center;
@@ -91,47 +91,47 @@
       transform var(--admin-motion-fast);
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-size="compact"] {
+  :where([data-control="action"]:not([data-ui]))[data-size="compact"] {
     min-block-size: var(--admin-control-height);
     padding-inline: 0.5rem;
     border-radius: var(--admin-radius-sm);
     font-size: 0.875rem;
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-size="prominent"] {
+  :where([data-control="action"]:not([data-ui]))[data-size="prominent"] {
     min-block-size: var(--admin-control-height);
     padding-inline: var(--admin-gap);
     font-size: 0.875rem;
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-variant="primary"] {
+  :where([data-control="action"]:not([data-ui]))[data-variant="primary"] {
     border-color: var(--admin-accent);
     background: var(--admin-accent);
     color: var(--admin-accent-ink);
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-variant="tertiary"] {
+  :where([data-control="action"]:not([data-ui]))[data-variant="tertiary"] {
     border-color: transparent;
     background: transparent;
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-variant="destructive"] {
+  :where([data-control="action"]:not([data-ui]))[data-variant="destructive"] {
     border-color: var(--admin-danger-line);
     background: var(--admin-danger-soft);
     color: var(--admin-danger-strong);
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-icon-only="true"] {
+  :where([data-control="action"]:not([data-ui]))[data-icon-only="true"] {
     inline-size: var(--admin-control-height);
     padding: 0;
   }
 
-  :where([data-ui="action"], [data-control="action"])[data-icon-only="true"][data-size="compact"] {
+  :where([data-control="action"]:not([data-ui]))[data-icon-only="true"][data-size="compact"] {
     min-block-size: var(--admin-control-height);
     inline-size: var(--admin-control-height);
   }
 
-  :where([data-ui="action"], [data-control="action"]):is(:disabled, [aria-disabled="true"]) {
+  :where([data-control="action"]:not([data-ui])):is(:disabled, [aria-disabled="true"]) {
     border-color: var(--admin-line);
     background: var(--admin-surface-subtle);
     color: var(--admin-ink-disabled);
@@ -139,7 +139,7 @@
     opacity: 0.82;
   }
 
-  :where([data-ui="action"], [data-control="action"]):active:not(:disabled, [aria-disabled="true"]) {
+  :where([data-control="action"]:not([data-ui])):active:not(:disabled, [aria-disabled="true"]) {
     transform: translateY(1px);
   }
   [data-ui="action-icon"] {
@@ -156,12 +156,6 @@
     border-radius: 50%;
     animation: ket-action-spin 700ms linear infinite;
   }
-  [data-ui="action-group"] {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--admin-gap-xs);
-  }
   @keyframes ket-action-spin {
     to {
       transform: rotate(1turn);
@@ -309,26 +303,6 @@
     opacity: 0.82;
   }
 
-  [data-ui="tag"] {
-    display: inline-flex;
-    min-block-size: 1.625rem;
-    align-items: center;
-    gap: var(--admin-gap-xs);
-    padding-inline: var(--admin-gap-sm);
-    border: 1px solid var(--admin-line);
-    border-radius: var(--admin-radius-sm);
-    background: var(--admin-surface-subtle);
-    color: var(--admin-ink-secondary);
-    font-size: var(--admin-size-sm);
-    font-weight: 600;
-  }
-
-  [data-ui="tag-remove"] {
-    color: inherit;
-    font-size: var(--admin-size-md);
-    line-height: 1;
-    text-decoration: none;
-  }
   [data-ui="count-badge"] {
     display: inline-grid;
     min-inline-size: 1.25rem;

package/dist/modules/backend/design/forms.css

@@ -1,47 +1,8 @@
 /* Shared sections, relations, modal, media and form components. */
 
 @layer ket.app {
-  /* Page hierarchy and surfaces. */
-  [data-ui="section"] {
-    display: grid;
-    gap: var(--admin-gap-sm);
-    min-inline-size: 0;
-  }
-  [data-ui="section-head"] {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: var(--admin-gap);
-  }
-  [data-ui="section-eyebrow"],
-  [data-ui="section-title"],
-  [data-ui="section-description"] {
-    margin: 0;
-  }
-  [data-ui="section-eyebrow"] {
-    color: var(--admin-ink-secondary);
-    font-size: var(--admin-size-xs);
-    font-weight: 700;
-    letter-spacing: 0.075em;
-    text-transform: uppercase;
-  }
-  [data-ui="section-title"] {
-    color: var(--admin-ink);
-    font-size: var(--admin-size-md);
-    line-height: 1.35;
-  }
-  [data-ui="section-description"] {
-    margin-block-start: var(--admin-gap-xs);
-    color: var(--admin-ink-secondary);
-    font-size: var(--admin-size-sm);
-  }
-  [data-ui="section-actions"] {
-    flex: 0 0 auto;
-  }
-  [data-ui="section-body"] {
-    min-inline-size: 0;
-  }
-
+  /* Section and ModalSheet are public DS components. Their typography,
+     spacing and responsive geometry must not be overridden here. */
   [data-ui="surface"] {
     min-inline-size: 0;
     border: 1px solid var(--admin-divider-subtle);
@@ -131,133 +92,6 @@
     font: inherit;
   }
 
-  [data-ui="modal-sheet"][data-size="large"] {
-    inline-size: min(56rem, calc(100vw - var(--admin-gap-lg)));
-  }
-  [data-ui="modal-layer"][data-presentation="dialog"] {
-    place-items: center;
-    padding: var(--admin-gap-lg);
-  }
-  [data-ui="modal-layer"][data-presentation="dialog"] [data-ui="modal-sheet"] {
-    inline-size: min(56rem, 100%);
-    block-size: auto;
-    max-block-size: calc(100dvh - var(--admin-gap-lg) * 2);
-    border: 1px solid var(--admin-line-strong);
-    border-radius: var(--admin-radius-lg);
-    overflow: hidden;
-  }
-
-  /* Large describes the working width, not a required amount of empty height.
-     Content determines the block size until the viewport cap is reached; the
-     sheet body already owns overflow for genuinely long workbenches. */
-  [data-ui="modal-layer"][data-presentation="dialog"] [data-ui="modal-sheet"][data-size="large"] {
-    inline-size: min(1200px, 100%);
-    block-size: auto;
-    max-block-size: calc(100dvh - 100px);
-  }
-
-  /* URL-addressable modal workspace. The backdrop is a real close link and
-     the sheet owns its scroll, so the document never grows horizontally. */
-  [data-ui="modal-layer"] {
-    position: fixed;
-    inset: 0;
-    z-index: 100;
-    display: grid;
-    min-inline-size: 0;
-    justify-items: end;
-  }
-  body:has([data-ui="modal-layer"][data-route-modal="true"]) {
-    overflow: hidden;
-  }
-  [data-ui="modal-backdrop"] {
-    position: absolute;
-    z-index: 0;
-    inset: 0;
-    display: block;
-    background: color-mix(in srgb, #000 36%, transparent);
-    text-decoration: none;
-  }
-  button[data-ui="modal-backdrop"] {
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-  }
-  [data-ui="modal-backdrop"] > span {
-    position: absolute;
-    inline-size: 1px;
-    block-size: 1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-  }
-  [data-ui="modal-sheet"] {
-    position: relative;
-    z-index: 1;
-    display: grid;
-    inline-size: min(34rem, calc(100vw - var(--admin-gap-lg)));
-    max-inline-size: 100%;
-    block-size: 100dvh;
-    min-inline-size: 0;
-    grid-template-rows: auto minmax(0, 1fr);
-    border-inline-start: 1px solid var(--admin-line-strong);
-    background: var(--admin-surface);
-    box-shadow: var(--admin-shadow-float);
-  }
-  [data-ui="modal-head"] {
-    display: flex;
-    min-inline-size: 0;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--admin-gap);
-    padding: var(--admin-gap) var(--admin-gap-md);
-    border-block-end: 1px solid var(--admin-line);
-  }
-  [data-ui="modal-heading"] {
-    display: grid;
-    min-inline-size: 0;
-    gap: var(--admin-gap-xs);
-  }
-  /* The title and what state its record is in read as one line. */
-  [data-ui="modal-title-row"] {
-    display: flex;
-    min-inline-size: 0;
-    align-items: center;
-    gap: var(--admin-gap-sm);
-  }
-  [data-ui="modal-title"] {
-    min-inline-size: 0;
-    margin: 0;
-    overflow: hidden;
-    color: var(--admin-ink);
-    font-size: var(--admin-size-md);
-    line-height: 1.35;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  [data-ui="modal-description"] {
-    margin: 0;
-    color: var(--admin-ink-muted);
-    font-size: var(--admin-size-sm);
-    line-height: 1.45;
-  }
-  [data-ui="modal-close"] {
-    display: grid;
-    inline-size: 2.75rem;
-    block-size: 2.75rem;
-    flex: 0 0 auto;
-    place-items: center;
-    border: 1px solid var(--admin-line);
-    border-radius: var(--admin-radius-sm);
-    color: var(--admin-ink-secondary);
-    text-decoration: none;
-  }
-  [data-ui="modal-body"] {
-    min-inline-size: 0;
-    overflow: auto;
-    padding: var(--admin-gap-md);
-    overscroll-behavior: contain;
-  }
-
   [data-ui="media"] {
     display: grid;
     min-inline-size: 0;
@@ -414,11 +248,6 @@
     grid-column: 2;
     align-self: end;
   }
-  [data-ui="form-grid"] {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: var(--admin-gap-sm) var(--admin-gap-lg);
-  }
   [data-ui="form-field"] {
     display: grid;
     min-inline-size: 0;
@@ -891,21 +720,6 @@
     [data-ui="relation-dialog-actions"] [data-ui="action"] {
       flex: 0 0 auto;
     }
-    [data-ui="modal-layer"],
-    [data-ui="modal-layer"][data-presentation="dialog"] {
-      padding: 0;
-    }
-    /* Include every size: the large desktop dialog must not override mobile height. */
-    [data-ui="modal-layer"] [data-ui="modal-sheet"],
-    [data-ui="modal-layer"] [data-ui="modal-sheet"][data-size],
-    [data-ui="modal-layer"][data-presentation="dialog"] [data-ui="modal-sheet"][data-size] {
-      inline-size: 100%;
-      block-size: 100dvh;
-      max-block-size: 100dvh;
-      box-shadow: none;
-      border: 0;
-      border-radius: 0;
-    }
   }
 
   /* Compatibility RecordForm uses `form-field` while the public FormPage

package/dist/modules/backend/design/lists.css

@@ -1141,56 +1141,7 @@
     color: var(--admin-accent-text);
   }
 
-  /* ── Status ────────────────────────────────────────────────────────────────
-     The tone is named for what it means, not for what it looks like. A design
-     team that wants "draft" amber changes one rule and every draft follows. */
-
-  [data-ui="badge"] {
-    display: inline-flex;
-    min-block-size: 1.375rem;
-    align-items: center;
-    gap: 0.3125rem;
-    padding-inline: 0.4375rem;
-    border-radius: var(--admin-radius-sm);
-    font-size: var(--admin-size-xs);
-    font-weight: 600;
-    line-height: 1.2;
-    white-space: nowrap;
-  }
-
-  [data-ui="badge"]::before {
-    inline-size: 0.375rem;
-    block-size: 0.375rem;
-    flex: 0 0 auto;
-    border-radius: 50%;
-    background: currentColor;
-    content: "";
-  }
-
-  [data-ui="badge"][data-tone="neutral"] {
-    background: var(--admin-neutral-soft);
-    color: var(--admin-neutral);
-  }
-
-  [data-ui="badge"][data-tone="info"] {
-    background: var(--admin-accent-soft);
-    color: var(--admin-accent-text);
-  }
-
-  [data-ui="badge"][data-tone="positive"] {
-    background: var(--admin-success-soft);
-    color: var(--admin-success);
-  }
-
-  [data-ui="badge"][data-tone="warning"] {
-    background: var(--admin-warning-soft);
-    color: var(--admin-warning);
-  }
-
-  [data-ui="badge"][data-tone="danger"] {
-    background: var(--admin-danger-soft);
-    color: var(--admin-danger);
-  }
+  /* Badge appearance is owned by the public design system. */
 
   [data-ui="qr-code"] {
     display: block;

package/dist/modules/crm_backend/client/crm-case-modal.d.mts

@@ -1,4 +1,4 @@
-declare var fn: (e: any) => any, bn: (e: any, t: any) => {
+declare var yn: (e: any) => any, vn: (e: any, t: any) => {
     id: any;
     stageId?: any;
     teamId?: any;
@@ -7,7 +7,7 @@ declare var fn: (e: any) => any, bn: (e: any, t: any) => {
     tagIds: string[];
     expectedVersion?: number | undefined;
     idempotencyKey: `${string}-${string}-${string}-${string}-${string}`;
-}, Li: {
+}, Fi: {
     kind: string;
     size: string;
     fixedHeight: string;
@@ -52,7 +52,7 @@ declare var fn: (e: any) => any, bn: (e: any, t: any) => {
         id: string;
         label: (e: any) => any;
         visible: (e: any) => boolean;
-        view: typeof fn;
+        view: typeof yn;
     }[];
     actions: (e: any) => any;
     dialogs: {
@@ -116,13 +116,13 @@ declare var fn: (e: any) => any, bn: (e: any, t: any) => {
         };
         create: {
             fn: string;
-            input: typeof bn;
+            input: typeof vn;
             after: string;
             openTab: string;
         };
         save: {
             fn: string;
-            input: typeof bn;
+            input: typeof vn;
             after: string;
         };
         move: {
@@ -291,12 +291,12 @@ declare var fn: (e: any) => any, bn: (e: any, t: any) => {
             after: string;
         };
     };
-}, Vf: () => {
+}, Yf: () => {
     view: () => any;
-    mount: ({ root: o, lifetime: c }: {
+    mount: ({ root: l, lifetime: c }: {
         lifetime: any;
         root: any;
     }) => void;
 };
-export { Vf as caseModal, Li as caseModalDefinition };
+export { Yf as caseModal, Fi as caseModalDefinition };
 //# sourceMappingURL=crm-case-modal.d.mts.map

package/dist/modules/crm_backend/client/crm-case-modal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"crm-case-modal.d.mts","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/crm_backend/client/crm-case-modal.mjs"],"names":[],"mappings":"AACu7vD,QAAA,IAAw5H,EAAE,iBAAm6B,EAA2sG,EAAE;;;;;;;;;CAA0sB,EAA4D,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAA0gK,EAAE;YAAiB,KAAK;YAAI,KAAK;YAAQ,OAAO;;;YAAmB,EAAE;YAAiB,KAAK;YAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAqZ,QAAQ;gBAAM,QAAQ;gBAAiB,qBAAqB;gBAA+B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAqwB,MAAM;gBAAM,MAAM;gBAAe,UAAU;gBAAmB,cAAc;;;;;;;gBAA2E,EAAE;gBAAqB,QAAQ;gBAAiB,aAAa;gBAAsC,cAAc;;;;;;;gBAAuE,EAAE;gBAAqB,QAAQ;gBAAiB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;gBAAmb,EAAE;gBAAK,MAAM;gBAAM,IAAI;gBAAa,UAAU;gBAAY,cAAc;;;;;;;;oBAA6E,QAAQ;oBAAY,KAAK;oBAAM,MAAM;;;;gBAA2B,EAAE;;;;;;;gBAAgF,EAAE;gBAAM,cAAc;;;;;CAAwB,EAAC,EAAE;;;;;;CAAO,CAAC;AAAA,OAAM,EAAC,EAAE,IAAI,SAAS,EAAC,EAAE,IAAI,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"crm-case-modal.d.mts","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/modules/crm_backend/client/crm-case-modal.mjs"],"names":[],"mappings":"AACg6yD,QAAA,IAA05H,EAAE,iBAAm6B,EAA2sG,EAAE;;;;;;;;;CAA0sB,EAA6D,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAA2hK,EAAE;YAAiB,KAAK;YAAI,KAAK;YAAQ,OAAO;;;YAAmB,EAAE;YAAiB,KAAK;YAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAqZ,QAAQ;gBAAM,QAAQ;gBAAiB,qBAAqB;gBAA+B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAqwB,MAAM;gBAAM,MAAM;gBAAe,UAAU;gBAAmB,cAAc;;;;;;;gBAA2E,EAAE;gBAAqB,QAAQ;gBAAiB,aAAa;gBAAsC,cAAc;;;;;;;gBAAuE,EAAE;gBAAqB,QAAQ;gBAAiB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;gBAAmb,EAAE;gBAAK,MAAM;gBAAM,IAAI;gBAAa,UAAU;gBAAY,cAAc;;;;;;;;oBAA6E,QAAQ;oBAAY,KAAK;oBAAM,MAAM;;;;gBAA2B,EAAE;;;;;;;gBAAgF,EAAE;gBAAM,cAAc;;;;;CAAwB,EAAC,EAAE;;;;;;CAAO,CAAC;AAAA,OAAM,EAAC,EAAE,IAAI,SAAS,EAAC,EAAE,IAAI,mBAAmB,EAAC,CAAC"}