@pure-ds/storybook 0.7.4 → 0.7.23
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/.storybook/addons/html-preview/preview.js +1 -1
- package/.storybook/htmlPreview.js +2 -7
- package/.storybook/main.js +20 -12
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +71 -0
- package/.storybook/shiki.js +1 -0
- package/dist/pds-reference.json +411 -313
- package/package.json +2 -2
- package/public/assets/js/app.js +2 -2
- package/public/assets/js/pds-manager.js +281 -307
- package/public/assets/js/pds.js +2 -2
- package/public/assets/pds/components/pds-calendar.js +522 -26
- package/public/assets/pds/components/pds-code.js +203 -0
- package/public/assets/pds/components/pds-form.js +85 -2
- package/public/assets/pds/components/pds-icon.js +165 -39
- package/public/assets/pds/components/pds-live-importer.js +2 -2
- package/public/assets/pds/components/pds-omnibox.js +9 -6
- package/public/assets/pds/components/pds-scrollrow.js +27 -2
- package/public/assets/pds/components/pds-treeview.js +506 -24
- package/public/assets/pds/core/pds-manager.js +281 -307
- package/public/assets/pds/core.js +2 -2
- package/public/assets/pds/custom-elements.json +263 -18
- package/public/assets/pds/external/shiki.js +32 -0
- package/public/assets/pds/pds-css-complete.json +1 -1
- package/public/assets/pds/pds-runtime-config.json +1 -1
- package/public/assets/pds/styles/pds-components.css +93 -96
- package/public/assets/pds/styles/pds-components.css.js +186 -192
- package/public/assets/pds/styles/pds-primitives.css +61 -66
- package/public/assets/pds/styles/pds-primitives.css.js +122 -132
- package/public/assets/pds/styles/pds-styles.css +148 -156
- package/public/assets/pds/styles/pds-styles.css.js +296 -312
- package/public/assets/pds/templates/feedback-ops-dashboard.html +1 -1
- package/public/assets/pds/templates/release-readiness-radar.html +2 -2
- package/public/assets/pds/templates/support-command-center.html +1 -1
- package/public/assets/pds/vscode-custom-data.json +4 -0
- package/scripts/build-pds-reference.mjs +33 -0
- package/src/js/components/pds-code.js +203 -0
- package/src/js/external/shiki.js +32 -0
- package/src/js/pds-core/pds-config.js +1 -0
- package/src/js/pds-core/pds-generator.js +152 -160
- package/src/js/pds-core/pds-live.js +55 -34
- package/src/js/pds-core/pds-ontology.js +2 -2
- package/src/js/pds-core/pds-runtime.js +18 -2
- package/src/js/pds.d.ts +2 -3
- package/src/js/pds.js +142 -76
- package/stories/WhatIsPDS.md +1 -1
- package/stories/components/PdsCalendar.stories.js +75 -1
- package/stories/components/PdsDrawer.stories.js +1 -1
- package/stories/components/PdsFab.stories.js +2 -1
- package/stories/components/PdsForm.stories.js +157 -71
- package/stories/components/PdsIcon.stories.js +2 -2
- package/stories/components/PdsOmnibox.stories.js +212 -40
- package/stories/components/PdsRichtext.stories.js +2 -2
- package/stories/components/PdsScrollrow.stories.js +5 -5
- package/stories/components/PdsSplitpanel.stories.js +16 -16
- package/stories/components/PdsTabstrip.stories.js +8 -8
- package/stories/components/PdsTheme/PdsTheme.stories.js +1 -1
- package/stories/components/PdsToaster.stories.js +1 -1
- package/stories/components/PdsTreeview.stories.js +202 -21
- package/stories/components/PdsUpload.stories.js +1 -1
- package/stories/enhancements/Accordion.stories.js +8 -8
- package/stories/enhancements/ButtonWorking.stories.js +1 -1
- package/stories/enhancements/Clip.stories.js +1 -1
- package/stories/enhancements/ColorInput.stories.js +3 -3
- package/stories/enhancements/Dropdowns.stories.js +4 -4
- package/stories/enhancements/OpenGroups.stories.js +5 -5
- package/stories/enhancements/RangeSliders.stories.js +6 -6
- package/stories/enhancements/RequiredFields.stories.js +1 -1
- package/stories/enhancements/Toggles.stories.js +2 -2
- package/stories/foundations/Dividers.stories.js +12 -12
- package/stories/foundations/HTMLDefaults.stories.js +8 -22
- package/stories/foundations/Icons.stories.js +36 -45
- package/stories/foundations/MeshGradients.stories.js +4 -6
- package/stories/foundations/SmartSurfaces.stories.js +36 -36
- package/stories/foundations/Typography.stories.js +87 -227
- package/stories/foundations/ZIndex.stories.js +3 -3
- package/stories/getting-started.md +2 -1
- package/stories/layout/LayoutOverview.stories.js +3 -8
- package/stories/layout/LayoutSystem.stories.js +1 -1
- package/stories/patterns/BorderEffects.stories.js +4 -4
- package/stories/patterns/InteractiveStates.stories.js +1 -1
- package/stories/patterns/Utilities.stories.js +3 -3
- package/stories/primitives/Badges.stories.js +5 -5
- package/stories/primitives/Buttons.stories.js +6 -6
- package/stories/primitives/Callouts.stories.js +13 -13
- package/stories/primitives/Cards.stories.js +6 -6
- package/stories/primitives/FormElements.stories.js +1 -1
- package/stories/primitives/HtmlFormElements.stories.js +6 -4
- package/stories/primitives/HtmlFormGroups.stories.js +10 -10
- package/stories/primitives/Media.stories.js +1 -1
- package/stories/primitives/Tables.stories.js +5 -5
- package/stories/reference/reference-catalog.js +1 -0
- package/stories/reference/reference-docs.js +1 -0
- package/stories/utils/PdsParse.stories.js +30 -25
- package/stories/utils/PdsToast.stories.js +3 -7
- package/stories/utils/markdown.js +20 -38
- package/stories/utils/shiki.js +42 -1
- package/stories/utils/toast-utils.js +2 -0
- package/stories/foundations/Spacing.stories.js +0 -179
package/dist/pds-reference.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-02-
|
|
2
|
+
"generatedAt": "2026-02-26T14:42:23.254Z",
|
|
3
3
|
"sources": {
|
|
4
4
|
"customElements": "custom-elements.json",
|
|
5
5
|
"ontology": "src\\js\\pds-core\\pds-ontology.js",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"pds-calendar": {
|
|
11
11
|
"tag": "pds-calendar",
|
|
12
12
|
"className": "PdsCalendar",
|
|
13
|
-
"displayName": "
|
|
14
|
-
"storyTitle": "Components/
|
|
13
|
+
"displayName": "pds-calendar",
|
|
14
|
+
"storyTitle": "Components/pds-calendar",
|
|
15
15
|
"category": "Components",
|
|
16
16
|
"description": null,
|
|
17
17
|
"docsDescription": "A fully featured calendar component with month navigation, event display, and expandable day views",
|
|
@@ -63,6 +63,14 @@
|
|
|
63
63
|
"description": null,
|
|
64
64
|
"source": "packages\\pds-storybook\\stories\\components\\PdsCalendar.stories.js"
|
|
65
65
|
},
|
|
66
|
+
{
|
|
67
|
+
"exportName": "FormParticipation",
|
|
68
|
+
"name": "FormParticipation",
|
|
69
|
+
"id": "components-pds-calendar--form-participation",
|
|
70
|
+
"tags": [],
|
|
71
|
+
"description": null,
|
|
72
|
+
"source": "packages\\pds-storybook\\stories\\components\\PdsCalendar.stories.js"
|
|
73
|
+
},
|
|
66
74
|
{
|
|
67
75
|
"exportName": "WithManyEvents",
|
|
68
76
|
"name": "WithManyEvents",
|
|
@@ -88,7 +96,8 @@
|
|
|
88
96
|
"description": "The date to display (defaults to current date). Accepts any valid date string",
|
|
89
97
|
"type": "String",
|
|
90
98
|
"default": null,
|
|
91
|
-
"fieldName": null
|
|
99
|
+
"fieldName": null,
|
|
100
|
+
"property": "date"
|
|
92
101
|
}
|
|
93
102
|
],
|
|
94
103
|
"properties": [
|
|
@@ -159,8 +168,8 @@
|
|
|
159
168
|
"pds-drawer": {
|
|
160
169
|
"tag": "pds-drawer",
|
|
161
170
|
"className": "PdsDrawer",
|
|
162
|
-
"displayName": "
|
|
163
|
-
"storyTitle": "Components/
|
|
171
|
+
"displayName": "pds-drawer",
|
|
172
|
+
"storyTitle": "Components/pds-drawer",
|
|
164
173
|
"category": "Components",
|
|
165
174
|
"description": null,
|
|
166
175
|
"docsDescription": "Slide-out panels from any edge",
|
|
@@ -209,42 +218,48 @@
|
|
|
209
218
|
"description": "Controls whether the drawer is open or closed",
|
|
210
219
|
"type": "boolean",
|
|
211
220
|
"default": null,
|
|
212
|
-
"fieldName": "open"
|
|
221
|
+
"fieldName": "open",
|
|
222
|
+
"property": "open"
|
|
213
223
|
},
|
|
214
224
|
{
|
|
215
225
|
"name": "position",
|
|
216
226
|
"description": "Position of the drawer relative to the viewport",
|
|
217
227
|
"type": "\"bottom\" | \"top\" | \"left\" | \"right\"",
|
|
218
228
|
"default": "\"bottom\"",
|
|
219
|
-
"fieldName": "position"
|
|
229
|
+
"fieldName": "position",
|
|
230
|
+
"property": "position"
|
|
220
231
|
},
|
|
221
232
|
{
|
|
222
233
|
"name": "drag",
|
|
223
234
|
"description": "Controls drag interaction behavior",
|
|
224
235
|
"type": "\"header\" | \"none\"",
|
|
225
236
|
"default": "\"header\"",
|
|
226
|
-
"fieldName": "drag"
|
|
237
|
+
"fieldName": "drag",
|
|
238
|
+
"property": "drag"
|
|
227
239
|
},
|
|
228
240
|
{
|
|
229
241
|
"name": "max-height",
|
|
230
242
|
"description": "Maximum height for top/bottom positioned drawers (CSS value)",
|
|
231
243
|
"type": "string",
|
|
232
244
|
"default": "\"70vh\"",
|
|
233
|
-
"fieldName": "maxHeight"
|
|
245
|
+
"fieldName": "maxHeight",
|
|
246
|
+
"property": "maxHeight"
|
|
234
247
|
},
|
|
235
248
|
{
|
|
236
249
|
"name": "min-height",
|
|
237
250
|
"description": "Minimum height for top/bottom positioned drawers (CSS value)",
|
|
238
251
|
"type": "string",
|
|
239
252
|
"default": "\"auto\"",
|
|
240
|
-
"fieldName": "minHeight"
|
|
253
|
+
"fieldName": "minHeight",
|
|
254
|
+
"property": "minHeight"
|
|
241
255
|
},
|
|
242
256
|
{
|
|
243
257
|
"name": "show-close",
|
|
244
258
|
"description": "Whether to show the close button in the header",
|
|
245
259
|
"type": "boolean",
|
|
246
260
|
"default": "false",
|
|
247
|
-
"fieldName": "showClose"
|
|
261
|
+
"fieldName": "showClose",
|
|
262
|
+
"property": "showClose"
|
|
248
263
|
}
|
|
249
264
|
],
|
|
250
265
|
"properties": [
|
|
@@ -411,8 +426,8 @@
|
|
|
411
426
|
"pds-fab": {
|
|
412
427
|
"tag": "pds-fab",
|
|
413
428
|
"className": "PdsFab",
|
|
414
|
-
"displayName": "
|
|
415
|
-
"storyTitle": "Components/
|
|
429
|
+
"displayName": "pds-fab",
|
|
430
|
+
"storyTitle": "Components/pds-fab",
|
|
416
431
|
"category": "Components",
|
|
417
432
|
"description": "Floating Action Button (FAB) with expandable satellite actions\n\nFloating Action Button (FAB) with expandable satellite actions",
|
|
418
433
|
"docsDescription": "Floating Action Button (FAB) with expandable satellite actions. Perfect for quick access to common actions from anywhere in your app.\n\n### Key Features\n- 📍 **Fixed Positioning** - Always accessible from bottom-right corner\n- 🎯 **Smart Layout** - Automatically calculates optimal satellite positions (2-6 satellites)\n- ⚡ **Smooth Animations** - Spring-based animations with cascade timing\n- ♿ **Accessible** - Full keyboard navigation and ARIA support\n- 🎨 **Customizable** - CSS custom properties for complete theming\n\n### When to Use\n- Mobile-first applications requiring quick actions\n- Dashboard interfaces with frequent actions\n- Content creation tools (compose, upload, share)\n- Multi-step workflows with common entry points\n\n### Best Practices\n- Limit to 2-6 satellite actions (component enforces max 6)\n- Use clear, recognizable icons for satellites\n- Keep labels concise and actionable\n- Consider user",
|
|
@@ -453,28 +468,32 @@
|
|
|
453
468
|
"description": "Controls whether the FAB is expanded",
|
|
454
469
|
"type": "boolean",
|
|
455
470
|
"default": null,
|
|
456
|
-
"fieldName": "open"
|
|
471
|
+
"fieldName": "open",
|
|
472
|
+
"property": "open"
|
|
457
473
|
},
|
|
458
474
|
{
|
|
459
475
|
"name": "radius",
|
|
460
476
|
"description": "Distance in pixels from the main FAB to satellites",
|
|
461
477
|
"type": "number",
|
|
462
478
|
"default": "100",
|
|
463
|
-
"fieldName": "radius"
|
|
479
|
+
"fieldName": "radius",
|
|
480
|
+
"property": "radius"
|
|
464
481
|
},
|
|
465
482
|
{
|
|
466
483
|
"name": "spread",
|
|
467
484
|
"description": "Arc angle in degrees for satellite distribution",
|
|
468
485
|
"type": "number",
|
|
469
486
|
"default": "90",
|
|
470
|
-
"fieldName": "spread"
|
|
487
|
+
"fieldName": "spread",
|
|
488
|
+
"property": "spread"
|
|
471
489
|
},
|
|
472
490
|
{
|
|
473
491
|
"name": "start-angle",
|
|
474
492
|
"description": "Starting angle in degrees (0=right, 90=down, 180=left, 270=up)\r\nIf not specified, the angle is auto-detected based on the FAB's corner position:\r\n- Bottom-right: 180° (fly left/up)\r\n- Bottom-left: 315° (fly right/up)\r\n- Top-right: 225° (fly left/down)\r\n- Top-left: 45° (fly right/down)",
|
|
475
493
|
"type": "number",
|
|
476
494
|
"default": "180 (or auto-detected)",
|
|
477
|
-
"fieldName": "startAngle"
|
|
495
|
+
"fieldName": "startAngle",
|
|
496
|
+
"property": "startAngle"
|
|
478
497
|
}
|
|
479
498
|
],
|
|
480
499
|
"properties": [
|
|
@@ -633,94 +652,107 @@
|
|
|
633
652
|
"attributes": [
|
|
634
653
|
{
|
|
635
654
|
"name": "json-schema",
|
|
636
|
-
"description":
|
|
655
|
+
"description": "Primary schema input. Provide a JSON Schema object to generate the form layout and validation rules.",
|
|
637
656
|
"type": "object",
|
|
638
657
|
"default": "undefined",
|
|
639
|
-
"fieldName": "jsonSchema"
|
|
658
|
+
"fieldName": "jsonSchema",
|
|
659
|
+
"property": "jsonSchema"
|
|
640
660
|
},
|
|
641
661
|
{
|
|
642
662
|
"name": "ui-schema",
|
|
643
|
-
"description":
|
|
663
|
+
"description": "Optional UI overrides keyed by JSON Pointer. Controls layout, widgets, surfaces, dialogs, and per-field hints.",
|
|
644
664
|
"type": "object",
|
|
645
665
|
"default": "undefined",
|
|
646
|
-
"fieldName": "uiSchema"
|
|
666
|
+
"fieldName": "uiSchema",
|
|
667
|
+
"property": "uiSchema"
|
|
647
668
|
},
|
|
648
669
|
{
|
|
649
670
|
"name": "options",
|
|
650
|
-
"description":
|
|
671
|
+
"description": "Toolkit-level options that adjust widget families, layouts, and validation behavior. Supports path-specific overrides.",
|
|
651
672
|
"type": "object",
|
|
652
673
|
"default": "undefined",
|
|
653
|
-
"fieldName": "options"
|
|
674
|
+
"fieldName": "options",
|
|
675
|
+
"property": "options"
|
|
654
676
|
},
|
|
655
677
|
{
|
|
656
678
|
"name": "values",
|
|
657
|
-
"description":
|
|
679
|
+
"description": "Initial data that pre-populates the generated form. Shape must match the JSON Schema.",
|
|
658
680
|
"type": "object",
|
|
659
681
|
"default": "undefined",
|
|
660
|
-
"fieldName": "values"
|
|
682
|
+
"fieldName": "values",
|
|
683
|
+
"property": "values"
|
|
661
684
|
},
|
|
662
685
|
{
|
|
663
686
|
"name": "action",
|
|
664
687
|
"description": null,
|
|
665
688
|
"type": "string",
|
|
666
689
|
"default": null,
|
|
667
|
-
"fieldName": "action"
|
|
690
|
+
"fieldName": "action",
|
|
691
|
+
"property": "action"
|
|
668
692
|
},
|
|
669
693
|
{
|
|
670
694
|
"name": "method",
|
|
671
695
|
"description": null,
|
|
672
696
|
"type": "string",
|
|
673
697
|
"default": "\"post\"",
|
|
674
|
-
"fieldName": "method"
|
|
698
|
+
"fieldName": "method",
|
|
699
|
+
"property": "method"
|
|
675
700
|
},
|
|
676
701
|
{
|
|
677
702
|
"name": "disabled",
|
|
678
703
|
"description": null,
|
|
679
704
|
"type": "boolean",
|
|
680
705
|
"default": null,
|
|
681
|
-
"fieldName": "disabled"
|
|
706
|
+
"fieldName": "disabled",
|
|
707
|
+
"property": "disabled"
|
|
682
708
|
},
|
|
683
709
|
{
|
|
684
710
|
"name": "hide-actions",
|
|
685
711
|
"description": null,
|
|
686
712
|
"type": "boolean",
|
|
687
713
|
"default": "false",
|
|
688
|
-
"fieldName": "hideActions"
|
|
714
|
+
"fieldName": "hideActions",
|
|
715
|
+
"property": "hideActions"
|
|
689
716
|
},
|
|
690
717
|
{
|
|
691
718
|
"name": "submit-label",
|
|
692
719
|
"description": null,
|
|
693
720
|
"type": "string",
|
|
694
721
|
"default": "\"Submit\"",
|
|
695
|
-
"fieldName": "submitLabel"
|
|
722
|
+
"fieldName": "submitLabel",
|
|
723
|
+
"property": "submitLabel"
|
|
696
724
|
},
|
|
697
725
|
{
|
|
698
726
|
"name": "reset-label",
|
|
699
727
|
"description": null,
|
|
700
728
|
"type": "string",
|
|
701
729
|
"default": "\"Reset\"",
|
|
702
|
-
"fieldName": "resetLabel"
|
|
730
|
+
"fieldName": "resetLabel",
|
|
731
|
+
"property": "resetLabel"
|
|
703
732
|
},
|
|
704
733
|
{
|
|
705
734
|
"name": "hide-reset",
|
|
706
735
|
"description": null,
|
|
707
736
|
"type": "boolean",
|
|
708
737
|
"default": "false",
|
|
709
|
-
"fieldName": "hideReset"
|
|
738
|
+
"fieldName": "hideReset",
|
|
739
|
+
"property": "hideReset"
|
|
710
740
|
},
|
|
711
741
|
{
|
|
712
742
|
"name": "hide-submit",
|
|
713
743
|
"description": null,
|
|
714
744
|
"type": "boolean",
|
|
715
745
|
"default": null,
|
|
716
|
-
"fieldName": "hideSubmit"
|
|
746
|
+
"fieldName": "hideSubmit",
|
|
747
|
+
"property": "hideSubmit"
|
|
717
748
|
},
|
|
718
749
|
{
|
|
719
750
|
"name": "hide-legend",
|
|
720
751
|
"description": null,
|
|
721
752
|
"type": "boolean",
|
|
722
753
|
"default": "false",
|
|
723
|
-
"fieldName": "hideLegend"
|
|
754
|
+
"fieldName": "hideLegend",
|
|
755
|
+
"property": "hideLegend"
|
|
724
756
|
}
|
|
725
757
|
],
|
|
726
758
|
"properties": [
|
|
@@ -987,8 +1019,8 @@
|
|
|
987
1019
|
"pds-icon": {
|
|
988
1020
|
"tag": "pds-icon",
|
|
989
1021
|
"className": "SvgIcon",
|
|
990
|
-
"displayName": "
|
|
991
|
-
"storyTitle": "Components/
|
|
1022
|
+
"displayName": "pds-icon",
|
|
1023
|
+
"storyTitle": "Components/pds-icon",
|
|
992
1024
|
"category": "Components",
|
|
993
1025
|
"description": "SVG Icon Web Component\n\nSVG Icon Web Component",
|
|
994
1026
|
"docsDescription": null,
|
|
@@ -1079,6 +1111,15 @@
|
|
|
1079
1111
|
}
|
|
1080
1112
|
],
|
|
1081
1113
|
"properties": [
|
|
1114
|
+
{
|
|
1115
|
+
"name": "ensureConfigListeners",
|
|
1116
|
+
"attribute": null,
|
|
1117
|
+
"description": "Ensures one-time config lifecycle listeners so icons re-render when config becomes available.",
|
|
1118
|
+
"type": null,
|
|
1119
|
+
"default": null,
|
|
1120
|
+
"reflects": false,
|
|
1121
|
+
"privacy": "public"
|
|
1122
|
+
},
|
|
1082
1123
|
{
|
|
1083
1124
|
"name": "externalIconCache",
|
|
1084
1125
|
"attribute": null,
|
|
@@ -1097,6 +1138,24 @@
|
|
|
1097
1138
|
"reflects": false,
|
|
1098
1139
|
"privacy": "public"
|
|
1099
1140
|
},
|
|
1141
|
+
{
|
|
1142
|
+
"name": "externalPathDebugLogged",
|
|
1143
|
+
"attribute": null,
|
|
1144
|
+
"description": null,
|
|
1145
|
+
"type": "Set<any>",
|
|
1146
|
+
"default": null,
|
|
1147
|
+
"reflects": false,
|
|
1148
|
+
"privacy": "public"
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"name": "getExternalIconCacheKey",
|
|
1152
|
+
"attribute": null,
|
|
1153
|
+
"description": "Build a deterministic cache key for external icon content.",
|
|
1154
|
+
"type": null,
|
|
1155
|
+
"default": null,
|
|
1156
|
+
"reflects": false,
|
|
1157
|
+
"privacy": "public"
|
|
1158
|
+
},
|
|
1100
1159
|
{
|
|
1101
1160
|
"name": "getExternalIconPath",
|
|
1102
1161
|
"attribute": null,
|
|
@@ -1106,6 +1165,24 @@
|
|
|
1106
1165
|
"reflects": false,
|
|
1107
1166
|
"privacy": "public"
|
|
1108
1167
|
},
|
|
1168
|
+
{
|
|
1169
|
+
"name": "getExternalIconURL",
|
|
1170
|
+
"attribute": null,
|
|
1171
|
+
"description": "Resolve an external icon URL from icon name + base path.",
|
|
1172
|
+
"type": null,
|
|
1173
|
+
"default": null,
|
|
1174
|
+
"reflects": false,
|
|
1175
|
+
"privacy": "public"
|
|
1176
|
+
},
|
|
1177
|
+
{
|
|
1178
|
+
"name": "hasConfiguredExternalIconPath",
|
|
1179
|
+
"attribute": null,
|
|
1180
|
+
"description": "Returns true when externalPath is explicitly present in runtime config.",
|
|
1181
|
+
"type": null,
|
|
1182
|
+
"default": null,
|
|
1183
|
+
"reflects": false,
|
|
1184
|
+
"privacy": "public"
|
|
1185
|
+
},
|
|
1109
1186
|
{
|
|
1110
1187
|
"name": "inlineSprites",
|
|
1111
1188
|
"attribute": null,
|
|
@@ -1124,6 +1201,24 @@
|
|
|
1124
1201
|
"reflects": false,
|
|
1125
1202
|
"privacy": "public"
|
|
1126
1203
|
},
|
|
1204
|
+
{
|
|
1205
|
+
"name": "isDebugLoggingEnabled",
|
|
1206
|
+
"attribute": null,
|
|
1207
|
+
"description": "Whether verbose icon diagnostics should be logged.",
|
|
1208
|
+
"type": null,
|
|
1209
|
+
"default": null,
|
|
1210
|
+
"reflects": false,
|
|
1211
|
+
"privacy": "public"
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
"name": "normalizeExternalIconPath",
|
|
1215
|
+
"attribute": null,
|
|
1216
|
+
"description": "Normalize the external icon path to make cache keys and URL joining stable.",
|
|
1217
|
+
"type": null,
|
|
1218
|
+
"default": null,
|
|
1219
|
+
"reflects": false,
|
|
1220
|
+
"privacy": "public"
|
|
1221
|
+
},
|
|
1127
1222
|
{
|
|
1128
1223
|
"name": "observedAttributes",
|
|
1129
1224
|
"attribute": null,
|
|
@@ -1337,8 +1432,8 @@
|
|
|
1337
1432
|
"pds-omnibox": {
|
|
1338
1433
|
"tag": "pds-omnibox",
|
|
1339
1434
|
"className": "PdsOmnibox",
|
|
1340
|
-
"displayName": "
|
|
1341
|
-
"storyTitle": "Components/
|
|
1435
|
+
"displayName": "pds-omnibox",
|
|
1436
|
+
"storyTitle": "Components/pds-omnibox",
|
|
1342
1437
|
"category": "Components",
|
|
1343
1438
|
"description": null,
|
|
1344
1439
|
"docsDescription": "Omnibox search input with PDS styling and form association",
|
|
@@ -1360,49 +1455,56 @@
|
|
|
1360
1455
|
"description": null,
|
|
1361
1456
|
"type": null,
|
|
1362
1457
|
"default": null,
|
|
1363
|
-
"fieldName": null
|
|
1458
|
+
"fieldName": null,
|
|
1459
|
+
"property": "name"
|
|
1364
1460
|
},
|
|
1365
1461
|
{
|
|
1366
1462
|
"name": "placeholder",
|
|
1367
1463
|
"description": null,
|
|
1368
1464
|
"type": null,
|
|
1369
1465
|
"default": null,
|
|
1370
|
-
"fieldName": null
|
|
1466
|
+
"fieldName": null,
|
|
1467
|
+
"property": "placeholder"
|
|
1371
1468
|
},
|
|
1372
1469
|
{
|
|
1373
1470
|
"name": "value",
|
|
1374
1471
|
"description": null,
|
|
1375
1472
|
"type": null,
|
|
1376
1473
|
"default": null,
|
|
1377
|
-
"fieldName": null
|
|
1474
|
+
"fieldName": null,
|
|
1475
|
+
"property": "value"
|
|
1378
1476
|
},
|
|
1379
1477
|
{
|
|
1380
1478
|
"name": "disabled",
|
|
1381
1479
|
"description": null,
|
|
1382
1480
|
"type": null,
|
|
1383
1481
|
"default": null,
|
|
1384
|
-
"fieldName": null
|
|
1482
|
+
"fieldName": null,
|
|
1483
|
+
"property": "disabled"
|
|
1385
1484
|
},
|
|
1386
1485
|
{
|
|
1387
1486
|
"name": "required",
|
|
1388
1487
|
"description": null,
|
|
1389
1488
|
"type": null,
|
|
1390
1489
|
"default": null,
|
|
1391
|
-
"fieldName": null
|
|
1490
|
+
"fieldName": null,
|
|
1491
|
+
"property": "required"
|
|
1392
1492
|
},
|
|
1393
1493
|
{
|
|
1394
1494
|
"name": "autocomplete",
|
|
1395
1495
|
"description": null,
|
|
1396
1496
|
"type": null,
|
|
1397
1497
|
"default": null,
|
|
1398
|
-
"fieldName": null
|
|
1498
|
+
"fieldName": null,
|
|
1499
|
+
"property": "autocomplete"
|
|
1399
1500
|
},
|
|
1400
1501
|
{
|
|
1401
1502
|
"name": "icon",
|
|
1402
1503
|
"description": null,
|
|
1403
1504
|
"type": null,
|
|
1404
1505
|
"default": null,
|
|
1405
|
-
"fieldName": null
|
|
1506
|
+
"fieldName": null,
|
|
1507
|
+
"property": "icon"
|
|
1406
1508
|
}
|
|
1407
1509
|
],
|
|
1408
1510
|
"properties": [
|
|
@@ -1601,8 +1703,8 @@
|
|
|
1601
1703
|
"pds-richtext": {
|
|
1602
1704
|
"tag": "pds-richtext",
|
|
1603
1705
|
"className": "RichText",
|
|
1604
|
-
"displayName": "
|
|
1605
|
-
"storyTitle": "Components/
|
|
1706
|
+
"displayName": "pds-richtext",
|
|
1707
|
+
"storyTitle": "Components/pds-richtext",
|
|
1606
1708
|
"category": "Components",
|
|
1607
1709
|
"description": null,
|
|
1608
1710
|
"docsDescription": "Rich text editor with markdown support and formatting toolbar. Provide a #showdown import-map entry for best performance; set format=\"markdown\" to keep submitted values as Markdown.",
|
|
@@ -1645,66 +1747,75 @@
|
|
|
1645
1747
|
"attributes": [
|
|
1646
1748
|
{
|
|
1647
1749
|
"name": "name",
|
|
1648
|
-
"description":
|
|
1750
|
+
"description": "Update the form field name.",
|
|
1649
1751
|
"type": null,
|
|
1650
1752
|
"default": null,
|
|
1651
|
-
"fieldName": null
|
|
1753
|
+
"fieldName": null,
|
|
1754
|
+
"property": "name"
|
|
1652
1755
|
},
|
|
1653
1756
|
{
|
|
1654
1757
|
"name": "placeholder",
|
|
1655
|
-
"description":
|
|
1758
|
+
"description": "Set the placeholder text.",
|
|
1656
1759
|
"type": null,
|
|
1657
1760
|
"default": null,
|
|
1658
|
-
"fieldName": null
|
|
1761
|
+
"fieldName": null,
|
|
1762
|
+
"property": "placeholder"
|
|
1659
1763
|
},
|
|
1660
1764
|
{
|
|
1661
1765
|
"name": "disabled",
|
|
1662
|
-
"description":
|
|
1766
|
+
"description": "Enable or disable user input.",
|
|
1663
1767
|
"type": null,
|
|
1664
1768
|
"default": null,
|
|
1665
|
-
"fieldName": null
|
|
1769
|
+
"fieldName": null,
|
|
1770
|
+
"property": "disabled"
|
|
1666
1771
|
},
|
|
1667
1772
|
{
|
|
1668
1773
|
"name": "required",
|
|
1669
|
-
"description":
|
|
1774
|
+
"description": "Toggle required validation.",
|
|
1670
1775
|
"type": null,
|
|
1671
1776
|
"default": null,
|
|
1672
|
-
"fieldName": null
|
|
1777
|
+
"fieldName": null,
|
|
1778
|
+
"property": "required"
|
|
1673
1779
|
},
|
|
1674
1780
|
{
|
|
1675
1781
|
"name": "submit-on-enter",
|
|
1676
|
-
"description":
|
|
1782
|
+
"description": "Enable or disable submit-on-enter behaviour.",
|
|
1677
1783
|
"type": null,
|
|
1678
1784
|
"default": null,
|
|
1679
|
-
"fieldName": null
|
|
1785
|
+
"fieldName": null,
|
|
1786
|
+
"property": "submitOnEnter"
|
|
1680
1787
|
},
|
|
1681
1788
|
{
|
|
1682
1789
|
"name": "spellcheck",
|
|
1683
|
-
"description":
|
|
1790
|
+
"description": "Toggle native spell checking support.",
|
|
1684
1791
|
"type": null,
|
|
1685
1792
|
"default": null,
|
|
1686
|
-
"fieldName": null
|
|
1793
|
+
"fieldName": null,
|
|
1794
|
+
"property": "spellcheck"
|
|
1687
1795
|
},
|
|
1688
1796
|
{
|
|
1689
1797
|
"name": "toolbar",
|
|
1690
|
-
"description":
|
|
1798
|
+
"description": "Show or hide the formatting toolbar.",
|
|
1691
1799
|
"type": null,
|
|
1692
1800
|
"default": null,
|
|
1693
|
-
"fieldName": null
|
|
1801
|
+
"fieldName": null,
|
|
1802
|
+
"property": "toolbar"
|
|
1694
1803
|
},
|
|
1695
1804
|
{
|
|
1696
1805
|
"name": "value",
|
|
1697
|
-
"description":
|
|
1806
|
+
"description": "Update the editor value programmatically.",
|
|
1698
1807
|
"type": null,
|
|
1699
1808
|
"default": null,
|
|
1700
|
-
"fieldName": null
|
|
1809
|
+
"fieldName": null,
|
|
1810
|
+
"property": "value"
|
|
1701
1811
|
},
|
|
1702
1812
|
{
|
|
1703
1813
|
"name": "format",
|
|
1704
|
-
"description":
|
|
1814
|
+
"description": "Change the output format for future values.",
|
|
1705
1815
|
"type": null,
|
|
1706
1816
|
"default": null,
|
|
1707
|
-
"fieldName": null
|
|
1817
|
+
"fieldName": null,
|
|
1818
|
+
"property": "format"
|
|
1708
1819
|
}
|
|
1709
1820
|
],
|
|
1710
1821
|
"properties": [
|
|
@@ -1867,8 +1978,8 @@
|
|
|
1867
1978
|
"pds-scrollrow": {
|
|
1868
1979
|
"tag": "pds-scrollrow",
|
|
1869
1980
|
"className": "PdsScrollrow",
|
|
1870
|
-
"displayName": "
|
|
1871
|
-
"storyTitle": "Components/
|
|
1981
|
+
"displayName": "pds-scrollrow",
|
|
1982
|
+
"storyTitle": "Components/pds-scrollrow",
|
|
1872
1983
|
"category": "Components",
|
|
1873
1984
|
"description": null,
|
|
1874
1985
|
"docsDescription": "Horizontal scrolling container with navigation buttons",
|
|
@@ -1902,31 +2013,35 @@
|
|
|
1902
2013
|
"attributes": [
|
|
1903
2014
|
{
|
|
1904
2015
|
"name": "label",
|
|
1905
|
-
"description":
|
|
2016
|
+
"description": "Update the accessible label and optional fallback heading text.",
|
|
1906
2017
|
"type": null,
|
|
1907
2018
|
"default": null,
|
|
1908
|
-
"fieldName": null
|
|
2019
|
+
"fieldName": null,
|
|
2020
|
+
"property": "label"
|
|
1909
2021
|
},
|
|
1910
2022
|
{
|
|
1911
2023
|
"name": "snap",
|
|
1912
|
-
"description":
|
|
2024
|
+
"description": "Adjust the scroll snap alignment.",
|
|
1913
2025
|
"type": null,
|
|
1914
2026
|
"default": null,
|
|
1915
|
-
"fieldName": null
|
|
2027
|
+
"fieldName": null,
|
|
2028
|
+
"property": "snap"
|
|
1916
2029
|
},
|
|
1917
2030
|
{
|
|
1918
2031
|
"name": "tile-min",
|
|
1919
|
-
"description":
|
|
2032
|
+
"description": "Minimum tile size applied to slotted content.",
|
|
1920
2033
|
"type": null,
|
|
1921
2034
|
"default": null,
|
|
1922
|
-
"fieldName": null
|
|
2035
|
+
"fieldName": null,
|
|
2036
|
+
"property": "tileMin"
|
|
1923
2037
|
},
|
|
1924
2038
|
{
|
|
1925
2039
|
"name": "tile-max",
|
|
1926
|
-
"description":
|
|
2040
|
+
"description": "Maximum tile size applied to slotted content.",
|
|
1927
2041
|
"type": null,
|
|
1928
2042
|
"default": null,
|
|
1929
|
-
"fieldName": null
|
|
2043
|
+
"fieldName": null,
|
|
2044
|
+
"property": "tileMax"
|
|
1930
2045
|
}
|
|
1931
2046
|
],
|
|
1932
2047
|
"properties": [
|
|
@@ -1989,8 +2104,8 @@
|
|
|
1989
2104
|
"pds-splitpanel": {
|
|
1990
2105
|
"tag": "pds-splitpanel",
|
|
1991
2106
|
"className": "PdsSplitpanel",
|
|
1992
|
-
"displayName": "
|
|
1993
|
-
"storyTitle": "Components/
|
|
2107
|
+
"displayName": "pds-splitpanel",
|
|
2108
|
+
"storyTitle": "Components/pds-splitpanel",
|
|
1994
2109
|
"category": "Components",
|
|
1995
2110
|
"description": null,
|
|
1996
2111
|
"docsDescription": "Split panels divide content areas with a draggable divider for resizable layouts.",
|
|
@@ -2028,7 +2143,8 @@
|
|
|
2028
2143
|
"description": "The layout direction of the panels. Can be \"horizontal\" or \"vertical\". Defaults to \"horizontal\".",
|
|
2029
2144
|
"type": "String",
|
|
2030
2145
|
"default": null,
|
|
2031
|
-
"fieldName": null
|
|
2146
|
+
"fieldName": null,
|
|
2147
|
+
"property": "layout"
|
|
2032
2148
|
},
|
|
2033
2149
|
{
|
|
2034
2150
|
"name": "defaultsplit",
|
|
@@ -2042,14 +2158,16 @@
|
|
|
2042
2158
|
"description": "The viewport width in pixels below which the component switches to mobile view. Defaults to 1024.",
|
|
2043
2159
|
"type": "Number",
|
|
2044
2160
|
"default": null,
|
|
2045
|
-
"fieldName": null
|
|
2161
|
+
"fieldName": null,
|
|
2162
|
+
"property": "breakpoint"
|
|
2046
2163
|
},
|
|
2047
2164
|
{
|
|
2048
2165
|
"name": "open",
|
|
2049
2166
|
"description": "Controls the visibility of the primary panel in mobile view.",
|
|
2050
2167
|
"type": "Boolean",
|
|
2051
2168
|
"default": null,
|
|
2052
|
-
"fieldName": null
|
|
2169
|
+
"fieldName": null,
|
|
2170
|
+
"property": "open"
|
|
2053
2171
|
}
|
|
2054
2172
|
],
|
|
2055
2173
|
"properties": [
|
|
@@ -2315,8 +2433,8 @@
|
|
|
2315
2433
|
"pds-theme": {
|
|
2316
2434
|
"tag": "pds-theme",
|
|
2317
2435
|
"className": "PdsTheme",
|
|
2318
|
-
"displayName": "
|
|
2319
|
-
"storyTitle": "Components/
|
|
2436
|
+
"displayName": "pds-theme",
|
|
2437
|
+
"storyTitle": "Components/pds-theme",
|
|
2320
2438
|
"category": "Components",
|
|
2321
2439
|
"description": null,
|
|
2322
2440
|
"docsDescription": null,
|
|
@@ -2343,8 +2461,8 @@
|
|
|
2343
2461
|
"pds-toaster": {
|
|
2344
2462
|
"tag": "pds-toaster",
|
|
2345
2463
|
"className": "AppToaster",
|
|
2346
|
-
"displayName": "
|
|
2347
|
-
"storyTitle": "Components/
|
|
2464
|
+
"displayName": "pds-toaster",
|
|
2465
|
+
"storyTitle": "Components/pds-toaster",
|
|
2348
2466
|
"category": "Components",
|
|
2349
2467
|
"description": null,
|
|
2350
2468
|
"docsDescription": "Toast notification system with auto-dismiss and stacking. Toast notifications appear in the top-right corner and auto-dismiss after a few seconds based on message length.",
|
|
@@ -2590,8 +2708,8 @@
|
|
|
2590
2708
|
"pds-treeview": {
|
|
2591
2709
|
"tag": "pds-treeview",
|
|
2592
2710
|
"className": "PdsTreeview",
|
|
2593
|
-
"displayName": "
|
|
2594
|
-
"storyTitle": "Components/
|
|
2711
|
+
"displayName": "pds-treeview",
|
|
2712
|
+
"storyTitle": "Components/pds-treeview",
|
|
2595
2713
|
"category": "Components",
|
|
2596
2714
|
"description": null,
|
|
2597
2715
|
"docsDescription": "Accessible treeview with nested structure rendering, keyboard navigation, and optional form-associated selection.",
|
|
@@ -2610,45 +2728,59 @@
|
|
|
2610
2728
|
"attributes": [
|
|
2611
2729
|
{
|
|
2612
2730
|
"name": "name",
|
|
2613
|
-
"description":
|
|
2614
|
-
"type":
|
|
2731
|
+
"description": "Form field name used when participating in form submission.",
|
|
2732
|
+
"type": "string",
|
|
2615
2733
|
"default": null,
|
|
2616
|
-
"fieldName": null
|
|
2734
|
+
"fieldName": null,
|
|
2735
|
+
"property": "name"
|
|
2617
2736
|
},
|
|
2618
2737
|
{
|
|
2619
2738
|
"name": "value",
|
|
2620
|
-
"description":
|
|
2621
|
-
"type":
|
|
2739
|
+
"description": "Selected value for single-select mode.",
|
|
2740
|
+
"type": "string",
|
|
2622
2741
|
"default": null,
|
|
2623
|
-
"fieldName": null
|
|
2742
|
+
"fieldName": null,
|
|
2743
|
+
"property": "value"
|
|
2624
2744
|
},
|
|
2625
2745
|
{
|
|
2626
2746
|
"name": "disabled",
|
|
2627
|
-
"description":
|
|
2628
|
-
"type":
|
|
2747
|
+
"description": "Disables interactions when true.",
|
|
2748
|
+
"type": "boolean",
|
|
2629
2749
|
"default": null,
|
|
2630
|
-
"fieldName": null
|
|
2750
|
+
"fieldName": null,
|
|
2751
|
+
"property": "disabled"
|
|
2631
2752
|
},
|
|
2632
2753
|
{
|
|
2633
2754
|
"name": "required",
|
|
2634
|
-
"description":
|
|
2635
|
-
"type":
|
|
2755
|
+
"description": "Requires at least one selected node for form validity.",
|
|
2756
|
+
"type": "boolean",
|
|
2636
2757
|
"default": null,
|
|
2637
|
-
"fieldName": null
|
|
2758
|
+
"fieldName": null,
|
|
2759
|
+
"property": "required"
|
|
2638
2760
|
},
|
|
2639
2761
|
{
|
|
2640
2762
|
"name": "display-only",
|
|
2641
|
-
"description":
|
|
2642
|
-
"type":
|
|
2763
|
+
"description": "Read-only presentation mode; disables selection and form value syncing.",
|
|
2764
|
+
"type": "boolean",
|
|
2643
2765
|
"default": null,
|
|
2644
|
-
"fieldName": null
|
|
2766
|
+
"fieldName": null,
|
|
2767
|
+
"property": "displayOnly"
|
|
2645
2768
|
},
|
|
2646
2769
|
{
|
|
2647
2770
|
"name": "expanded-all",
|
|
2648
|
-
"description":
|
|
2649
|
-
"type":
|
|
2771
|
+
"description": "Expands all branch nodes after data load.",
|
|
2772
|
+
"type": "boolean",
|
|
2650
2773
|
"default": null,
|
|
2651
|
-
"fieldName": null
|
|
2774
|
+
"fieldName": null,
|
|
2775
|
+
"property": "expandedAll"
|
|
2776
|
+
},
|
|
2777
|
+
{
|
|
2778
|
+
"name": "multiselect",
|
|
2779
|
+
"description": "Selection mode.\r\n\r\n- `off`: single select\r\n- `checkboxes`: persistent multiselect with checkboxes\r\n- `auto`: touch/coarse pointer gets checkbox mode",
|
|
2780
|
+
"type": "\"off\"|\"checkboxes\"|\"auto\"",
|
|
2781
|
+
"default": null,
|
|
2782
|
+
"fieldName": null,
|
|
2783
|
+
"property": "multiselect"
|
|
2652
2784
|
},
|
|
2653
2785
|
{
|
|
2654
2786
|
"name": "src",
|
|
@@ -2662,8 +2794,8 @@
|
|
|
2662
2794
|
{
|
|
2663
2795
|
"name": "disabled",
|
|
2664
2796
|
"attribute": "disabled",
|
|
2665
|
-
"description":
|
|
2666
|
-
"type":
|
|
2797
|
+
"description": "Disables interactions when true.",
|
|
2798
|
+
"type": "boolean",
|
|
2667
2799
|
"default": null,
|
|
2668
2800
|
"reflects": false,
|
|
2669
2801
|
"privacy": "public"
|
|
@@ -2671,8 +2803,8 @@
|
|
|
2671
2803
|
{
|
|
2672
2804
|
"name": "displayOnly",
|
|
2673
2805
|
"attribute": null,
|
|
2674
|
-
"description":
|
|
2675
|
-
"type":
|
|
2806
|
+
"description": "Read-only presentation mode; disables selection and form value syncing.",
|
|
2807
|
+
"type": "boolean",
|
|
2676
2808
|
"default": null,
|
|
2677
2809
|
"reflects": false,
|
|
2678
2810
|
"privacy": "public"
|
|
@@ -2680,8 +2812,8 @@
|
|
|
2680
2812
|
{
|
|
2681
2813
|
"name": "expandedAll",
|
|
2682
2814
|
"attribute": null,
|
|
2683
|
-
"description":
|
|
2684
|
-
"type":
|
|
2815
|
+
"description": "Expands all branch nodes after data load.",
|
|
2816
|
+
"type": "boolean",
|
|
2685
2817
|
"default": null,
|
|
2686
2818
|
"reflects": false,
|
|
2687
2819
|
"privacy": "public"
|
|
@@ -2695,11 +2827,20 @@
|
|
|
2695
2827
|
"reflects": false,
|
|
2696
2828
|
"privacy": "public"
|
|
2697
2829
|
},
|
|
2830
|
+
{
|
|
2831
|
+
"name": "multiselect",
|
|
2832
|
+
"attribute": "multiselect",
|
|
2833
|
+
"description": "Selection mode.\r\n\r\n- `off`: single select\r\n- `checkboxes`: persistent multiselect with checkboxes\r\n- `auto`: touch/coarse pointer gets checkbox mode",
|
|
2834
|
+
"type": "\"off\"|\"checkboxes\"|\"auto\"",
|
|
2835
|
+
"default": null,
|
|
2836
|
+
"reflects": false,
|
|
2837
|
+
"privacy": "public"
|
|
2838
|
+
},
|
|
2698
2839
|
{
|
|
2699
2840
|
"name": "name",
|
|
2700
2841
|
"attribute": "name",
|
|
2701
|
-
"description":
|
|
2702
|
-
"type":
|
|
2842
|
+
"description": "Form field name used when participating in form submission.",
|
|
2843
|
+
"type": "string",
|
|
2703
2844
|
"default": null,
|
|
2704
2845
|
"reflects": false,
|
|
2705
2846
|
"privacy": "public"
|
|
@@ -2707,8 +2848,8 @@
|
|
|
2707
2848
|
{
|
|
2708
2849
|
"name": "options",
|
|
2709
2850
|
"attribute": null,
|
|
2710
|
-
"description":
|
|
2711
|
-
"type":
|
|
2851
|
+
"description": "Alias for `settings`.",
|
|
2852
|
+
"type": "PdsTreeviewOptions",
|
|
2712
2853
|
"default": null,
|
|
2713
2854
|
"reflects": false,
|
|
2714
2855
|
"privacy": "public"
|
|
@@ -2716,8 +2857,8 @@
|
|
|
2716
2857
|
{
|
|
2717
2858
|
"name": "required",
|
|
2718
2859
|
"attribute": "required",
|
|
2719
|
-
"description":
|
|
2720
|
-
"type":
|
|
2860
|
+
"description": "Requires at least one selected node for form validity.",
|
|
2861
|
+
"type": "boolean",
|
|
2721
2862
|
"default": null,
|
|
2722
2863
|
"reflects": false,
|
|
2723
2864
|
"privacy": "public"
|
|
@@ -2725,8 +2866,17 @@
|
|
|
2725
2866
|
{
|
|
2726
2867
|
"name": "selectedNode",
|
|
2727
2868
|
"attribute": null,
|
|
2728
|
-
"description":
|
|
2729
|
-
"type": null,
|
|
2869
|
+
"description": "First selected node (or active selected node in multiselect).",
|
|
2870
|
+
"type": "PdsTreeviewNode|null",
|
|
2871
|
+
"default": null,
|
|
2872
|
+
"reflects": false,
|
|
2873
|
+
"privacy": "public"
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"name": "selectedNodes",
|
|
2877
|
+
"attribute": null,
|
|
2878
|
+
"description": "All selected nodes.",
|
|
2879
|
+
"type": "PdsTreeviewNode[]",
|
|
2730
2880
|
"default": null,
|
|
2731
2881
|
"reflects": false,
|
|
2732
2882
|
"privacy": "public"
|
|
@@ -2734,8 +2884,8 @@
|
|
|
2734
2884
|
{
|
|
2735
2885
|
"name": "settings",
|
|
2736
2886
|
"attribute": null,
|
|
2737
|
-
"description":
|
|
2738
|
-
"type":
|
|
2887
|
+
"description": "Current runtime settings for data loading and behavior.",
|
|
2888
|
+
"type": "PdsTreeviewOptions",
|
|
2739
2889
|
"default": null,
|
|
2740
2890
|
"reflects": false,
|
|
2741
2891
|
"privacy": "public"
|
|
@@ -2743,8 +2893,17 @@
|
|
|
2743
2893
|
{
|
|
2744
2894
|
"name": "value",
|
|
2745
2895
|
"attribute": "value",
|
|
2746
|
-
"description":
|
|
2747
|
-
"type":
|
|
2896
|
+
"description": "Selected value for single-select mode.",
|
|
2897
|
+
"type": "string",
|
|
2898
|
+
"default": null,
|
|
2899
|
+
"reflects": false,
|
|
2900
|
+
"privacy": "public"
|
|
2901
|
+
},
|
|
2902
|
+
{
|
|
2903
|
+
"name": "values",
|
|
2904
|
+
"attribute": null,
|
|
2905
|
+
"description": "Selected values in multiselect mode.",
|
|
2906
|
+
"type": "string[]",
|
|
2748
2907
|
"default": null,
|
|
2749
2908
|
"reflects": false,
|
|
2750
2909
|
"privacy": "public"
|
|
@@ -2778,13 +2937,13 @@
|
|
|
2778
2937
|
},
|
|
2779
2938
|
{
|
|
2780
2939
|
"name": "checkValidity",
|
|
2781
|
-
"description":
|
|
2940
|
+
"description": "Runs form-associated validity checks.\n\nRuns form-associated validity checks.",
|
|
2782
2941
|
"parameters": [],
|
|
2783
2942
|
"return": "boolean"
|
|
2784
2943
|
},
|
|
2785
2944
|
{
|
|
2786
2945
|
"name": "collapseAll",
|
|
2787
|
-
"description":
|
|
2946
|
+
"description": "Collapses every expanded branch node.\n\nCollapses every expanded branch node.",
|
|
2788
2947
|
"parameters": [],
|
|
2789
2948
|
"return": "void"
|
|
2790
2949
|
},
|
|
@@ -2795,11 +2954,29 @@
|
|
|
2795
2954
|
"return": "void"
|
|
2796
2955
|
},
|
|
2797
2956
|
{
|
|
2798
|
-
"name": "
|
|
2957
|
+
"name": "disconnectedCallback",
|
|
2799
2958
|
"description": null,
|
|
2800
2959
|
"parameters": [],
|
|
2801
2960
|
"return": "void"
|
|
2802
2961
|
},
|
|
2962
|
+
{
|
|
2963
|
+
"name": "expandAll",
|
|
2964
|
+
"description": "Expands every currently indexed branch node.\n\nExpands every currently indexed branch node.",
|
|
2965
|
+
"parameters": [],
|
|
2966
|
+
"return": "void"
|
|
2967
|
+
},
|
|
2968
|
+
{
|
|
2969
|
+
"name": "focus",
|
|
2970
|
+
"description": "Focuses the active/selected row, or first visible row as fallback.",
|
|
2971
|
+
"parameters": [
|
|
2972
|
+
{
|
|
2973
|
+
"name": "options",
|
|
2974
|
+
"type": "FocusOptions",
|
|
2975
|
+
"description": null
|
|
2976
|
+
}
|
|
2977
|
+
],
|
|
2978
|
+
"return": "void"
|
|
2979
|
+
},
|
|
2803
2980
|
{
|
|
2804
2981
|
"name": "formAssociatedCallback",
|
|
2805
2982
|
"description": null,
|
|
@@ -2840,29 +3017,35 @@
|
|
|
2840
3017
|
},
|
|
2841
3018
|
{
|
|
2842
3019
|
"name": "getSelectedNode",
|
|
2843
|
-
"description":
|
|
3020
|
+
"description": "Backward-compatible accessor for `selectedNode`.\n\nBackward-compatible accessor for `selectedNode`.",
|
|
2844
3021
|
"parameters": [],
|
|
2845
|
-
"return": "
|
|
3022
|
+
"return": "PdsTreeviewNode | null"
|
|
3023
|
+
},
|
|
3024
|
+
{
|
|
3025
|
+
"name": "getSelectedNodes",
|
|
3026
|
+
"description": "Backward-compatible accessor for `selectedNodes`.\n\nBackward-compatible accessor for `selectedNodes`.",
|
|
3027
|
+
"parameters": [],
|
|
3028
|
+
"return": "PdsTreeviewNode[]"
|
|
2846
3029
|
},
|
|
2847
3030
|
{
|
|
2848
3031
|
"name": "refresh",
|
|
2849
|
-
"description":
|
|
3032
|
+
"description": "Reloads tree data from settings/source and re-renders the component.\n\nReloads tree data from settings/source and re-renders the component.",
|
|
2850
3033
|
"parameters": [],
|
|
2851
3034
|
"return": "Promise<void>"
|
|
2852
3035
|
},
|
|
2853
3036
|
{
|
|
2854
3037
|
"name": "reportValidity",
|
|
2855
|
-
"description":
|
|
3038
|
+
"description": "Runs and reports form-associated validity checks.\n\nRuns and reports form-associated validity checks.",
|
|
2856
3039
|
"parameters": [],
|
|
2857
3040
|
"return": "boolean"
|
|
2858
3041
|
},
|
|
2859
3042
|
{
|
|
2860
3043
|
"name": "selectById",
|
|
2861
|
-
"description":
|
|
3044
|
+
"description": "Selects a node by node id.\n\nSelects a node by node id.",
|
|
2862
3045
|
"parameters": [
|
|
2863
3046
|
{
|
|
2864
3047
|
"name": "id",
|
|
2865
|
-
"type": "
|
|
3048
|
+
"type": "string",
|
|
2866
3049
|
"description": null,
|
|
2867
3050
|
"optional": false
|
|
2868
3051
|
}
|
|
@@ -2871,11 +3054,24 @@
|
|
|
2871
3054
|
},
|
|
2872
3055
|
{
|
|
2873
3056
|
"name": "selectByValue",
|
|
2874
|
-
"description":
|
|
3057
|
+
"description": "Selects the first node whose `value` matches.\n\nSelects the first node whose `value` matches.",
|
|
2875
3058
|
"parameters": [
|
|
2876
3059
|
{
|
|
2877
3060
|
"name": "value",
|
|
2878
|
-
"type": "
|
|
3061
|
+
"type": "string | number | null | undefined",
|
|
3062
|
+
"description": null,
|
|
3063
|
+
"optional": false
|
|
3064
|
+
}
|
|
3065
|
+
],
|
|
3066
|
+
"return": "boolean"
|
|
3067
|
+
},
|
|
3068
|
+
{
|
|
3069
|
+
"name": "selectByValues",
|
|
3070
|
+
"description": "Selects multiple nodes by value.\r\n\r\nIn single-select mode, only the first resolved value is selected.\n\nSelects multiple nodes by value.\n\nIn single-select mode, only the first resolved value is selected.",
|
|
3071
|
+
"parameters": [
|
|
3072
|
+
{
|
|
3073
|
+
"name": "values",
|
|
3074
|
+
"type": "Array<string | number>",
|
|
2879
3075
|
"description": null,
|
|
2880
3076
|
"optional": false
|
|
2881
3077
|
}
|
|
@@ -2932,8 +3128,8 @@
|
|
|
2932
3128
|
"pds-upload": {
|
|
2933
3129
|
"tag": "pds-upload",
|
|
2934
3130
|
"className": "UploadArea",
|
|
2935
|
-
"displayName": "
|
|
2936
|
-
"storyTitle": "Components/
|
|
3131
|
+
"displayName": "pds-upload",
|
|
3132
|
+
"storyTitle": "Components/pds-upload",
|
|
2937
3133
|
"category": "Components",
|
|
2938
3134
|
"description": "Drag-and-drop file uploader that participates in native forms.\n\nDrag-and-drop file uploader that participates in native forms.",
|
|
2939
3135
|
"docsDescription": "File upload with preview and validation",
|
|
@@ -5543,9 +5739,9 @@
|
|
|
5543
5739
|
"storyIndex": {
|
|
5544
5740
|
"pds-calendar": {
|
|
5545
5741
|
"slug": "pds-calendar",
|
|
5546
|
-
"storyTitle": "Components/
|
|
5742
|
+
"storyTitle": "Components/pds-calendar",
|
|
5547
5743
|
"category": "Components",
|
|
5548
|
-
"name": "
|
|
5744
|
+
"name": "pds-calendar",
|
|
5549
5745
|
"description": "A fully featured calendar component with month navigation, event display, and expandable day views",
|
|
5550
5746
|
"tags": [
|
|
5551
5747
|
"autodocs",
|
|
@@ -5591,6 +5787,14 @@
|
|
|
5591
5787
|
"description": null,
|
|
5592
5788
|
"source": "packages\\pds-storybook\\stories\\components\\PdsCalendar.stories.js"
|
|
5593
5789
|
},
|
|
5790
|
+
{
|
|
5791
|
+
"exportName": "FormParticipation",
|
|
5792
|
+
"name": "FormParticipation",
|
|
5793
|
+
"id": "components-pds-calendar--form-participation",
|
|
5794
|
+
"tags": [],
|
|
5795
|
+
"description": null,
|
|
5796
|
+
"source": "packages\\pds-storybook\\stories\\components\\PdsCalendar.stories.js"
|
|
5797
|
+
},
|
|
5594
5798
|
{
|
|
5595
5799
|
"exportName": "WithManyEvents",
|
|
5596
5800
|
"name": "WithManyEvents",
|
|
@@ -5614,9 +5818,9 @@
|
|
|
5614
5818
|
},
|
|
5615
5819
|
"pds-drawer": {
|
|
5616
5820
|
"slug": "pds-drawer",
|
|
5617
|
-
"storyTitle": "Components/
|
|
5821
|
+
"storyTitle": "Components/pds-drawer",
|
|
5618
5822
|
"category": "Components",
|
|
5619
|
-
"name": "
|
|
5823
|
+
"name": "pds-drawer",
|
|
5620
5824
|
"description": "Slide-out panels from any edge",
|
|
5621
5825
|
"tags": [
|
|
5622
5826
|
"autodocs",
|
|
@@ -5661,9 +5865,9 @@
|
|
|
5661
5865
|
},
|
|
5662
5866
|
"pds-fab": {
|
|
5663
5867
|
"slug": "pds-fab",
|
|
5664
|
-
"storyTitle": "Components/
|
|
5868
|
+
"storyTitle": "Components/pds-fab",
|
|
5665
5869
|
"category": "Components",
|
|
5666
|
-
"name": "
|
|
5870
|
+
"name": "pds-fab",
|
|
5667
5871
|
"description": "Floating Action Button (FAB) with expandable satellite actions. Perfect for quick access to common actions from anywhere in your app.\n\n### Key Features\n- 📍 **Fixed Positioning** - Always accessible from bottom-right corner\n- 🎯 **Smart Layout** - Automatically calculates optimal satellite positions (2-6 satellites)\n- ⚡ **Smooth Animations** - Spring-based animations with cascade timing\n- ♿ **Accessible** - Full keyboard navigation and ARIA support\n- 🎨 **Customizable** - CSS custom properties for complete theming\n\n### When to Use\n- Mobile-first applications requiring quick actions\n- Dashboard interfaces with frequent actions\n- Content creation tools (compose, upload, share)\n- Multi-step workflows with common entry points\n\n### Best Practices\n- Limit to 2-6 satellite actions (component enforces max 6)\n- Use clear, recognizable icons for satellites\n- Keep labels concise and actionable\n- Consider user",
|
|
5668
5872
|
"tags": [
|
|
5669
5873
|
"action",
|
|
@@ -5726,9 +5930,9 @@
|
|
|
5726
5930
|
},
|
|
5727
5931
|
"pds-icon": {
|
|
5728
5932
|
"slug": "pds-icon",
|
|
5729
|
-
"storyTitle": "Components/
|
|
5933
|
+
"storyTitle": "Components/pds-icon",
|
|
5730
5934
|
"category": "Components",
|
|
5731
|
-
"name": "
|
|
5935
|
+
"name": "pds-icon",
|
|
5732
5936
|
"description": null,
|
|
5733
5937
|
"tags": [
|
|
5734
5938
|
"autodocs",
|
|
@@ -5760,9 +5964,9 @@
|
|
|
5760
5964
|
},
|
|
5761
5965
|
"pds-omnibox": {
|
|
5762
5966
|
"slug": "pds-omnibox",
|
|
5763
|
-
"storyTitle": "Components/
|
|
5967
|
+
"storyTitle": "Components/pds-omnibox",
|
|
5764
5968
|
"category": "Components",
|
|
5765
|
-
"name": "
|
|
5969
|
+
"name": "pds-omnibox",
|
|
5766
5970
|
"description": "Omnibox search input with PDS styling and form association",
|
|
5767
5971
|
"tags": [
|
|
5768
5972
|
"autocomplete",
|
|
@@ -5788,9 +5992,9 @@
|
|
|
5788
5992
|
},
|
|
5789
5993
|
"pds-richtext": {
|
|
5790
5994
|
"slug": "pds-richtext",
|
|
5791
|
-
"storyTitle": "Components/
|
|
5995
|
+
"storyTitle": "Components/pds-richtext",
|
|
5792
5996
|
"category": "Components",
|
|
5793
|
-
"name": "
|
|
5997
|
+
"name": "pds-richtext",
|
|
5794
5998
|
"description": "Rich text editor with markdown support and formatting toolbar. Provide a #showdown import-map entry for best performance; set format=\"markdown\" to keep submitted values as Markdown.",
|
|
5795
5999
|
"tags": [
|
|
5796
6000
|
"autodocs",
|
|
@@ -5829,9 +6033,9 @@
|
|
|
5829
6033
|
},
|
|
5830
6034
|
"pds-scrollrow": {
|
|
5831
6035
|
"slug": "pds-scrollrow",
|
|
5832
|
-
"storyTitle": "Components/
|
|
6036
|
+
"storyTitle": "Components/pds-scrollrow",
|
|
5833
6037
|
"category": "Components",
|
|
5834
|
-
"name": "
|
|
6038
|
+
"name": "pds-scrollrow",
|
|
5835
6039
|
"description": "Horizontal scrolling container with navigation buttons",
|
|
5836
6040
|
"tags": [
|
|
5837
6041
|
"autodocs",
|
|
@@ -5861,9 +6065,9 @@
|
|
|
5861
6065
|
},
|
|
5862
6066
|
"pds-splitpanel": {
|
|
5863
6067
|
"slug": "pds-splitpanel",
|
|
5864
|
-
"storyTitle": "Components/
|
|
6068
|
+
"storyTitle": "Components/pds-splitpanel",
|
|
5865
6069
|
"category": "Components",
|
|
5866
|
-
"name": "
|
|
6070
|
+
"name": "pds-splitpanel",
|
|
5867
6071
|
"description": "Split panels divide content areas with a draggable divider for resizable layouts.",
|
|
5868
6072
|
"tags": [
|
|
5869
6073
|
"autodocs",
|
|
@@ -5929,9 +6133,9 @@
|
|
|
5929
6133
|
},
|
|
5930
6134
|
"pds-theme": {
|
|
5931
6135
|
"slug": "pds-theme",
|
|
5932
|
-
"storyTitle": "Components/
|
|
6136
|
+
"storyTitle": "Components/pds-theme",
|
|
5933
6137
|
"category": "Components",
|
|
5934
|
-
"name": "
|
|
6138
|
+
"name": "pds-theme",
|
|
5935
6139
|
"description": null,
|
|
5936
6140
|
"tags": [
|
|
5937
6141
|
"appearance",
|
|
@@ -5956,9 +6160,9 @@
|
|
|
5956
6160
|
},
|
|
5957
6161
|
"pds-toaster": {
|
|
5958
6162
|
"slug": "pds-toaster",
|
|
5959
|
-
"storyTitle": "Components/
|
|
6163
|
+
"storyTitle": "Components/pds-toaster",
|
|
5960
6164
|
"category": "Components",
|
|
5961
|
-
"name": "
|
|
6165
|
+
"name": "pds-toaster",
|
|
5962
6166
|
"description": "Toast notification system with auto-dismiss and stacking. Toast notifications appear in the top-right corner and auto-dismiss after a few seconds based on message length.",
|
|
5963
6167
|
"tags": [
|
|
5964
6168
|
"alert",
|
|
@@ -5990,9 +6194,9 @@
|
|
|
5990
6194
|
},
|
|
5991
6195
|
"pds-treeview": {
|
|
5992
6196
|
"slug": "pds-treeview",
|
|
5993
|
-
"storyTitle": "Components/
|
|
6197
|
+
"storyTitle": "Components/pds-treeview",
|
|
5994
6198
|
"category": "Components",
|
|
5995
|
-
"name": "
|
|
6199
|
+
"name": "pds-treeview",
|
|
5996
6200
|
"description": "Accessible treeview with nested structure rendering, keyboard navigation, and optional form-associated selection.",
|
|
5997
6201
|
"tags": [
|
|
5998
6202
|
"autodocs",
|
|
@@ -6018,9 +6222,9 @@
|
|
|
6018
6222
|
},
|
|
6019
6223
|
"pds-upload": {
|
|
6020
6224
|
"slug": "pds-upload",
|
|
6021
|
-
"storyTitle": "Components/
|
|
6225
|
+
"storyTitle": "Components/pds-upload",
|
|
6022
6226
|
"category": "Components",
|
|
6023
|
-
"name": "
|
|
6227
|
+
"name": "pds-upload",
|
|
6024
6228
|
"description": "File upload with preview and validation",
|
|
6025
6229
|
"tags": [
|
|
6026
6230
|
"autodocs",
|
|
@@ -6057,9 +6261,9 @@
|
|
|
6057
6261
|
},
|
|
6058
6262
|
"accordion": {
|
|
6059
6263
|
"slug": "accordion",
|
|
6060
|
-
"storyTitle": "Enhancements
|
|
6264
|
+
"storyTitle": "Enhancements/.accordion",
|
|
6061
6265
|
"category": "Enhancements",
|
|
6062
|
-
"name": "
|
|
6266
|
+
"name": ".accordion",
|
|
6063
6267
|
"description": null,
|
|
6064
6268
|
"tags": [
|
|
6065
6269
|
"accordion",
|
|
@@ -6080,11 +6284,11 @@
|
|
|
6080
6284
|
"packages\\pds-storybook\\stories\\enhancements\\Accordion.stories.js"
|
|
6081
6285
|
]
|
|
6082
6286
|
},
|
|
6083
|
-
"button-
|
|
6084
|
-
"slug": "button-
|
|
6085
|
-
"storyTitle": "Enhancements/
|
|
6287
|
+
"button-a-class": {
|
|
6288
|
+
"slug": "button-a-class",
|
|
6289
|
+
"storyTitle": "Enhancements/button, a[class*=",
|
|
6086
6290
|
"category": "Enhancements",
|
|
6087
|
-
"name": "
|
|
6291
|
+
"name": "button, a[class*=",
|
|
6088
6292
|
"description": null,
|
|
6089
6293
|
"tags": [
|
|
6090
6294
|
"button",
|
|
@@ -6111,11 +6315,11 @@
|
|
|
6111
6315
|
"packages\\pds-storybook\\stories\\enhancements\\ButtonWorking.stories.js"
|
|
6112
6316
|
]
|
|
6113
6317
|
},
|
|
6114
|
-
"clip": {
|
|
6115
|
-
"slug": "clip",
|
|
6116
|
-
"storyTitle": "Enhancements/
|
|
6318
|
+
"data-clip": {
|
|
6319
|
+
"slug": "data-clip",
|
|
6320
|
+
"storyTitle": "Enhancements/[data-clip]",
|
|
6117
6321
|
"category": "Enhancements",
|
|
6118
|
-
"name": "
|
|
6322
|
+
"name": "[data-clip]",
|
|
6119
6323
|
"description": null,
|
|
6120
6324
|
"tags": [
|
|
6121
6325
|
"clamp",
|
|
@@ -6142,11 +6346,11 @@
|
|
|
6142
6346
|
"packages\\pds-storybook\\stories\\enhancements\\Clip.stories.js"
|
|
6143
6347
|
]
|
|
6144
6348
|
},
|
|
6145
|
-
"color
|
|
6146
|
-
"slug": "color
|
|
6147
|
-
"storyTitle": "Enhancements/
|
|
6349
|
+
"label-data-color": {
|
|
6350
|
+
"slug": "label-data-color",
|
|
6351
|
+
"storyTitle": "Enhancements/label[data-color]",
|
|
6148
6352
|
"category": "Enhancements",
|
|
6149
|
-
"name": "
|
|
6353
|
+
"name": "label[data-color]",
|
|
6150
6354
|
"description": null,
|
|
6151
6355
|
"tags": [
|
|
6152
6356
|
"color",
|
|
@@ -6165,11 +6369,11 @@
|
|
|
6165
6369
|
"packages\\pds-storybook\\stories\\enhancements\\ColorInput.stories.js"
|
|
6166
6370
|
]
|
|
6167
6371
|
},
|
|
6168
|
-
"
|
|
6169
|
-
"slug": "
|
|
6170
|
-
"storyTitle": "Enhancements/
|
|
6372
|
+
"nav-data-dropdown": {
|
|
6373
|
+
"slug": "nav-data-dropdown",
|
|
6374
|
+
"storyTitle": "Enhancements/nav[data-dropdown]",
|
|
6171
6375
|
"category": "Enhancements",
|
|
6172
|
-
"name": "
|
|
6376
|
+
"name": "nav[data-dropdown]",
|
|
6173
6377
|
"description": null,
|
|
6174
6378
|
"tags": [
|
|
6175
6379
|
"data-dropdown",
|
|
@@ -6198,11 +6402,11 @@
|
|
|
6198
6402
|
"packages\\pds-storybook\\stories\\enhancements\\Dropdowns.stories.js"
|
|
6199
6403
|
]
|
|
6200
6404
|
},
|
|
6201
|
-
"open
|
|
6202
|
-
"slug": "open
|
|
6203
|
-
"storyTitle": "Enhancements/
|
|
6405
|
+
"fieldset-role-group-data-open": {
|
|
6406
|
+
"slug": "fieldset-role-group-data-open",
|
|
6407
|
+
"storyTitle": "Enhancements/fieldset[role=group][data-open]",
|
|
6204
6408
|
"category": "Enhancements",
|
|
6205
|
-
"name": "
|
|
6409
|
+
"name": "fieldset[role=group][data-open]",
|
|
6206
6410
|
"description": null,
|
|
6207
6411
|
"tags": [
|
|
6208
6412
|
"checkbox",
|
|
@@ -6233,11 +6437,11 @@
|
|
|
6233
6437
|
"packages\\pds-storybook\\stories\\enhancements\\OpenGroups.stories.js"
|
|
6234
6438
|
]
|
|
6235
6439
|
},
|
|
6236
|
-
"
|
|
6237
|
-
"slug": "
|
|
6238
|
-
"storyTitle": "Enhancements/
|
|
6440
|
+
"input-type": {
|
|
6441
|
+
"slug": "input-type",
|
|
6442
|
+
"storyTitle": "Enhancements/input[type=",
|
|
6239
6443
|
"category": "Enhancements",
|
|
6240
|
-
"name": "
|
|
6444
|
+
"name": "input[type=",
|
|
6241
6445
|
"description": null,
|
|
6242
6446
|
"tags": [
|
|
6243
6447
|
"enhancement",
|
|
@@ -6262,11 +6466,11 @@
|
|
|
6262
6466
|
"packages\\pds-storybook\\stories\\enhancements\\RangeSliders.stories.js"
|
|
6263
6467
|
]
|
|
6264
6468
|
},
|
|
6265
|
-
"required
|
|
6266
|
-
"slug": "required
|
|
6267
|
-
"storyTitle": "Enhancements/
|
|
6469
|
+
"form-data-required": {
|
|
6470
|
+
"slug": "form-data-required",
|
|
6471
|
+
"storyTitle": "Enhancements/form[data-required]",
|
|
6268
6472
|
"category": "Enhancements",
|
|
6269
|
-
"name": "
|
|
6473
|
+
"name": "form[data-required]",
|
|
6270
6474
|
"description": null,
|
|
6271
6475
|
"tags": [
|
|
6272
6476
|
"asterisk",
|
|
@@ -6295,11 +6499,11 @@
|
|
|
6295
6499
|
"packages\\pds-storybook\\stories\\enhancements\\RequiredFields.stories.js"
|
|
6296
6500
|
]
|
|
6297
6501
|
},
|
|
6298
|
-
"
|
|
6299
|
-
"slug": "
|
|
6300
|
-
"storyTitle": "Enhancements/
|
|
6502
|
+
"label-data-toggle": {
|
|
6503
|
+
"slug": "label-data-toggle",
|
|
6504
|
+
"storyTitle": "Enhancements/label[data-toggle]",
|
|
6301
6505
|
"category": "Enhancements",
|
|
6302
|
-
"name": "
|
|
6506
|
+
"name": "label[data-toggle]",
|
|
6303
6507
|
"description": null,
|
|
6304
6508
|
"tags": [
|
|
6305
6509
|
"checkbox",
|
|
@@ -6557,48 +6761,6 @@
|
|
|
6557
6761
|
"packages\\pds-storybook\\stories\\foundations\\SmartSurfaces.stories.js"
|
|
6558
6762
|
]
|
|
6559
6763
|
},
|
|
6560
|
-
"spacing": {
|
|
6561
|
-
"slug": "spacing",
|
|
6562
|
-
"storyTitle": "Foundations/Spacing",
|
|
6563
|
-
"category": "Foundations",
|
|
6564
|
-
"name": "Spacing",
|
|
6565
|
-
"description": "Spacing tokens ensure consistent rhythm, balance, and hierarchy across layouts.",
|
|
6566
|
-
"tags": [
|
|
6567
|
-
"gap",
|
|
6568
|
-
"layout",
|
|
6569
|
-
"margin",
|
|
6570
|
-
"padding",
|
|
6571
|
-
"rhythm",
|
|
6572
|
-
"scale",
|
|
6573
|
-
"spacing",
|
|
6574
|
-
"tokens"
|
|
6575
|
-
],
|
|
6576
|
-
"pdsParameters": {
|
|
6577
|
-
"tags": [
|
|
6578
|
-
"spacing",
|
|
6579
|
-
"gap",
|
|
6580
|
-
"padding",
|
|
6581
|
-
"margin",
|
|
6582
|
-
"rhythm",
|
|
6583
|
-
"tokens",
|
|
6584
|
-
"layout",
|
|
6585
|
-
"scale"
|
|
6586
|
-
]
|
|
6587
|
-
},
|
|
6588
|
-
"stories": [
|
|
6589
|
-
{
|
|
6590
|
-
"exportName": "SpacingScale",
|
|
6591
|
-
"name": "Spacing Scale",
|
|
6592
|
-
"id": "foundations-spacing--spacing-scale",
|
|
6593
|
-
"tags": [],
|
|
6594
|
-
"description": null,
|
|
6595
|
-
"source": "packages\\pds-storybook\\stories\\foundations\\Spacing.stories.js"
|
|
6596
|
-
}
|
|
6597
|
-
],
|
|
6598
|
-
"files": [
|
|
6599
|
-
"packages\\pds-storybook\\stories\\foundations\\Spacing.stories.js"
|
|
6600
|
-
]
|
|
6601
|
-
},
|
|
6602
6764
|
"typography": {
|
|
6603
6765
|
"slug": "typography",
|
|
6604
6766
|
"storyTitle": "Foundations/Typography",
|
|
@@ -7011,84 +7173,9 @@
|
|
|
7011
7173
|
"storyTitle": "Primitives/Form Elements",
|
|
7012
7174
|
"category": "Primitives",
|
|
7013
7175
|
"name": "Form Elements",
|
|
7014
|
-
"description": "Standard HTML form controls styled by PDS. \n\n**💡 For modern apps, consider using [pds-form](/story/components-pds-form--simple-form)** - a powerful web component that automatically generates forms from JSON Schema with built-in validation, conditional logic, and data binding.\n\nThese primitive form controls provide the foundation for manual form building when you need full control over the markup.",
|
|
7015
|
-
"tags": [
|
|
7016
|
-
"buttons",
|
|
7017
|
-
"forms"
|
|
7018
|
-
],
|
|
7019
|
-
"pdsParameters": {
|
|
7020
|
-
"tags": [
|
|
7021
|
-
"buttons",
|
|
7022
|
-
"forms"
|
|
7023
|
-
]
|
|
7024
|
-
},
|
|
7025
|
-
"stories": [
|
|
7026
|
-
{
|
|
7027
|
-
"exportName": "Default",
|
|
7028
|
-
"name": "Default",
|
|
7029
|
-
"id": "primitives-form-elements--default",
|
|
7030
|
-
"tags": [],
|
|
7031
|
-
"description": null,
|
|
7032
|
-
"source": "packages\\pds-storybook\\stories\\primitives\\FormElements.stories.js"
|
|
7033
|
-
},
|
|
7034
|
-
{
|
|
7035
|
-
"exportName": "InputsWithIcons",
|
|
7036
|
-
"name": "InputsWithIcons",
|
|
7037
|
-
"id": "primitives-form-elements--inputs-with-icons",
|
|
7038
|
-
"tags": [],
|
|
7039
|
-
"description": "Input fields can be enhanced with icons to provide visual context. Use the `input-icon` class wrapper and position icons at the start (default) or end (`input-icon-end`) of the input.",
|
|
7040
|
-
"source": "packages\\pds-storybook\\stories\\primitives\\FormElements.stories.js"
|
|
7041
|
-
}
|
|
7042
|
-
],
|
|
7043
|
-
"files": [
|
|
7044
|
-
"packages\\pds-storybook\\stories\\primitives\\FormElements.stories.js"
|
|
7045
|
-
]
|
|
7046
|
-
},
|
|
7047
|
-
"html-form-elements": {
|
|
7048
|
-
"slug": "html-form-elements",
|
|
7049
|
-
"storyTitle": "Primitives/HTML Form Elements",
|
|
7050
|
-
"category": "Primitives",
|
|
7051
|
-
"name": "HTML Form Elements",
|
|
7052
|
-
"description": "Standard HTML form controls styled by PDS. \n\n**💡 For modern apps, consider using [pds-form](/story/components-pds-form--simple-form)** - a powerful web component that automatically generates forms from JSON Schema with built-in validation, conditional logic, and data binding.\n\nThese primitive form controls provide the foundation for manual form building when you need full control over the markup.",
|
|
7053
|
-
"tags": [
|
|
7054
|
-
"buttons",
|
|
7055
|
-
"forms"
|
|
7056
|
-
],
|
|
7057
|
-
"pdsParameters": {
|
|
7058
|
-
"tags": [
|
|
7059
|
-
"buttons",
|
|
7060
|
-
"forms"
|
|
7061
|
-
]
|
|
7062
|
-
},
|
|
7063
|
-
"stories": [
|
|
7064
|
-
{
|
|
7065
|
-
"exportName": "Default",
|
|
7066
|
-
"name": "Default",
|
|
7067
|
-
"id": "primitives-html-form-elements--default",
|
|
7068
|
-
"tags": [],
|
|
7069
|
-
"description": null,
|
|
7070
|
-
"source": "packages\\pds-storybook\\stories\\primitives\\HtmlFormElements.stories.js"
|
|
7071
|
-
},
|
|
7072
|
-
{
|
|
7073
|
-
"exportName": "InputsWithIcons",
|
|
7074
|
-
"name": "InputsWithIcons",
|
|
7075
|
-
"id": "primitives-html-form-elements--inputs-with-icons",
|
|
7076
|
-
"tags": [],
|
|
7077
|
-
"description": "Input fields can be enhanced with icons to provide visual context. Use the `input-icon` class wrapper and position icons at the start (default) or end (`input-icon-end`) of the input.",
|
|
7078
|
-
"source": "packages\\pds-storybook\\stories\\primitives\\HtmlFormElements.stories.js"
|
|
7079
|
-
}
|
|
7080
|
-
],
|
|
7081
|
-
"files": [
|
|
7082
|
-
"packages\\pds-storybook\\stories\\primitives\\HtmlFormElements.stories.js"
|
|
7083
|
-
]
|
|
7084
|
-
},
|
|
7085
|
-
"html-form-groups": {
|
|
7086
|
-
"slug": "html-form-groups",
|
|
7087
|
-
"storyTitle": "Primitives/HTML Form Groups",
|
|
7088
|
-
"category": "Primitives",
|
|
7089
|
-
"name": "HTML Form Groups",
|
|
7090
7176
|
"description": "Accessible radio groups and checkbox groups with proper ARIA attributes and semantic HTML.\r\n\r\n## Unified Styling\r\n\r\nRadio groups (\\",
|
|
7091
7177
|
"tags": [
|
|
7178
|
+
"buttons",
|
|
7092
7179
|
"checkbox",
|
|
7093
7180
|
"forms",
|
|
7094
7181
|
"grouping",
|
|
@@ -7104,6 +7191,8 @@
|
|
|
7104
7191
|
},
|
|
7105
7192
|
"stories": [],
|
|
7106
7193
|
"files": [
|
|
7194
|
+
"packages\\pds-storybook\\stories\\primitives\\FormElements.stories.js",
|
|
7195
|
+
"packages\\pds-storybook\\stories\\primitives\\HtmlFormElements.stories.js",
|
|
7107
7196
|
"packages\\pds-storybook\\stories\\primitives\\HtmlFormGroups.stories.js"
|
|
7108
7197
|
]
|
|
7109
7198
|
},
|
|
@@ -7261,7 +7350,16 @@
|
|
|
7261
7350
|
"pds-toast"
|
|
7262
7351
|
]
|
|
7263
7352
|
},
|
|
7264
|
-
"stories": [
|
|
7353
|
+
"stories": [
|
|
7354
|
+
{
|
|
7355
|
+
"exportName": "PDSParse",
|
|
7356
|
+
"name": "PDS.parse()",
|
|
7357
|
+
"id": "pds-pds-object--pdsparse",
|
|
7358
|
+
"tags": [],
|
|
7359
|
+
"description": null,
|
|
7360
|
+
"source": "packages\\pds-storybook\\stories\\utils\\PdsParse.stories.js"
|
|
7361
|
+
}
|
|
7362
|
+
],
|
|
7265
7363
|
"files": [
|
|
7266
7364
|
"packages\\pds-storybook\\stories\\utils\\PdsParse.stories.js",
|
|
7267
7365
|
"packages\\pds-storybook\\stories\\utils\\PdsToast.stories.js"
|