@pure-ds/storybook 0.4.22 → 0.4.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pds-reference.json +3 -3
- package/package.json +2 -2
- package/public/assets/js/app.js +59 -11
- package/public/assets/js/pds.js +60 -12
- package/public/assets/pds/components/pds-drawer.js +1 -1
- package/public/assets/pds/components/pds-form.js +29 -8
- package/src/js/pds-core/pds-config.js +1 -2
- package/src/js/pds-core/pds-generator.js +46 -5
- package/src/js/pds.js +21 -4
- package/stories/GettingStarted.md +27 -3
- package/stories/components/PdsDrawer.stories.js +2 -4
- package/stories/components/PdsForm.stories.js +4902 -4676
- package/stories/components/PdsFormUiSchema.md +1 -1
- package/stories/enhancements/RequiredFields.stories.js +3 -1
- package/stories/enhancements/Toggles.stories.js +30 -0
package/dist/pds-reference.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-01-
|
|
2
|
+
"generatedAt": "2026-01-16T09:55:44.354Z",
|
|
3
3
|
"sources": {
|
|
4
4
|
"customElements": "custom-elements.json",
|
|
5
5
|
"ontology": "src\\js\\pds-core\\pds-ontology.js",
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
"storyTitle": "Components/pds-form",
|
|
457
457
|
"category": "Components",
|
|
458
458
|
"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\"\n\n<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\"",
|
|
459
|
-
"docsDescription": "
|
|
459
|
+
"docsDescription": "**✨ Recommended for modern applications** - Automatically generate complete forms from [JSON Schema](https://json-schema.org/) definitions.\r\n\r\n### Key Features\r\n- 📝 **Zero boilerplate** - Define form structure in JSON, get a working form with validation\r\n- ✓ **Built-in validation** - Automatic validation based on schema rules (required, min/max, patterns, etc.)\r\n- 🔄 **Data binding** - Two-way data binding with form state management\r\n- 🎨 **PDS styled** - Uses all PDS design tokens automatically\r\n- 📱 **Responsive** - Mobile-friendly layouts out of the box\r\n- 🔀 **Conditional logic** - Show/hide/disable fields, computed values\r\n- 🗂️ **Nested objects** - Support for complex nested data structures\r\n- 🔧 **Extensible** - Custom field types and validators\r\n\r\n### Why Generate Forms from JSON Schema?\r\nInstead of manually writing HTML for every form field, validation rule, and error message, you define your data schema once and get:\r\n- Form UI generation\r\n- Client-side validation\r\n- Server-side validation (same schema)\r\n- API documentation\r\n- Type definitions\r\n- Database schemas\r\n\r\nSee the examples below to get started, or check the [primitive forms](/story/primitives-form-elements--default) for manual form building.",
|
|
460
460
|
"pdsTags": [
|
|
461
461
|
"autodocs",
|
|
462
462
|
"forms",
|
|
@@ -4749,7 +4749,7 @@
|
|
|
4749
4749
|
"storyTitle": "Components/pds-form",
|
|
4750
4750
|
"category": "Components",
|
|
4751
4751
|
"name": "pds-form",
|
|
4752
|
-
"description": "
|
|
4752
|
+
"description": "**✨ Recommended for modern applications** - Automatically generate complete forms from [JSON Schema](https://json-schema.org/) definitions.\r\n\r\n### Key Features\r\n- 📝 **Zero boilerplate** - Define form structure in JSON, get a working form with validation\r\n- ✓ **Built-in validation** - Automatic validation based on schema rules (required, min/max, patterns, etc.)\r\n- 🔄 **Data binding** - Two-way data binding with form state management\r\n- 🎨 **PDS styled** - Uses all PDS design tokens automatically\r\n- 📱 **Responsive** - Mobile-friendly layouts out of the box\r\n- 🔀 **Conditional logic** - Show/hide/disable fields, computed values\r\n- 🗂️ **Nested objects** - Support for complex nested data structures\r\n- 🔧 **Extensible** - Custom field types and validators\r\n\r\n### Why Generate Forms from JSON Schema?\r\nInstead of manually writing HTML for every form field, validation rule, and error message, you define your data schema once and get:\r\n- Form UI generation\r\n- Client-side validation\r\n- Server-side validation (same schema)\r\n- API documentation\r\n- Type definitions\r\n- Database schemas\r\n\r\nSee the examples below to get started, or check the [primitive forms](/story/primitives-form-elements--default) for manual form building.",
|
|
4753
4753
|
"tags": [
|
|
4754
4754
|
"autodocs",
|
|
4755
4755
|
"forms",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pure-ds/storybook",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.24",
|
|
4
4
|
"description": "Storybook showcase for Pure Design System with live configuration",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"pds:build-icons": "pds-build-icons"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
|
-
"@pure-ds/core": "^0.4.
|
|
40
|
+
"@pure-ds/core": "^0.4.24"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@custom-elements-manifest/analyzer": "^0.11.0",
|