@pure-ds/storybook 0.3.19 → 0.4.1

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 (40) hide show
  1. package/.storybook/addons/pds-configurator/SearchTool.js +44 -44
  2. package/.storybook/preview.js +6 -2
  3. package/dist/pds-reference.json +65 -13
  4. package/package.json +50 -50
  5. package/stories/components/PdsCalendar.stories.js +266 -263
  6. package/stories/components/PdsDrawer.stories.js +2 -2
  7. package/stories/components/PdsIcon.stories.js +2 -2
  8. package/stories/components/PdsJsonform.stories.js +2 -2
  9. package/stories/components/PdsRichtext.stories.js +367 -367
  10. package/stories/components/PdsScrollrow.stories.js +140 -140
  11. package/stories/components/PdsSplitpanel.stories.js +502 -502
  12. package/stories/components/PdsTabstrip.stories.js +2 -2
  13. package/stories/components/PdsToaster.stories.js +186 -186
  14. package/stories/components/PdsUpload.stories.js +66 -66
  15. package/stories/enhancements/Dropdowns.stories.js +185 -185
  16. package/stories/enhancements/InteractiveStates.stories.js +625 -625
  17. package/stories/enhancements/MeshGradients.stories.js +321 -320
  18. package/stories/enhancements/OpenGroups.stories.js +227 -227
  19. package/stories/enhancements/RangeSliders.stories.js +232 -232
  20. package/stories/enhancements/RequiredFields.stories.js +189 -189
  21. package/stories/enhancements/Toggles.stories.js +167 -167
  22. package/stories/foundations/Colors.stories.js +2 -1
  23. package/stories/foundations/Icons.stories.js +4 -0
  24. package/stories/foundations/SmartSurfaces.stories.js +485 -367
  25. package/stories/foundations/Spacing.stories.js +5 -1
  26. package/stories/foundations/Typography.stories.js +4 -0
  27. package/stories/foundations/ZIndex.stories.js +329 -325
  28. package/stories/layout/LayoutOverview.stories.js +247 -0
  29. package/stories/layout/LayoutSystem.stories.js +852 -0
  30. package/stories/patterns/BorderEffects.stories.js +74 -72
  31. package/stories/primitives/Accordion.stories.js +5 -3
  32. package/stories/primitives/Alerts.stories.js +261 -46
  33. package/stories/primitives/Badges.stories.js +4 -0
  34. package/stories/primitives/Buttons.stories.js +2 -2
  35. package/stories/primitives/Cards.stories.js +98 -170
  36. package/stories/primitives/Media.stories.js +442 -203
  37. package/stories/primitives/Tables.stories.js +358 -232
  38. package/stories/utilities/Backdrop.stories.js +197 -0
  39. package/stories/patterns/Layout.stories.js +0 -99
  40. package/stories/utilities/GridSystem.stories.js +0 -208
package/stories/foundations/Spacing.stories.js CHANGED
@@ -75,7 +75,7 @@ const spacingStoryStyles = html`
75
75
  .spacing-demo-card__bar {
76
76
  height: 8px;
77
77
  border-radius: var(--radius-full);
78
- background: var(--color-primary-quiet);
78
+ background: var(--color-primary-200);
79
79
  }
80
80
 
81
81
  .spacing-card-spacing-1 {
@@ -110,7 +110,11 @@ const spacingTokens = [
110
110
 
111
111
  export default {
112
112
  title: 'Foundations/Spacing',
113
+ tags: ['spacing', 'gap', 'padding', 'margin', 'rhythm', 'tokens'],
113
114
  parameters: {
115
+ pds: {
116
+ tags: ['spacing', 'gap', 'padding', 'margin', 'rhythm', 'tokens', 'layout', 'scale']
117
+ },
114
118
  docs: {
115
119
  description: {
116
120
  component: 'Spacing tokens ensure consistent rhythm, balance, and hierarchy across layouts.'
package/stories/foundations/Typography.stories.js CHANGED
@@ -488,7 +488,11 @@ const typographyStoryStyles = html`
488
488
 
489
489
  export default {
490
490
  title: 'Foundations/Typography',
491
+ tags: ['typography', 'font', 'text', 'heading', 'body', 'size', 'weight'],
491
492
  parameters: {
493
+ pds: {
494
+ tags: ['typography', 'font', 'text', 'heading', 'body', 'size', 'weight', 'family', 'tokens', 'scale']
495
+ },
492
496
  docs: {
493
497
  description: {
494
498
  component: 'Typography system with scales, weights, line heights, and semantic text styles for building clear content hierarchy and readable interfaces.'