@pure-ds/storybook 0.7.4 → 0.7.19

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.
Files changed (66) hide show
  1. package/.storybook/addons/html-preview/preview.js +1 -1
  2. package/.storybook/main.js +19 -12
  3. package/dist/pds-reference.json +158 -201
  4. package/package.json +2 -2
  5. package/public/assets/js/app.js +4 -4
  6. package/public/assets/js/pds-manager.js +148 -164
  7. package/public/assets/js/pds.js +2 -2
  8. package/public/assets/pds/components/pds-calendar.js +19 -11
  9. package/public/assets/pds/components/pds-form.js +85 -2
  10. package/public/assets/pds/components/pds-omnibox.js +9 -6
  11. package/public/assets/pds/components/pds-treeview.js +321 -24
  12. package/public/assets/pds/core/pds-manager.js +148 -164
  13. package/public/assets/pds/core.js +2 -2
  14. package/public/assets/pds/vscode-custom-data.json +4 -0
  15. package/src/js/pds-core/pds-config.js +1 -0
  16. package/src/js/pds-core/pds-generator.js +10 -8
  17. package/src/js/pds-core/pds-live.js +1 -13
  18. package/src/js/pds-core/pds-ontology.js +2 -2
  19. package/src/js/pds-core/pds-runtime.js +18 -2
  20. package/src/js/pds.d.ts +0 -1
  21. package/stories/components/PdsCalendar.stories.js +1 -1
  22. package/stories/components/PdsDrawer.stories.js +1 -1
  23. package/stories/components/PdsFab.stories.js +2 -1
  24. package/stories/components/PdsForm.stories.js +157 -71
  25. package/stories/components/PdsIcon.stories.js +2 -2
  26. package/stories/components/PdsOmnibox.stories.js +212 -40
  27. package/stories/components/PdsRichtext.stories.js +2 -2
  28. package/stories/components/PdsScrollrow.stories.js +5 -5
  29. package/stories/components/PdsSplitpanel.stories.js +5 -5
  30. package/stories/components/PdsTabstrip.stories.js +7 -7
  31. package/stories/components/PdsTheme/PdsTheme.stories.js +1 -1
  32. package/stories/components/PdsToaster.stories.js +1 -1
  33. package/stories/components/PdsTreeview.stories.js +202 -21
  34. package/stories/components/PdsUpload.stories.js +1 -1
  35. package/stories/enhancements/Accordion.stories.js +8 -8
  36. package/stories/enhancements/ButtonWorking.stories.js +1 -1
  37. package/stories/enhancements/Clip.stories.js +1 -1
  38. package/stories/enhancements/ColorInput.stories.js +3 -3
  39. package/stories/enhancements/Dropdowns.stories.js +4 -4
  40. package/stories/enhancements/OpenGroups.stories.js +5 -5
  41. package/stories/enhancements/RangeSliders.stories.js +6 -6
  42. package/stories/enhancements/RequiredFields.stories.js +1 -1
  43. package/stories/enhancements/Toggles.stories.js +2 -2
  44. package/stories/foundations/Dividers.stories.js +12 -12
  45. package/stories/foundations/Icons.stories.js +29 -29
  46. package/stories/foundations/MeshGradients.stories.js +2 -2
  47. package/stories/foundations/SmartSurfaces.stories.js +36 -36
  48. package/stories/foundations/Typography.stories.js +87 -227
  49. package/stories/foundations/ZIndex.stories.js +3 -3
  50. package/stories/layout/LayoutSystem.stories.js +1 -1
  51. package/stories/patterns/BorderEffects.stories.js +4 -4
  52. package/stories/patterns/InteractiveStates.stories.js +1 -1
  53. package/stories/patterns/Utilities.stories.js +3 -3
  54. package/stories/primitives/Badges.stories.js +5 -5
  55. package/stories/primitives/Buttons.stories.js +6 -6
  56. package/stories/primitives/Callouts.stories.js +13 -13
  57. package/stories/primitives/Cards.stories.js +6 -6
  58. package/stories/primitives/FormElements.stories.js +1 -1
  59. package/stories/primitives/HtmlFormElements.stories.js +6 -4
  60. package/stories/primitives/HtmlFormGroups.stories.js +10 -10
  61. package/stories/primitives/Media.stories.js +1 -1
  62. package/stories/primitives/Tables.stories.js +5 -5
  63. package/stories/utils/PdsParse.stories.js +2 -8
  64. package/stories/utils/PdsToast.stories.js +3 -7
  65. package/stories/utils/toast-utils.js +2 -0
  66. package/stories/foundations/Spacing.stories.js +0 -179
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-02-24T10:36:00.918Z",
2
+ "generatedAt": "2026-02-25T15:32:54.946Z",
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": "Pds Calendar",
14
- "storyTitle": "Components/Pds Calendar",
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",
@@ -159,8 +159,8 @@
159
159
  "pds-drawer": {
160
160
  "tag": "pds-drawer",
161
161
  "className": "PdsDrawer",
162
- "displayName": "Pds Drawer",
163
- "storyTitle": "Components/Pds Drawer",
162
+ "displayName": "pds-drawer",
163
+ "storyTitle": "Components/pds-drawer",
164
164
  "category": "Components",
165
165
  "description": null,
166
166
  "docsDescription": "Slide-out panels from any edge",
@@ -411,8 +411,8 @@
411
411
  "pds-fab": {
412
412
  "tag": "pds-fab",
413
413
  "className": "PdsFab",
414
- "displayName": "Pds Fab",
415
- "storyTitle": "Components/Pds Fab",
414
+ "displayName": "pds-fab",
415
+ "storyTitle": "Components/pds-fab",
416
416
  "category": "Components",
417
417
  "description": "Floating Action Button (FAB) with expandable satellite actions\n\nFloating Action Button (FAB) with expandable satellite actions",
418
418
  "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",
@@ -987,8 +987,8 @@
987
987
  "pds-icon": {
988
988
  "tag": "pds-icon",
989
989
  "className": "SvgIcon",
990
- "displayName": "Pds Icon",
991
- "storyTitle": "Components/Pds Icon",
990
+ "displayName": "pds-icon",
991
+ "storyTitle": "Components/pds-icon",
992
992
  "category": "Components",
993
993
  "description": "SVG Icon Web Component\n\nSVG Icon Web Component",
994
994
  "docsDescription": null,
@@ -1337,8 +1337,8 @@
1337
1337
  "pds-omnibox": {
1338
1338
  "tag": "pds-omnibox",
1339
1339
  "className": "PdsOmnibox",
1340
- "displayName": "Pds Omnibox",
1341
- "storyTitle": "Components/Pds Omnibox",
1340
+ "displayName": "pds-omnibox",
1341
+ "storyTitle": "Components/pds-omnibox",
1342
1342
  "category": "Components",
1343
1343
  "description": null,
1344
1344
  "docsDescription": "Omnibox search input with PDS styling and form association",
@@ -1601,8 +1601,8 @@
1601
1601
  "pds-richtext": {
1602
1602
  "tag": "pds-richtext",
1603
1603
  "className": "RichText",
1604
- "displayName": "Pds Richtext",
1605
- "storyTitle": "Components/Pds Richtext",
1604
+ "displayName": "pds-richtext",
1605
+ "storyTitle": "Components/pds-richtext",
1606
1606
  "category": "Components",
1607
1607
  "description": null,
1608
1608
  "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.",
@@ -1867,8 +1867,8 @@
1867
1867
  "pds-scrollrow": {
1868
1868
  "tag": "pds-scrollrow",
1869
1869
  "className": "PdsScrollrow",
1870
- "displayName": "Pds Scrollrow",
1871
- "storyTitle": "Components/Pds Scrollrow",
1870
+ "displayName": "pds-scrollrow",
1871
+ "storyTitle": "Components/pds-scrollrow",
1872
1872
  "category": "Components",
1873
1873
  "description": null,
1874
1874
  "docsDescription": "Horizontal scrolling container with navigation buttons",
@@ -1989,8 +1989,8 @@
1989
1989
  "pds-splitpanel": {
1990
1990
  "tag": "pds-splitpanel",
1991
1991
  "className": "PdsSplitpanel",
1992
- "displayName": "Pds Splitpanel",
1993
- "storyTitle": "Components/Pds Splitpanel",
1992
+ "displayName": "pds-splitpanel",
1993
+ "storyTitle": "Components/pds-splitpanel",
1994
1994
  "category": "Components",
1995
1995
  "description": null,
1996
1996
  "docsDescription": "Split panels divide content areas with a draggable divider for resizable layouts.",
@@ -2315,8 +2315,8 @@
2315
2315
  "pds-theme": {
2316
2316
  "tag": "pds-theme",
2317
2317
  "className": "PdsTheme",
2318
- "displayName": "Pds Theme",
2319
- "storyTitle": "Components/Pds Theme",
2318
+ "displayName": "pds-theme",
2319
+ "storyTitle": "Components/pds-theme",
2320
2320
  "category": "Components",
2321
2321
  "description": null,
2322
2322
  "docsDescription": null,
@@ -2343,8 +2343,8 @@
2343
2343
  "pds-toaster": {
2344
2344
  "tag": "pds-toaster",
2345
2345
  "className": "AppToaster",
2346
- "displayName": "Pds Toaster",
2347
- "storyTitle": "Components/Pds Toaster",
2346
+ "displayName": "pds-toaster",
2347
+ "storyTitle": "Components/pds-toaster",
2348
2348
  "category": "Components",
2349
2349
  "description": null,
2350
2350
  "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 +2590,8 @@
2590
2590
  "pds-treeview": {
2591
2591
  "tag": "pds-treeview",
2592
2592
  "className": "PdsTreeview",
2593
- "displayName": "Pds Treeview",
2594
- "storyTitle": "Components/Pds Treeview",
2593
+ "displayName": "pds-treeview",
2594
+ "storyTitle": "Components/pds-treeview",
2595
2595
  "category": "Components",
2596
2596
  "description": null,
2597
2597
  "docsDescription": "Accessible treeview with nested structure rendering, keyboard navigation, and optional form-associated selection.",
@@ -2650,6 +2650,13 @@
2650
2650
  "default": null,
2651
2651
  "fieldName": null
2652
2652
  },
2653
+ {
2654
+ "name": "multiselect",
2655
+ "description": null,
2656
+ "type": null,
2657
+ "default": null,
2658
+ "fieldName": null
2659
+ },
2653
2660
  {
2654
2661
  "name": "src",
2655
2662
  "description": null,
@@ -2695,6 +2702,15 @@
2695
2702
  "reflects": false,
2696
2703
  "privacy": "public"
2697
2704
  },
2705
+ {
2706
+ "name": "multiselect",
2707
+ "attribute": "multiselect",
2708
+ "description": null,
2709
+ "type": null,
2710
+ "default": null,
2711
+ "reflects": false,
2712
+ "privacy": "public"
2713
+ },
2698
2714
  {
2699
2715
  "name": "name",
2700
2716
  "attribute": "name",
@@ -2731,6 +2747,15 @@
2731
2747
  "reflects": false,
2732
2748
  "privacy": "public"
2733
2749
  },
2750
+ {
2751
+ "name": "selectedNodes",
2752
+ "attribute": null,
2753
+ "description": null,
2754
+ "type": null,
2755
+ "default": null,
2756
+ "reflects": false,
2757
+ "privacy": "public"
2758
+ },
2734
2759
  {
2735
2760
  "name": "settings",
2736
2761
  "attribute": null,
@@ -2748,6 +2773,15 @@
2748
2773
  "default": null,
2749
2774
  "reflects": false,
2750
2775
  "privacy": "public"
2776
+ },
2777
+ {
2778
+ "name": "values",
2779
+ "attribute": null,
2780
+ "description": null,
2781
+ "type": null,
2782
+ "default": null,
2783
+ "reflects": false,
2784
+ "privacy": "public"
2751
2785
  }
2752
2786
  ],
2753
2787
  "methods": [
@@ -2794,12 +2828,31 @@
2794
2828
  "parameters": [],
2795
2829
  "return": "void"
2796
2830
  },
2831
+ {
2832
+ "name": "disconnectedCallback",
2833
+ "description": null,
2834
+ "parameters": [],
2835
+ "return": "void"
2836
+ },
2797
2837
  {
2798
2838
  "name": "expandAll",
2799
2839
  "description": null,
2800
2840
  "parameters": [],
2801
2841
  "return": "void"
2802
2842
  },
2843
+ {
2844
+ "name": "focus",
2845
+ "description": null,
2846
+ "parameters": [
2847
+ {
2848
+ "name": "options",
2849
+ "type": "any",
2850
+ "description": null,
2851
+ "optional": false
2852
+ }
2853
+ ],
2854
+ "return": "void"
2855
+ },
2803
2856
  {
2804
2857
  "name": "formAssociatedCallback",
2805
2858
  "description": null,
@@ -2844,6 +2897,12 @@
2844
2897
  "parameters": [],
2845
2898
  "return": "any"
2846
2899
  },
2900
+ {
2901
+ "name": "getSelectedNodes",
2902
+ "description": null,
2903
+ "parameters": [],
2904
+ "return": "any[]"
2905
+ },
2847
2906
  {
2848
2907
  "name": "refresh",
2849
2908
  "description": null,
@@ -2881,6 +2940,19 @@
2881
2940
  }
2882
2941
  ],
2883
2942
  "return": "boolean"
2943
+ },
2944
+ {
2945
+ "name": "selectByValues",
2946
+ "description": null,
2947
+ "parameters": [
2948
+ {
2949
+ "name": "values",
2950
+ "type": "any",
2951
+ "description": null,
2952
+ "optional": false
2953
+ }
2954
+ ],
2955
+ "return": "boolean"
2884
2956
  }
2885
2957
  ],
2886
2958
  "events": [
@@ -2932,8 +3004,8 @@
2932
3004
  "pds-upload": {
2933
3005
  "tag": "pds-upload",
2934
3006
  "className": "UploadArea",
2935
- "displayName": "Pds Upload",
2936
- "storyTitle": "Components/Pds Upload",
3007
+ "displayName": "pds-upload",
3008
+ "storyTitle": "Components/pds-upload",
2937
3009
  "category": "Components",
2938
3010
  "description": "Drag-and-drop file uploader that participates in native forms.\n\nDrag-and-drop file uploader that participates in native forms.",
2939
3011
  "docsDescription": "File upload with preview and validation",
@@ -5543,9 +5615,9 @@
5543
5615
  "storyIndex": {
5544
5616
  "pds-calendar": {
5545
5617
  "slug": "pds-calendar",
5546
- "storyTitle": "Components/Pds Calendar",
5618
+ "storyTitle": "Components/pds-calendar",
5547
5619
  "category": "Components",
5548
- "name": "Pds Calendar",
5620
+ "name": "pds-calendar",
5549
5621
  "description": "A fully featured calendar component with month navigation, event display, and expandable day views",
5550
5622
  "tags": [
5551
5623
  "autodocs",
@@ -5614,9 +5686,9 @@
5614
5686
  },
5615
5687
  "pds-drawer": {
5616
5688
  "slug": "pds-drawer",
5617
- "storyTitle": "Components/Pds Drawer",
5689
+ "storyTitle": "Components/pds-drawer",
5618
5690
  "category": "Components",
5619
- "name": "Pds Drawer",
5691
+ "name": "pds-drawer",
5620
5692
  "description": "Slide-out panels from any edge",
5621
5693
  "tags": [
5622
5694
  "autodocs",
@@ -5661,9 +5733,9 @@
5661
5733
  },
5662
5734
  "pds-fab": {
5663
5735
  "slug": "pds-fab",
5664
- "storyTitle": "Components/Pds Fab",
5736
+ "storyTitle": "Components/pds-fab",
5665
5737
  "category": "Components",
5666
- "name": "Pds Fab",
5738
+ "name": "pds-fab",
5667
5739
  "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
5740
  "tags": [
5669
5741
  "action",
@@ -5726,9 +5798,9 @@
5726
5798
  },
5727
5799
  "pds-icon": {
5728
5800
  "slug": "pds-icon",
5729
- "storyTitle": "Components/Pds Icon",
5801
+ "storyTitle": "Components/pds-icon",
5730
5802
  "category": "Components",
5731
- "name": "Pds Icon",
5803
+ "name": "pds-icon",
5732
5804
  "description": null,
5733
5805
  "tags": [
5734
5806
  "autodocs",
@@ -5760,9 +5832,9 @@
5760
5832
  },
5761
5833
  "pds-omnibox": {
5762
5834
  "slug": "pds-omnibox",
5763
- "storyTitle": "Components/Pds Omnibox",
5835
+ "storyTitle": "Components/pds-omnibox",
5764
5836
  "category": "Components",
5765
- "name": "Pds Omnibox",
5837
+ "name": "pds-omnibox",
5766
5838
  "description": "Omnibox search input with PDS styling and form association",
5767
5839
  "tags": [
5768
5840
  "autocomplete",
@@ -5788,9 +5860,9 @@
5788
5860
  },
5789
5861
  "pds-richtext": {
5790
5862
  "slug": "pds-richtext",
5791
- "storyTitle": "Components/Pds Richtext",
5863
+ "storyTitle": "Components/pds-richtext",
5792
5864
  "category": "Components",
5793
- "name": "Pds Richtext",
5865
+ "name": "pds-richtext",
5794
5866
  "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
5867
  "tags": [
5796
5868
  "autodocs",
@@ -5829,9 +5901,9 @@
5829
5901
  },
5830
5902
  "pds-scrollrow": {
5831
5903
  "slug": "pds-scrollrow",
5832
- "storyTitle": "Components/Pds Scrollrow",
5904
+ "storyTitle": "Components/pds-scrollrow",
5833
5905
  "category": "Components",
5834
- "name": "Pds Scrollrow",
5906
+ "name": "pds-scrollrow",
5835
5907
  "description": "Horizontal scrolling container with navigation buttons",
5836
5908
  "tags": [
5837
5909
  "autodocs",
@@ -5861,9 +5933,9 @@
5861
5933
  },
5862
5934
  "pds-splitpanel": {
5863
5935
  "slug": "pds-splitpanel",
5864
- "storyTitle": "Components/Pds Splitpanel",
5936
+ "storyTitle": "Components/pds-splitpanel",
5865
5937
  "category": "Components",
5866
- "name": "Pds Splitpanel",
5938
+ "name": "pds-splitpanel",
5867
5939
  "description": "Split panels divide content areas with a draggable divider for resizable layouts.",
5868
5940
  "tags": [
5869
5941
  "autodocs",
@@ -5929,9 +6001,9 @@
5929
6001
  },
5930
6002
  "pds-theme": {
5931
6003
  "slug": "pds-theme",
5932
- "storyTitle": "Components/Pds Theme",
6004
+ "storyTitle": "Components/pds-theme",
5933
6005
  "category": "Components",
5934
- "name": "Pds Theme",
6006
+ "name": "pds-theme",
5935
6007
  "description": null,
5936
6008
  "tags": [
5937
6009
  "appearance",
@@ -5956,9 +6028,9 @@
5956
6028
  },
5957
6029
  "pds-toaster": {
5958
6030
  "slug": "pds-toaster",
5959
- "storyTitle": "Components/Pds Toaster",
6031
+ "storyTitle": "Components/pds-toaster",
5960
6032
  "category": "Components",
5961
- "name": "Pds Toaster",
6033
+ "name": "pds-toaster",
5962
6034
  "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
6035
  "tags": [
5964
6036
  "alert",
@@ -5990,9 +6062,9 @@
5990
6062
  },
5991
6063
  "pds-treeview": {
5992
6064
  "slug": "pds-treeview",
5993
- "storyTitle": "Components/Pds Treeview",
6065
+ "storyTitle": "Components/pds-treeview",
5994
6066
  "category": "Components",
5995
- "name": "Pds Treeview",
6067
+ "name": "pds-treeview",
5996
6068
  "description": "Accessible treeview with nested structure rendering, keyboard navigation, and optional form-associated selection.",
5997
6069
  "tags": [
5998
6070
  "autodocs",
@@ -6018,9 +6090,9 @@
6018
6090
  },
6019
6091
  "pds-upload": {
6020
6092
  "slug": "pds-upload",
6021
- "storyTitle": "Components/Pds Upload",
6093
+ "storyTitle": "Components/pds-upload",
6022
6094
  "category": "Components",
6023
- "name": "Pds Upload",
6095
+ "name": "pds-upload",
6024
6096
  "description": "File upload with preview and validation",
6025
6097
  "tags": [
6026
6098
  "autodocs",
@@ -6057,9 +6129,9 @@
6057
6129
  },
6058
6130
  "accordion": {
6059
6131
  "slug": "accordion",
6060
- "storyTitle": "Enhancements/Accordion",
6132
+ "storyTitle": "Enhancements/.accordion",
6061
6133
  "category": "Enhancements",
6062
- "name": "Accordion",
6134
+ "name": ".accordion",
6063
6135
  "description": null,
6064
6136
  "tags": [
6065
6137
  "accordion",
@@ -6080,11 +6152,11 @@
6080
6152
  "packages\\pds-storybook\\stories\\enhancements\\Accordion.stories.js"
6081
6153
  ]
6082
6154
  },
6083
- "button-working": {
6084
- "slug": "button-working",
6085
- "storyTitle": "Enhancements/Button Working",
6155
+ "button-a-class": {
6156
+ "slug": "button-a-class",
6157
+ "storyTitle": "Enhancements/button, a[class*=",
6086
6158
  "category": "Enhancements",
6087
- "name": "Button Working",
6159
+ "name": "button, a[class*=",
6088
6160
  "description": null,
6089
6161
  "tags": [
6090
6162
  "button",
@@ -6111,11 +6183,11 @@
6111
6183
  "packages\\pds-storybook\\stories\\enhancements\\ButtonWorking.stories.js"
6112
6184
  ]
6113
6185
  },
6114
- "clip": {
6115
- "slug": "clip",
6116
- "storyTitle": "Enhancements/Clip",
6186
+ "data-clip": {
6187
+ "slug": "data-clip",
6188
+ "storyTitle": "Enhancements/[data-clip]",
6117
6189
  "category": "Enhancements",
6118
- "name": "Clip",
6190
+ "name": "[data-clip]",
6119
6191
  "description": null,
6120
6192
  "tags": [
6121
6193
  "clamp",
@@ -6142,11 +6214,11 @@
6142
6214
  "packages\\pds-storybook\\stories\\enhancements\\Clip.stories.js"
6143
6215
  ]
6144
6216
  },
6145
- "color-input": {
6146
- "slug": "color-input",
6147
- "storyTitle": "Enhancements/Color Input",
6217
+ "label-data-color": {
6218
+ "slug": "label-data-color",
6219
+ "storyTitle": "Enhancements/label[data-color]",
6148
6220
  "category": "Enhancements",
6149
- "name": "Color Input",
6221
+ "name": "label[data-color]",
6150
6222
  "description": null,
6151
6223
  "tags": [
6152
6224
  "color",
@@ -6165,11 +6237,11 @@
6165
6237
  "packages\\pds-storybook\\stories\\enhancements\\ColorInput.stories.js"
6166
6238
  ]
6167
6239
  },
6168
- "dropdowns": {
6169
- "slug": "dropdowns",
6170
- "storyTitle": "Enhancements/Dropdowns",
6240
+ "nav-data-dropdown": {
6241
+ "slug": "nav-data-dropdown",
6242
+ "storyTitle": "Enhancements/nav[data-dropdown]",
6171
6243
  "category": "Enhancements",
6172
- "name": "Dropdowns",
6244
+ "name": "nav[data-dropdown]",
6173
6245
  "description": null,
6174
6246
  "tags": [
6175
6247
  "data-dropdown",
@@ -6198,11 +6270,11 @@
6198
6270
  "packages\\pds-storybook\\stories\\enhancements\\Dropdowns.stories.js"
6199
6271
  ]
6200
6272
  },
6201
- "open-groups": {
6202
- "slug": "open-groups",
6203
- "storyTitle": "Enhancements/Open Groups",
6273
+ "fieldset-role-group-data-open": {
6274
+ "slug": "fieldset-role-group-data-open",
6275
+ "storyTitle": "Enhancements/fieldset[role=group][data-open]",
6204
6276
  "category": "Enhancements",
6205
- "name": "Open Groups",
6277
+ "name": "fieldset[role=group][data-open]",
6206
6278
  "description": null,
6207
6279
  "tags": [
6208
6280
  "checkbox",
@@ -6233,11 +6305,11 @@
6233
6305
  "packages\\pds-storybook\\stories\\enhancements\\OpenGroups.stories.js"
6234
6306
  ]
6235
6307
  },
6236
- "range-sliders": {
6237
- "slug": "range-sliders",
6238
- "storyTitle": "Enhancements/Range Sliders",
6308
+ "input-type": {
6309
+ "slug": "input-type",
6310
+ "storyTitle": "Enhancements/input[type=",
6239
6311
  "category": "Enhancements",
6240
- "name": "Range Sliders",
6312
+ "name": "input[type=",
6241
6313
  "description": null,
6242
6314
  "tags": [
6243
6315
  "enhancement",
@@ -6262,11 +6334,11 @@
6262
6334
  "packages\\pds-storybook\\stories\\enhancements\\RangeSliders.stories.js"
6263
6335
  ]
6264
6336
  },
6265
- "required-fields": {
6266
- "slug": "required-fields",
6267
- "storyTitle": "Enhancements/Required Fields",
6337
+ "form-data-required": {
6338
+ "slug": "form-data-required",
6339
+ "storyTitle": "Enhancements/form[data-required]",
6268
6340
  "category": "Enhancements",
6269
- "name": "Required Fields",
6341
+ "name": "form[data-required]",
6270
6342
  "description": null,
6271
6343
  "tags": [
6272
6344
  "asterisk",
@@ -6295,11 +6367,11 @@
6295
6367
  "packages\\pds-storybook\\stories\\enhancements\\RequiredFields.stories.js"
6296
6368
  ]
6297
6369
  },
6298
- "toggles": {
6299
- "slug": "toggles",
6300
- "storyTitle": "Enhancements/Toggles",
6370
+ "label-data-toggle": {
6371
+ "slug": "label-data-toggle",
6372
+ "storyTitle": "Enhancements/label[data-toggle]",
6301
6373
  "category": "Enhancements",
6302
- "name": "Toggles",
6374
+ "name": "label[data-toggle]",
6303
6375
  "description": null,
6304
6376
  "tags": [
6305
6377
  "checkbox",
@@ -6557,48 +6629,6 @@
6557
6629
  "packages\\pds-storybook\\stories\\foundations\\SmartSurfaces.stories.js"
6558
6630
  ]
6559
6631
  },
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
6632
  "typography": {
6603
6633
  "slug": "typography",
6604
6634
  "storyTitle": "Foundations/Typography",
@@ -7011,84 +7041,9 @@
7011
7041
  "storyTitle": "Primitives/Form Elements",
7012
7042
  "category": "Primitives",
7013
7043
  "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
7044
  "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
7045
  "tags": [
7046
+ "buttons",
7092
7047
  "checkbox",
7093
7048
  "forms",
7094
7049
  "grouping",
@@ -7104,6 +7059,8 @@
7104
7059
  },
7105
7060
  "stories": [],
7106
7061
  "files": [
7062
+ "packages\\pds-storybook\\stories\\primitives\\FormElements.stories.js",
7063
+ "packages\\pds-storybook\\stories\\primitives\\HtmlFormElements.stories.js",
7107
7064
  "packages\\pds-storybook\\stories\\primitives\\HtmlFormGroups.stories.js"
7108
7065
  ]
7109
7066
  },