@pure-ds/storybook 0.7.46 → 0.7.50

package/.storybook/preview.js

@@ -39,7 +39,7 @@ async function ensurePdsCodeLoaded() {
 
       for (const specifier of candidates) {
         try {
-          await import(specifier);
+          await import(/* @vite-ignore */ specifier);
           if (typeof customElements !== 'undefined' && customElements.get('pds-code')) {
             return true;
           }
@@ -1771,19 +1771,6 @@ const preview = {
         dynamicTitle: true
       }
     },
-    locale: {
-      name: 'Locale',
-      description: 'PDS locale',
-      defaultValue: initialLocale,
-      toolbar: {
-        icon: 'globe',
-        items: storybookLocales.map((locale) => ({
-          value: locale,
-          title: formatLocaleTitle(locale)
-        })),
-        dynamicTitle: true
-      }
-    },
     preset: {
       name: 'Preset',
       description: 'Design preset',
@@ -1815,6 +1802,19 @@ const preview = {
           })),
         dynamicTitle: true
       }
+    },
+    locale: {
+      name: 'Locale',
+      description: 'PDS locale',
+      defaultValue: initialLocale,
+      toolbar: {
+        icon: 'globe',
+        items: storybookLocales.map((locale) => ({
+          value: locale,
+          title: formatLocaleTitle(locale)
+        })),
+        dynamicTitle: true
+      }
     }
   }
 };

package/dist/pds-reference.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-03-13T14:15:16.148Z",
+  "generatedAt": "2026-03-19T09:54:38.197Z",
   "sources": {
     "customElements": "custom-elements.json",
     "ontology": "src\\js\\pds-core\\pds-ontology.js",
@@ -2199,6 +2199,46 @@
       "sourceModule": "public/assets/pds/components/pds-locale.js",
       "superclass": "HTMLElement",
       "attributes": [
+        {
+          "name": "name",
+          "description": "Form field name used during submit.",
+          "type": "string",
+          "default": null,
+          "fieldName": null,
+          "property": "name"
+        },
+        {
+          "name": "value",
+          "description": "Selected canonical locale tag (`xx-YY`).",
+          "type": "string",
+          "default": null,
+          "fieldName": null,
+          "property": "value"
+        },
+        {
+          "name": "required",
+          "description": "Requires a locale value for validity.",
+          "type": "boolean",
+          "default": null,
+          "fieldName": null,
+          "property": "required"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables interaction and omits form value.",
+          "type": "boolean",
+          "default": null,
+          "fieldName": null,
+          "property": "disabled"
+        },
+        {
+          "name": "mode",
+          "description": "Label display mode. In `compact`, the UI shows 2-letter aliases and puts the full Intl language name in the `title` attribute. In `full`, it renders the full Intl language name as the visible label.",
+          "type": "\"compact\"|\"full\"",
+          "default": "\"compact\"",
+          "fieldName": null,
+          "property": "mode"
+        },
         {
           "name": "data-label",
           "description": "Accessible label for the locale radio group.",
@@ -2216,15 +2256,171 @@
           "default": null,
           "reflects": false,
           "privacy": "public"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Whether interaction is disabled.",
+          "type": "boolean",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "form",
+          "attribute": null,
+          "description": "Associated form element.",
+          "type": "HTMLFormElement|null",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "formAssociated",
+          "attribute": null,
+          "description": null,
+          "type": "boolean",
+          "default": "true",
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "labels",
+          "attribute": null,
+          "description": "Associated labels.",
+          "type": "NodeListOf<HTMLLabelElement>|null",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "mode",
+          "attribute": "mode",
+          "description": "Label display mode.",
+          "type": "\"compact\"|\"full\"",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Form field name.",
+          "type": "string",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "Whether a value is required.",
+          "type": "boolean",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "type",
+          "attribute": null,
+          "description": "Form control type.",
+          "type": "string",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "validationMessage",
+          "attribute": null,
+          "description": "Current validation message.",
+          "type": "string",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "validity",
+          "attribute": null,
+          "description": "Current validity state.",
+          "type": "ValidityState|null",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Selected canonical locale tag (`xx-YY`).",
+          "type": "string",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
+        },
+        {
+          "name": "willValidate",
+          "attribute": null,
+          "description": "Whether the control participates in validation.",
+          "type": "boolean",
+          "default": null,
+          "reflects": false,
+          "privacy": "public"
         }
       ],
       "methods": [
+        {
+          "name": "checkValidity",
+          "description": null,
+          "parameters": [],
+          "return": null
+        },
+        {
+          "name": "formAssociatedCallback",
+          "description": null,
+          "parameters": [],
+          "return": null
+        },
+        {
+          "name": "formDisabledCallback",
+          "description": null,
+          "parameters": [
+            {
+              "name": "disabled",
+              "type": null,
+              "description": null
+            }
+          ],
+          "return": null
+        },
+        {
+          "name": "formResetCallback",
+          "description": null,
+          "parameters": [],
+          "return": null
+        },
+        {
+          "name": "formStateRestoreCallback",
+          "description": null,
+          "parameters": [
+            {
+              "name": "state",
+              "type": null,
+              "description": null
+            }
+          ],
+          "return": null
+        },
         {
           "name": "refresh",
           "description": "Re-detect available locales and re-render.",
           "parameters": [],
           "return": "Promise<boolean>"
         },
+        {
+          "name": "reportValidity",
+          "description": null,
+          "parameters": [],
+          "return": null
+        },
         {
           "name": "whenReady",
           "description": "Resolves once the first availability check is complete.",
@@ -2233,10 +2429,25 @@
         }
       ],
       "events": [
+        {
+          "name": "change",
+          "description": "Native-like change event when user selection changes.",
+          "type": "Event"
+        },
+        {
+          "name": "input",
+          "description": "Native-like input event when user selection changes.",
+          "type": "Event"
+        },
         {
           "name": "pds-locale:ready",
           "description": "Emitted after locale availability is resolved.",
           "type": "CustomEvent"
+        },
+        {
+          "name": "pds:locale:changed",
+          "description": "Emitted after a new locale is selected.",
+          "type": null
         }
       ],
       "slots": [],
@@ -3936,7 +4147,7 @@
             },
             {
               "name": "options",
-              "type": "{\n        type?: \"information\" | \"success\" | \"warning\" | \"error\";\n        duration?: number;\n        closable?: boolean;\n        persistent?: boolean;\n    }",
+              "type": "{\n        type?: \"information\" | \"success\" | \"warning\" | \"error\";\n        title?: string;\n        duration?: number;\n        closable?: boolean;\n        persistent?: boolean;\n    }",
               "description": "Toast configuration",
               "optional": true
             }
@@ -8077,53 +8288,34 @@
       "storyTitle": "Foundations/Colors",
       "category": "Foundations",
       "name": "Colors",
-      "description": "Design tokens - colors, typography, spacing, icons",
+      "description": "Complete walkthrough of PDS colors: config relationship, token families, dynamic preset catalog, runtime APIs, CSS derivations, and accessibility checks.",
       "tags": [
-        "accent",
         "color",
-        "colors",
-        "danger",
-        "gray",
-        "info",
-        "neutral",
-        "palette",
-        "primary",
-        "secondary",
+        "compiled",
+        "css-variables",
+        "design",
+        "preset",
+        "presets",
+        "raw",
+        "runtime",
         "semantic",
-        "success",
         "theming",
-        "tokens",
-        "warning"
+        "tokens"
       ],
       "pdsParameters": {
         "tags": [
           "color",
-          "colors",
-          "primary",
-          "secondary",
-          "accent",
-          "success",
-          "warning",
-          "danger",
-          "info",
-          "neutral",
-          "gray",
-          "semantic",
-          "palette",
           "tokens",
-          "theming"
+          "raw",
+          "semantic",
+          "preset",
+          "design",
+          "runtime",
+          "compiled",
+          "css-variables"
         ]
       },
-      "stories": [
-        {
-          "exportName": "Default",
-          "name": "Default",
-          "id": "foundations-colors--default",
-          "tags": [],
-          "description": null,
-          "source": "packages\\pds-storybook\\stories\\foundations\\Colors.stories.js"
-        }
-      ],
+      "stories": [],
       "files": [
         "packages\\pds-storybook\\stories\\foundations\\Colors.stories.js"
       ]
@@ -8894,12 +9086,52 @@
       "category": "PDS",
       "name": "PDS Object",
       "description": null,
+      "tags": [
+        "api",
+        "autodocs",
+        "parse",
+        "pds-ask",
+        "pds-compiled",
+        "pds-enums",
+        "pds-object",
+        "pds-parse",
+        "pds-start",
+        "pds-toast",
+        "reference",
+        "runtime",
+        "utilities"
+      ],
+      "pdsParameters": {
+        "tags": [
+          "runtime",
+          "api",
+          "reference",
+          "pds-object",
+          "pds-start",
+          "pds-compiled",
+          "pds-enums",
+          "pds-ask",
+          "pds-toast",
+          "pds-parse"
+        ]
+      },
+      "stories": [],
+      "files": [
+        "packages\\pds-storybook\\stories\\utils\\PdsObjectApi.stories.js",
+        "packages\\pds-storybook\\stories\\utils\\PdsParse.stories.js"
+      ]
+    },
+    "qogni": {
+      "slug": "qogni",
+      "storyTitle": "Qogni",
+      "category": null,
+      "name": "Qogni",
+      "description": null,
       "tags": [
         "api",
         "autodocs",
         "feedback",
         "notifications",
-        "parse",
         "pds-ask",
         "pds-compiled",
         "pds-enums",
@@ -8931,8 +9163,6 @@
       },
       "stories": [],
       "files": [
-        "packages\\pds-storybook\\stories\\utils\\PdsObjectApi.stories.js",
-        "packages\\pds-storybook\\stories\\utils\\PdsParse.stories.js",
         "packages\\pds-storybook\\stories\\utils\\PdsToast.stories.js"
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pure-ds/storybook",
-  "version": "0.7.46",
+  "version": "0.7.50",
   "description": "Storybook showcase for Pure Design System with live configuration",
   "type": "module",
   "private": false,
@@ -38,7 +38,7 @@
     "pds:build-icons": "pds-build-icons"
   },
   "peerDependencies": {
-    "@pure-ds/core": "^0.7.46"
+    "@pure-ds/core": "^0.7.50"
   },
   "dependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",