@pure-ds/core 0.4.18 → 0.4.20

package/public/assets/pds/custom-elements.json

@@ -1,4 +1,4 @@
-{
+{
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
@@ -671,11 +671,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "public/assets/pds/components/pds-jsonform.js",
+      "path": "public/assets/pds/components/pds-form.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "<pds-jsonform>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-jsonform .jsonSchema=${schema}></pds-jsonform>\n\n2. Customize labels:\n   <pds-jsonform .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-jsonform>\n\n3. Hide reset button:\n   <pds-jsonform .jsonSchema=${schema} hide-reset></pds-jsonform>\n\n4. Add extra buttons (slot):\n   <pds-jsonform .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"",
+          "description": "<pds-form>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-form .jsonSchema=${schema}></pds-form>\n\n2. Customize labels:\n   <pds-form .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-form>\n\n3. Hide reset button:\n   <pds-form .jsonSchema=${schema} hide-reset></pds-form>\n\n4. Add extra buttons (slot):\n   <pds-form .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"",
           "name": "SchemaForm",
           "members": [
             {
@@ -953,9 +953,9 @@
           ],
           "superclass": {
             "name": "LitElement",
-            "module": "/public/assets/pds/components/pds-jsonform.js"
+            "module": "/public/assets/pds/components/pds-form.js"
           },
-          "tagName": "pds-jsonform",
+          "tagName": "pds-form",
           "customElement": true
         }
       ],
@@ -965,15 +965,15 @@
           "name": "SchemaForm",
           "declaration": {
             "name": "SchemaForm",
-            "module": "public/assets/pds/components/pds-jsonform.js"
+            "module": "public/assets/pds/components/pds-form.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "pds-jsonform",
+          "name": "pds-form",
           "declaration": {
             "name": "SchemaForm",
-            "module": "public/assets/pds/components/pds-jsonform.js"
+            "module": "public/assets/pds/components/pds-form.js"
           }
         }
       ]

package/public/assets/pds/vscode-custom-data.json

@@ -65,6 +65,69 @@
         }
       ]
     },
+    {
+      "name": "pds-form",
+      "description": "<pds-form>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-form .jsonSchema=${schema}></pds-form>\n\n2. Customize labels:\n   <pds-form .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-form>\n\n3. Hide reset button:\n   <pds-form .jsonSchema=${schema} hide-reset></pds-form>\n\n4. Add extra buttons (slot):\n   <pds-form .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"",
+      "attributes": [
+        {
+          "name": "json-schema",
+          "description": ""
+        },
+        {
+          "name": "ui-schema",
+          "description": ""
+        },
+        {
+          "name": "options",
+          "description": ""
+        },
+        {
+          "name": "values",
+          "description": ""
+        },
+        {
+          "name": "action",
+          "description": ""
+        },
+        {
+          "name": "method",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": "",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-actions",
+          "description": "",
+          "valueSet": "v"
+        },
+        {
+          "name": "submit-label",
+          "description": ""
+        },
+        {
+          "name": "reset-label",
+          "description": ""
+        },
+        {
+          "name": "hide-reset",
+          "description": "",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-submit",
+          "description": "",
+          "valueSet": "v"
+        },
+        {
+          "name": "hide-legend",
+          "description": "",
+          "valueSet": "v"
+        }
+      ]
+    },
     {
       "name": "pds-icon",
       "description": "SVG Icon Web Component",
@@ -598,69 +661,6 @@
         }
       ]
     },
-    {
-      "name": "pds-jsonform",
-      "description": "<pds-jsonform>\n\nForm Actions:\nBy default, the form includes Submit and Reset buttons inside the <form> element.\n\nUsage options:\n1. Default buttons:\n   <pds-jsonform .jsonSchema=${schema}></pds-jsonform>\n\n2. Customize labels:\n   <pds-jsonform .jsonSchema=${schema} submit-label=\"Save\" reset-label=\"Clear\"></pds-jsonform>\n\n3. Hide reset button:\n   <pds-jsonform .jsonSchema=${schema} hide-reset></pds-jsonform>\n\n4. Add extra buttons (slot):\n   <pds-jsonform .jsonSchema=${schema}>\n     <button type=\"button\" slot=\"actions\"",
-      "attributes": [
-        {
-          "name": "json-schema",
-          "description": ""
-        },
-        {
-          "name": "ui-schema",
-          "description": ""
-        },
-        {
-          "name": "options",
-          "description": ""
-        },
-        {
-          "name": "values",
-          "description": ""
-        },
-        {
-          "name": "action",
-          "description": ""
-        },
-        {
-          "name": "method",
-          "description": ""
-        },
-        {
-          "name": "disabled",
-          "description": "",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-actions",
-          "description": "",
-          "valueSet": "v"
-        },
-        {
-          "name": "submit-label",
-          "description": ""
-        },
-        {
-          "name": "reset-label",
-          "description": ""
-        },
-        {
-          "name": "hide-reset",
-          "description": "",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-submit",
-          "description": "",
-          "valueSet": "v"
-        },
-        {
-          "name": "hide-legend",
-          "description": "",
-          "valueSet": "v"
-        }
-      ]
-    },
     {
       "name": "pds-richtext",
       "description": "RichText component",

package/readme.md

@@ -1,4 +1,4 @@
-# Pure Design System (PDS)
+# Pure Design System (PDS)
 
 > ⚠️ **Beta Software** - APIs are stabilizing but may still change. Pin versions in production: `"@pure-ds/core": "~0.3.0"`
 
@@ -166,7 +166,7 @@ A growing set of PDS components:
 - `<pds-icon>` — SVG sprite icons
 - `<pds-drawer>` — Slide-out panels
 - `<pds-tabstrip>` — Accessible tabs
-- `<pds-jsonform>` — Forms from JSON Schema
+- `<pds-form>` — Forms from JSON Schema
 - `<pds-upload>` — Drag & drop file upload
 - `<pds-richtext>` — Rich text / Markdown editor
 - `<pds-splitpanel>` — Resizable panes
@@ -707,9 +707,9 @@ Features:
 - Undo/redo
 - Markdown shortcuts
 
-**`<pds-jsonform>`** - Dynamic forms from JSON Schema
+**`<pds-form>`** - Dynamic forms from JSON Schema
 ```html
-<pds-jsonform schema='{"type":"object","properties":{...}}'></pds-jsonform>
+<pds-form schema='{"type":"object","properties":{...}}'></pds-form>
 ```
 
 Generates complete forms with validation from JSON Schema.

package/src/js/pds-core/pds-generator.js

@@ -1,4 +1,4 @@
-import { registry as pdsRegistry } from "./pds-registry.js";
+import { registry as pdsRegistry } from "./pds-registry.js";
 
 /**
  * Generator - A JS-config-first design system
@@ -1810,10 +1810,8 @@ form {
 }
 
 fieldset {
-  margin: 0;
-  padding: var(--spacing-5);
+  margin: 0;  
   width: 100%;
-  background-color: color-mix(in oklab, var(--color-surface-subtle) 50%, transparent 50%);
   
   /* Unified styling for radio groups and checkbox groups */
   &[role="radiogroup"],
@@ -3061,7 +3059,7 @@ dialog form {
   margin: 0;
 }
 
-/* Dialog fields - to open pds-jsonform subforms */
+/* Dialog fields - to open pds-form subforms */
 .dialog-field {
     margin-top: var(--spacing-3);
 }
@@ -4231,9 +4229,6 @@ nav[data-dropdown] {
 
   :where(fieldset) {
     border: none;
-    padding: var(--spacing-4);
-    margin: 0 0 var(--spacing-4) 0;
-    background-color: var(--color-surface-subtle);
   }
 
   :where(legend) {

package/src/js/pds-core/pds-ontology.js

@@ -1,4 +1,4 @@
-// Pure Design System Ontology (PDS)
+// Pure Design System Ontology (PDS)
 // This file is the single source-of-truth metadata for primitives, components, tokens, themes and enhancements.
 // Used by PDS.query() for searching and correlating concepts.
 
@@ -223,10 +223,10 @@ export const ontology = {
       category: "feedback"
     },
     { 
-      id: "pds-jsonform", 
+      id: "pds-form", 
       name: "JSON Form", 
       description: "Auto-generated form from JSON Schema",
-      selectors: ["pds-jsonform"],
+      selectors: ["pds-form"],
       tags: ["form", "schema", "auto-generate"],
       category: "form"
     },
@@ -481,7 +481,7 @@ export const ontology = {
     form: {
       description: "Form inputs and controls",
       primitives: ["button", "fieldset", "label-field", "form"],
-      components: ["pds-upload", "pds-jsonform", "pds-richtext", "pds-calendar"]
+      components: ["pds-upload", "pds-form", "pds-richtext", "pds-calendar"]
     },
     layout: {
       description: "Page structure and content arrangement",
@@ -541,7 +541,7 @@ export const ontology = {
     content: ["text", "typography", "body", "article"],
     
     // Forms & Inputs
-    form: ["input", "field", "label", "button", "fieldset", "pds-jsonform", "pds-upload", "pds-richtext", "pds-calendar", "required", "validation", "submit"],
+    form: ["input", "field", "label", "button", "fieldset", "pds-form", "pds-upload", "pds-richtext", "pds-calendar", "required", "validation", "submit"],
     input: ["form", "field", "text", "label", "required", "validation"],
     field: ["form", "input", "label", "required"],
     button: ["btn", "interactive", "action", "submit", "form", "btn-primary", "btn-secondary", "btn-working"],

package/src/js/pds.d.ts

@@ -217,7 +217,7 @@ export class PDS extends EventTarget {
 
 export { PDS as default };
 
-// ===== pds-jsonform Types =====
+// ===== pds-form Types =====
 
 export interface JsonFormOptions {
   widgets?: {
@@ -358,7 +358,7 @@ export interface JsonFormEventMap {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'pds-jsonform': SchemaForm;
+    'pds-form': SchemaForm;
   }
 }
 

package/dist/types/public/assets/pds/components/pds-jsonform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pds-jsonform.d.ts","sourceRoot":"","sources":["../../../../../../public/assets/pds/components/pds-jsonform.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcE;IAGF,yBAEC;IAaC,gBAA2B;IAC3B,cAAyB;IACzB,aAAwB;IACxB,YAAuB;IACvB,eAAoB;IACpB,qBAAwB;IACxB,oBAA2B;IAC3B,mBAAyB;IACzB,mBAAsB;IACtB,oBAAuB;IAiBzB,8CAEC;IACD,4BAEC;IAGD,oBAEC;IAkBD;;;MAIC;IAED,uBAEC;IAED,0BAMC;IAGD,+BAyBC;IA+ND,cAyCC;;CAu4CF"}