@jxsuite/ui 0.4.1 → 0.5.1

package/components/jx-dialog.json

@@ -5,6 +5,7 @@
   "observedAttributes": [
     "headline",
     "confirm-label",
+    "confirm-disabled",
     "secondary-label",
     "cancel-label",
     "destructive",
@@ -29,6 +30,12 @@
       "attribute": "confirm-label",
       "description": "The primary button's text; empty for no primary button."
     },
+    "confirmDisabled": {
+      "type": "boolean",
+      "default": false,
+      "attribute": "confirm-disabled",
+      "description": "The primary answer cannot be given yet: its button stays in the footer, announced and disabled, and dispatches nothing. For a dialog whose answer is a choice the reader has not made, where hiding the button would leave them nothing to look for."
+    },
     "secondaryLabel": {
       "type": "string",
       "default": "",
@@ -57,7 +64,7 @@
       "type": "string",
       "default": "sm",
       "attribute": "size",
-      "description": "sm, md or lg: the dialog's width."
+      "description": "sm, md, lg or xl: the dialog's width. xl is for a dialog that lays two panes side by side, such as a picker with a list and the chosen item's detail."
     },
     "open": {
       "type": "boolean",
@@ -214,12 +221,30 @@
         "outline": "var(--jx-focus-ring)"
       }
     },
+    "& > [part=\"dialog\"][open]": {
+      "$description": "Open, the box is a column whose BODY scrolls, never the box itself. A dialog that scrolled as one carried its own scrollbar beside any list the body scrolled for itself, and took the headline and the answers off screen exactly when the content was long enough to need them. Keyed on [open] because a closed <dialog> is hidden by the user agent's display: none, which an unconditional display here would override.",
+      "display": "flex",
+      "flexDirection": "column",
+      "overflow": "hidden"
+    },
+    "& > [part=\"dialog\"] > [part=\"header\"], & > [part=\"dialog\"] > [part=\"footer\"]": {
+      "flex": "none"
+    },
+    "& > [part=\"dialog\"] > [part=\"body\"]": {
+      "$description": "The one region that scrolls. Child combinators, not the descendant ones the parts below use, because a consumer's content is light DOM inside this same box and a surface may name a [part=\"body\"] of its own.",
+      "flex": "1 1 auto",
+      "minHeight": "0",
+      "overflowY": "auto"
+    },
     "&[data-size=\"md\"] > [part=\"dialog\"]": {
       "width": "min(90vw, 32rem)"
     },
     "&[data-size=\"lg\"] > [part=\"dialog\"]": {
       "width": "min(90vw, 44rem)"
     },
+    "&[data-size=\"xl\"] > [part=\"dialog\"]": {
+      "width": "min(92vw, 60rem)"
+    },
     "& [part=\"header\"]": {
       "padding": "var(--jx-space-5) var(--jx-space-5) 0"
     },
@@ -381,6 +406,9 @@
                   "$props": {
                     "variant": {
                       "$ref": "#/state/confirmVariant"
+                    },
+                    "disabled": {
+                      "$ref": "#/state/confirmDisabled"
                     }
                   },
                   "attributes": {

package/icons/list.json

@@ -24,6 +24,7 @@
   "arrows-out-line-horizontal": ["regular"],
   "arrows-out-line-vertical": ["regular"],
   "arrows-vertical": ["regular"],
+  "books": ["regular"],
   "brackets-curly": ["regular"],
   "browser": ["regular"],
   "caret-down": ["regular", "bold"],

package/icons/manifest.json

@@ -79,6 +79,9 @@
     "arrows-vertical": {
       "regular": "M165.66,194.34a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32,0l-32-32a8,8,0,0,1,11.32-11.32L120,212.69V43.31L101.66,61.66A8,8,0,0,1,90.34,50.34l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32L136,43.31V212.69l18.34-18.35A8,8,0,0,1,165.66,194.34Z"
     },
+    "books": {
+      "regular": "M231.65,194.55,198.46,36.75a16,16,0,0,0-19-12.39L132.65,34.42a16.08,16.08,0,0,0-12.3,19l33.19,157.8A16,16,0,0,0,169.16,224a16.25,16.25,0,0,0,3.38-.36l46.81-10.06A16.09,16.09,0,0,0,231.65,194.55ZM136,50.15c0-.06,0-.09,0-.09l46.8-10,3.33,15.87L139.33,66Zm6.62,31.47,46.82-10.05,3.34,15.9L146,97.53Zm6.64,31.57,46.82-10.06,13.3,63.24-46.82,10.06ZM216,197.94l-46.8,10-3.33-15.87L212.67,182,216,197.85C216,197.91,216,197.94,216,197.94ZM104,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V48A16,16,0,0,0,104,32ZM56,48h48V64H56Zm0,32h48v96H56Zm48,128H56V192h48v16Z"
+    },
     "brackets-curly": {
       "regular": "M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/ui",
-  "version": "0.4.1",
+  "version": "0.5.1",
   "description": "The Jx UI kit: interface elements authored as Jx documents, with their theme and icons",
   "license": "MIT",
   "repository": {
@@ -58,11 +58,11 @@
     "upgrade": "bun update --latest && bun install"
   },
   "dependencies": {
-    "@jxsuite/runtime": "^4.0.3",
+    "@jxsuite/runtime": "^4.1.0",
     "@jxsuite/schema": "^3.0.0"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "^20.14.5",
+    "@happy-dom/global-registrator": "^20.14.6",
     "@phosphor-icons/core": "^2.1.1"
   }
 }

package/stylebook/jx-icon.json

@@ -35,6 +35,7 @@
       "arrows-out-line-horizontal",
       "arrows-out-line-vertical",
       "arrows-vertical",
+      "books",
       "brackets-curly",
       "browser",
       "caret-down",