@ketvietlab/design-system 0.1.17 → 0.1.19

package/dist/catalogue/inventory.generated.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,s6pNAAs6pN,CACv6pN,CAAA"}
+{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,8n5NAA8n5N,CAC/n5N,CAAA"}

package/dist/catalogue/inventory.generated.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "ketjs.design-system-inventory.v1",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "generatedFrom": [
     "packages/design-system/src/index.ts",
     "packages/design-system/src/catalogue/inventory-policy.json",
@@ -10,14 +10,14 @@
     "publicExports": 214,
     "runtimeExports": 117,
     "registeredComponents": 112,
-    "compatibilityExports": 223,
-    "compatibilityModules": 38,
+    "compatibilityExports": 245,
+    "compatibilityModules": 40,
     "plannedComponents": 0,
     "publicGaps": 101,
     "runtimeGaps": 5,
     "typeGaps": 96,
     "cssFiles": 72,
-    "cssLines": 13663
+    "cssLines": 13722
   },
   "rows": [
     {
@@ -2408,7 +2408,7 @@
         "packages/design-system/src/catalogue/specimens.tsx"
       ],
       "tests": "present",
-      "testFiles": ["test/design-system.test.tsx"],
+      "testFiles": ["test/design-system.test.tsx", "test/ui-record-modal.test.tsx"],
       "gapTask": "DS-015"
     },
     {
@@ -5538,7 +5538,7 @@
       "specimen": "not-applicable",
       "specimenFiles": [],
       "tests": "present",
-      "testFiles": ["test/design-system.test.tsx"],
+      "testFiles": ["test/design-system.test.tsx", "test/ui-record-modal.test.tsx"],
       "gapTask": "DS-015"
     },
     {
@@ -5883,6 +5883,78 @@
       "testFiles": ["test/design-system.test.tsx", "test/flow-issue-detail-screen.test.tsx"],
       "gapTask": "DS-029"
     },
+    {
+      "scope": "compatibility",
+      "name": "RECORD_COMMAND_FIELD",
+      "imported": "RECORD_COMMAND_FIELD",
+      "kind": "runtime",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RECORD_DIALOG_ATTRIBUTE",
+      "imported": "RECORD_DIALOG_ATTRIBUTE",
+      "kind": "runtime",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RECORD_PARAM",
+      "imported": "RECORD_PARAM",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RECORD_TAB_PARAM",
+      "imported": "RECORD_TAB_PARAM",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "ReadonlyField",
@@ -5955,6 +6027,42 @@
       "testFiles": [],
       "gapTask": "DS-036"
     },
+    {
+      "scope": "compatibility",
+      "name": "RecordCallResult",
+      "imported": "RecordCallResult",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordContextEnvelope",
+      "imported": "RecordContextEnvelope",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "RecordFieldGrid",
@@ -6027,6 +6135,24 @@
       "testFiles": [],
       "gapTask": "DS-036"
     },
+    {
+      "scope": "compatibility",
+      "name": "RecordIssue",
+      "imported": "RecordIssue",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "RecordList",
@@ -6045,6 +6171,114 @@
       "testFiles": [],
       "gapTask": "DS-029"
     },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalCommand",
+      "imported": "RecordModalCommand",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalContext",
+      "imported": "RecordModalContext",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalDefinition",
+      "imported": "RecordModalDefinition",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalDialog",
+      "imported": "RecordModalDialog",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalTab",
+      "imported": "RecordModalTab",
+      "kind": "type",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "RecordModalTarget",
+      "imported": "RecordModalTarget",
+      "kind": "type",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "RecordMore",
@@ -7086,6 +7320,7 @@
         "test/product-stock.test.ts",
         "test/ssr.test.ts",
         "test/table.test.ts",
+        "test/ui-record-modal.test.tsx",
         "test/website-form-lifecycle.test.ts",
         "test/website-form-retention-sweep.test.ts",
         "test/website-menu-reorder.test.tsx",
@@ -7111,6 +7346,24 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-043"
     },
+    {
+      "scope": "compatibility",
+      "name": "callRecordFunction",
+      "imported": "callRecordFunction",
+      "kind": "runtime",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "cardGrid",
@@ -7511,6 +7764,24 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-010"
     },
+    {
+      "scope": "compatibility",
+      "name": "createRecordModal",
+      "imported": "createRecordModal",
+      "kind": "runtime",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "dataTable",
@@ -7574,6 +7845,24 @@
       ],
       "gapTask": "DS-010"
     },
+    {
+      "scope": "compatibility",
+      "name": "defineRecordModalIsland",
+      "imported": "defineRecordModalIsland",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "definitionList",
@@ -7932,6 +8221,24 @@
       ],
       "gapTask": "DS-010"
     },
+    {
+      "scope": "compatibility",
+      "name": "isRecordKind",
+      "imported": "isRecordKind",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "kanbanCard",
@@ -8495,6 +8802,24 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-010"
     },
+    {
+      "scope": "compatibility",
+      "name": "readRecordModalTarget",
+      "imported": "readRecordModalTarget",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "readonlyField",
@@ -8603,6 +8928,24 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-036"
     },
+    {
+      "scope": "compatibility",
+      "name": "recordLayerHasDraft",
+      "imported": "recordLayerHasDraft",
+      "kind": "runtime",
+      "source": "./client/record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "gap",
+      "testFiles": [],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "recordList",
@@ -8621,6 +8964,60 @@
       "testFiles": ["test/backend-ui.test.ts"],
       "gapTask": "DS-029"
     },
+    {
+      "scope": "compatibility",
+      "name": "recordModalClosedHref",
+      "imported": "recordModalClosedHref",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "recordModalHost",
+      "imported": "recordModalHost",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/backend-ui.test.ts", "test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
+    {
+      "scope": "compatibility",
+      "name": "recordModalHref",
+      "imported": "recordModalHref",
+      "kind": "runtime",
+      "source": "./record-modal.tsx",
+      "owner": "Overlays",
+      "maturity": "compatibility",
+      "decision": "promote",
+      "target": "Public core",
+      "wave": 2,
+      "consumers": 0,
+      "specimen": "not-applicable",
+      "specimenFiles": [],
+      "tests": "present",
+      "testFiles": ["test/ui-record-modal.test.tsx"],
+      "gapTask": "DS-015"
+    },
     {
       "scope": "compatibility",
       "name": "recordMore",
@@ -9622,7 +10019,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/data-table/styles.css",
-      "lines": 350,
+      "lines": 358,
       "hooks": [
         "cell",
         "col",
@@ -9676,7 +10073,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/list-chrome/styles.css",
-      "lines": 327,
+      "lines": 350,
       "hooks": [
         "bulk-action-list",
         "bulk-actions",
@@ -9870,7 +10267,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/primitives/feedback/styles.css",
-      "lines": 119,
+      "lines": 142,
       "hooks": [
         "empty",
         "empty-actions",
@@ -10054,7 +10451,7 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/content.css",
-      "lines": 666,
+      "lines": 671,
       "hooks": [
         "action",
         "action-label",
@@ -10105,6 +10502,7 @@
         "pager-range",
         "record-copy",
         "record-list",
+        "record-modal-host",
         "record-row",
         "record-summary",
         "record-title",

package/dist/patterns/data-table/styles.css

@@ -281,6 +281,14 @@
     min-width: 0;
   }
 
+  /* `strong` defaults to `bolder`, which pushed the semibold primary cell to 800+. */
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"]
+    strong {
+    font-weight: var(--kv-weight-semibold);
+  }
+
   :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="cell"] small {
     color: var(--kv-text-muted);
     font-size: var(--kv-text-xs);

package/dist/patterns/list-chrome/styles.css

@@ -266,10 +266,33 @@
     flex-wrap: nowrap;
     align-items: center;
     gap: var(--kv-space-2);
-    min-width: 0;
     white-space: nowrap;
   }
 
+  :where([data-kv-design-system])
+    [data-ui="list-chrome"][data-pattern="list-chrome"]
+    [data-ui="bulk-summary"] {
+    min-width: 0;
+  }
+
+  /*
+   * A range summary changes length with every filter ("1–50 / 10.000+" becomes
+   * "1–2 / 2"). Reserving the widest common figure and aligning it to the paging
+   * buttons keeps those buttons from jumping sideways as the count changes.
+   *
+   * This carries the list-chrome scope on purpose: the shared summary rule above
+   * used to set `min-width: 0` with three attribute selectors, and an unscoped
+   * `[data-ui="pager-summary"]` rule lost to it despite coming later.
+   */
+  :where([data-kv-design-system])
+    [data-ui="list-chrome"][data-pattern="list-chrome"]
+    [data-ui="pager-summary"] {
+    justify-content: flex-end;
+    min-width: 14ch;
+    font-variant-numeric: tabular-nums;
+    text-align: right;
+  }
+
   :where([data-kv-design-system])
     [data-ui="list-chrome"][data-pattern="list-chrome"]
     [data-ui="bulk-action-list"],

package/dist/patterns/modal-sheet/index.d.ts

@@ -4,13 +4,20 @@ export declare const ModalSheet: (props: {
     id: string;
     title: string;
     body: JSXChild;
-    closeHref: string;
+    /** Required for `overlay`: a route modal closes by navigating. Ignored in `client` mode. */
+    closeHref?: string;
     closeLabel: string;
     description?: string | null;
     actions?: JSXChild;
     presentation?: 'sheet' | 'dialog';
     size?: 'default' | 'large';
-    mode?: 'overlay' | 'embedded';
+    /**
+     * `overlay` is URL-owned: its close controls are links the route runtime
+     * follows. `client` belongs to a modal island that opens and closes it in the
+     * browser: close controls are buttons, and it carries no route-modal marker, so
+     * no navigation layer ever treats closing it as a page change.
+     */
+    mode?: 'overlay' | 'embedded' | 'client';
     unsavedPrompt?: string | null;
 }) => TemplateResult;
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/modal-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,CACP,CAAA;AAEV,eAAO,MAAM,UAAU,UAAW;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,KAAG,cA6CH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,CACP,CAAA;AAEV,eAAO,MAAM,UAAU,UAAW;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,KAAG,cAmEH,CAAA"}

package/dist/patterns/modal-sheet/index.js

@@ -11,5 +11,9 @@ export const HOOKS = [
     'modal-body',
     'modal-actions',
 ];
-export const ModalSheet = (props) => (_jsxs("div", { "data-ui": "modal-layer", "data-mode": props.mode ?? 'overlay', "data-route-modal": props.mode === 'embedded' ? null : 'true', "data-presentation": props.presentation ?? 'sheet', "data-unsaved-prompt": props.unsavedPrompt ?? null, children: [_jsx("a", { "data-ui": "modal-backdrop", href: props.closeHref, "aria-label": props.closeLabel, children: _jsx("span", { children: props.closeLabel }) }), _jsxs("section", { id: props.id, "data-ui": "modal-sheet", "data-size": props.size ?? 'default', role: "dialog", "aria-modal": props.mode === 'embedded' ? 'false' : 'true', "aria-labelledby": `${props.id}-title`, "aria-describedby": props.description ? `${props.id}-description` : null, tabindex: props.mode === 'embedded' ? null : '-1', children: [_jsxs("header", { "data-ui": "modal-head", children: [_jsxs("div", { "data-ui": "modal-heading", children: [_jsx("h2", { "data-ui": "modal-title", id: `${props.id}-title`, children: props.title }), !!props.description && (_jsx("p", { "data-ui": "modal-description", id: `${props.id}-description`, children: props.description }))] }), _jsx("a", { "data-ui": "modal-close", href: props.closeHref, "aria-label": props.closeLabel, title: props.closeLabel, children: "\u00D7" })] }), _jsx("div", { "data-ui": "modal-body", children: props.body }), props.actions !== undefined && _jsx("footer", { "data-ui": "modal-actions", children: props.actions })] })] }));
+export const ModalSheet = (props) => {
+    const client = props.mode === 'client';
+    const embedded = props.mode === 'embedded';
+    return (_jsxs("div", { "data-ui": "modal-layer", "data-mode": props.mode ?? 'overlay', "data-route-modal": embedded || client ? null : 'true', "data-client-modal": client ? 'true' : null, "data-presentation": props.presentation ?? 'sheet', "data-unsaved-prompt": props.unsavedPrompt ?? null, children: [client ? (_jsx("button", { "data-ui": "modal-backdrop", type: "button", "aria-label": props.closeLabel, tabindex: "-1", children: _jsx("span", { children: props.closeLabel }) })) : (_jsx("a", { "data-ui": "modal-backdrop", href: props.closeHref ?? '#', "aria-label": props.closeLabel, children: _jsx("span", { children: props.closeLabel }) })), _jsxs("section", { id: props.id, "data-ui": "modal-sheet", "data-size": props.size ?? 'default', role: "dialog", "aria-modal": embedded ? 'false' : 'true', "aria-labelledby": `${props.id}-title`, "aria-describedby": props.description ? `${props.id}-description` : null, tabindex: embedded ? null : '-1', children: [_jsxs("header", { "data-ui": "modal-head", children: [_jsxs("div", { "data-ui": "modal-heading", children: [_jsx("h2", { "data-ui": "modal-title", id: `${props.id}-title`, children: props.title }), !!props.description && (_jsx("p", { "data-ui": "modal-description", id: `${props.id}-description`, children: props.description }))] }), client ? (_jsx("button", { "data-ui": "modal-close", type: "button", "aria-label": props.closeLabel, title: props.closeLabel, children: "\u00D7" })) : (_jsx("a", { "data-ui": "modal-close", href: props.closeHref ?? '#', "aria-label": props.closeLabel, title: props.closeLabel, children: "\u00D7" }))] }), _jsx("div", { "data-ui": "modal-body", children: props.body }), props.actions !== undefined && _jsx("footer", { "data-ui": "modal-actions", children: props.actions })] })] }));
+};
 //# sourceMappingURL=index.js.map

package/dist/patterns/modal-sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,aAAa;IACb,YAAY;IACZ,eAAe;CACP,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAY1B,EAAkB,EAAE,CAAC,CACpB,0BACU,aAAa,eACV,KAAK,CAAC,IAAI,IAAI,SAAS,sBAChB,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,uBACxC,KAAK,CAAC,YAAY,IAAI,OAAO,yBAC3B,KAAK,CAAC,aAAa,IAAI,IAAI,aAEhD,uBAAW,gBAAgB,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,gBAAc,KAAK,CAAC,UAAU,YAC7E,yBAAO,KAAK,CAAC,UAAU,GAAQ,GAC7B,EACJ,mBACE,EAAE,EAAE,KAAK,CAAC,EAAE,aACJ,aAAa,eACV,KAAK,CAAC,IAAI,IAAI,SAAS,EAClC,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,qBACvC,GAAG,KAAK,CAAC,EAAE,QAAQ,sBAClB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,EACtE,QAAQ,EAAE,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAEjD,6BAAgB,YAAY,aAC1B,0BAAa,eAAe,aAC1B,wBAAY,aAAa,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,YAC9C,KAAK,CAAC,KAAK,GACT,EACJ,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACtB,uBAAW,mBAAmB,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,cAAc,YACzD,KAAK,CAAC,WAAW,GAChB,CACL,IACG,EACN,uBACU,aAAa,EACrB,IAAI,EAAE,KAAK,CAAC,SAAS,gBACT,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,UAAU,uBAGrB,IACG,EACT,yBAAa,YAAY,YAAE,KAAK,CAAC,IAAI,GAAO,EAC3C,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,4BAAgB,eAAe,YAAE,KAAK,CAAC,OAAO,GAAU,IAChF,IACN,CACP,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/modal-sheet/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,aAAa;IACb,YAAY;IACZ,eAAe;CACP,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAmB1B,EAAkB,EAAE;IACnB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAA;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAA;IAC1C,OAAO,CACL,0BACU,aAAa,eACV,KAAK,CAAC,IAAI,IAAI,SAAS,sBAChB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,uBACjC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,uBACtB,KAAK,CAAC,YAAY,IAAI,OAAO,yBAC3B,KAAK,CAAC,aAAa,IAAI,IAAI,aAE/C,MAAM,CAAC,CAAC,CAAC,CACR,4BAAgB,gBAAgB,EAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAC,IAAI,YACxF,yBAAO,KAAK,CAAC,UAAU,GAAQ,GACxB,CACV,CAAC,CAAC,CAAC,CACF,uBAAW,gBAAgB,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,IAAI,GAAG,gBAAc,KAAK,CAAC,UAAU,YACpF,yBAAO,KAAK,CAAC,UAAU,GAAQ,GAC7B,CACL,EACD,mBACE,EAAE,EAAE,KAAK,CAAC,EAAE,aACJ,aAAa,eACV,KAAK,CAAC,IAAI,IAAI,SAAS,EAClC,IAAI,EAAC,QAAQ,gBACD,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,qBACtB,GAAG,KAAK,CAAC,EAAE,QAAQ,sBAClB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,EACtE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAEhC,6BAAgB,YAAY,aAC1B,0BAAa,eAAe,aAC1B,wBAAY,aAAa,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,YAC9C,KAAK,CAAC,KAAK,GACT,EACJ,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACtB,uBAAW,mBAAmB,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,cAAc,YACzD,KAAK,CAAC,WAAW,GAChB,CACL,IACG,EACL,MAAM,CAAC,CAAC,CAAC,CACR,4BACU,aAAa,EACrB,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,UAAU,uBAGhB,CACV,CAAC,CAAC,CAAC,CACF,uBACU,aAAa,EACrB,IAAI,EAAE,KAAK,CAAC,SAAS,IAAI,GAAG,gBAChB,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,UAAU,uBAGrB,CACL,IACM,EACT,yBAAa,YAAY,YAAE,KAAK,CAAC,IAAI,GAAO,EAC3C,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,4BAAgB,eAAe,YAAE,KAAK,CAAC,OAAO,GAAU,IAChF,IACN,CACP,CAAA;AACH,CAAC,CAAA"}