@pure-ds/core 0.5.30 → 0.5.32

package/dist/types/src/js/pds-core/pds-ontology.d.ts

@@ -206,6 +206,14 @@ export namespace ontology {
             let primitives_7: string[];
             export { primitives_7 as primitives };
         }
+        export namespace action {
+            let description_9: string;
+            export { description_9 as description };
+            let primitives_8: string[];
+            export { primitives_8 as primitives };
+            let components_7: string[];
+            export { components_7 as components };
+        }
     }
     namespace styles {
         let typography_1: string[];
@@ -217,164 +225,144 @@ export namespace ontology {
         export let interactive: string[];
         export let states: string[];
     }
-    namespace searchRelations {
-        let text_3: string[];
-        export { text_3 as text };
-        export let font: string[];
-        export let type: string[];
-        let typography_2: string[];
-        export { typography_2 as typography };
-        export let heading: string[];
-        export let truncate: string[];
-        export let ellipsis: string[];
-        let overflow_1: string[];
-        export { overflow_1 as overflow };
-        export let paragraph: string[];
-        export let content: string[];
-        let form_1: string[];
-        export { form_1 as form };
-        export let input: string[];
-        export let field: string[];
-        export let button: string[];
-        export let btn: string[];
-        export let toggle: string[];
-        let _switch: string[];
-        export { _switch as switch };
-        export let slider: string[];
-        export let range: string[];
-        export let checkbox: string[];
-        export let radio: string[];
-        export let select: string[];
-        export let upload: string[];
-        export let file: string[];
-        export let modal: string[];
-        export let dialog: string[];
-        export let popup: string[];
-        export let popover: string[];
-        let overlay_1: string[];
-        export { overlay_1 as overlay };
-        export let drawer: string[];
-        let backdrop_1: string[];
-        export { backdrop_1 as backdrop };
-        export let confirm: string[];
-        export let prompt: string[];
-        export let ask: string[];
-        export let dropdown: string[];
-        export let menu: string[];
-        export let nav: string[];
-        let navigation_1: string[];
-        export { navigation_1 as navigation };
-        export let tabs: string[];
-        export let tab: string[];
-        export let link: string[];
-        export let alert: string[];
-        export let notification: string[];
-        export let toast: string[];
-        let feedback_1: string[];
-        export { feedback_1 as feedback };
-        export let message: string[];
-        export let status: string[];
-        export let error: string[];
-        export let success: string[];
-        export let warning: string[];
-        export let info: string[];
-        export let danger: string[];
-        export let badge: string[];
-        export let pill: string[];
-        export let tag: string[];
-        export let chip: string[];
-        let layout_1: string[];
-        export { layout_1 as layout };
-        let grid_1: string[];
-        export { grid_1 as grid };
-        let flex_1: string[];
-        export { flex_1 as flex };
-        export let stack: string[];
-        export let container: string[];
-        export let gap: string[];
-        let spacing_2: string[];
-        export { spacing_2 as spacing };
-        export let section: string[];
-        export let split: string[];
-        export let panel: string[];
-        export let card: string[];
-        let surface_1: string[];
-        export { surface_1 as surface };
-        export let box: string[];
-        export let elevated: string[];
-        let color_1: string[];
-        export { color_1 as color };
-        export let colours: string[];
-        export let palette: string[];
-        export let theme: string[];
-        export let primary: string[];
-        export let secondary: string[];
-        export let accent: string[];
-        let border_1: string[];
-        export { border_1 as border };
-        export let effect: string[];
-        let gradient_1: string[];
-        export { gradient_1 as gradient };
-        let glow_1: string[];
-        export { glow_1 as glow };
-        let shadow_1: string[];
-        export { shadow_1 as shadow };
-        let radius_1: string[];
-        export { radius_1 as radius };
-        export let rounded: string[];
-        let glass_1: string[];
-        export { glass_1 as glass };
-        export let icon: string[];
-        let image_1: string[];
-        export { image_1 as image };
-        export let img: string[];
-        let figure_1: string[];
-        export { figure_1 as figure };
-        export let gallery: string[];
-        let media_2: string[];
-        export { media_2 as media };
-        export let table: string[];
-        let data_1: string[];
-        export { data_1 as data };
-        export let editor: string[];
-        export let wysiwyg: string[];
-        export let richtext: string[];
-        export let calendar: string[];
-        export let date: string[];
-        export let datepicker: string[];
-        export let scroll: string[];
-        export let carousel: string[];
-        export let accordion: string[];
-        export let collapsible: string[];
-        export let expandable: string[];
-        export let details: string[];
-        export let divider: string[];
-        export let separator: string[];
-        export let hr: string[];
-        let interactive_1: string[];
-        export { interactive_1 as interactive };
-        export let hover: string[];
-        export let focus: string[];
-        export let disabled: string[];
-        export let loading: string[];
-        export let spinner: string[];
-        export let accessibility: string[];
-        export let a11y: string[];
-        export let aria: string[];
-        export let required: string[];
-        export let validation: string[];
-        export let start: string[];
-        export let intro: string[];
-        export let getting: string[];
-        export let overview: string[];
-        export let docs: string[];
-        export let primitive: string[];
-        export let component: string[];
-        export let enhancement: string[];
-        export let foundation: string[];
-        export let utility: string[];
-        export let pattern: string[];
-    }
+    let searchRelations: {
+        text: string[];
+        font: string[];
+        type: string[];
+        typography: string[];
+        heading: string[];
+        truncate: string[];
+        ellipsis: string[];
+        overflow: string[];
+        paragraph: string[];
+        content: string[];
+        empty: string[];
+        "empty state": string[];
+        "no data": string[];
+        form: string[];
+        input: string[];
+        field: string[];
+        button: string[];
+        btn: string[];
+        fab: string[];
+        floating: string[];
+        toggle: string[];
+        switch: string[];
+        slider: string[];
+        range: string[];
+        checkbox: string[];
+        radio: string[];
+        select: string[];
+        upload: string[];
+        file: string[];
+        modal: string[];
+        dialog: string[];
+        popup: string[];
+        popover: string[];
+        overlay: string[];
+        drawer: string[];
+        backdrop: string[];
+        confirm: string[];
+        prompt: string[];
+        ask: string[];
+        dropdown: string[];
+        menu: string[];
+        nav: string[];
+        navigation: string[];
+        tabs: string[];
+        tab: string[];
+        link: string[];
+        callout: string[];
+        alert: string[];
+        notification: string[];
+        toast: string[];
+        feedback: string[];
+        message: string[];
+        status: string[];
+        error: string[];
+        success: string[];
+        warning: string[];
+        info: string[];
+        danger: string[];
+        badge: string[];
+        pill: string[];
+        tag: string[];
+        chip: string[];
+        layout: string[];
+        grid: string[];
+        flex: string[];
+        stack: string[];
+        container: string[];
+        gap: string[];
+        spacing: string[];
+        section: string[];
+        split: string[];
+        panel: string[];
+        card: string[];
+        surface: string[];
+        box: string[];
+        elevated: string[];
+        color: string[];
+        colours: string[];
+        palette: string[];
+        theme: string[];
+        primary: string[];
+        secondary: string[];
+        accent: string[];
+        border: string[];
+        effect: string[];
+        gradient: string[];
+        glow: string[];
+        shadow: string[];
+        radius: string[];
+        rounded: string[];
+        glass: string[];
+        icon: string[];
+        image: string[];
+        img: string[];
+        figure: string[];
+        gallery: string[];
+        media: string[];
+        table: string[];
+        data: string[];
+        editor: string[];
+        wysiwyg: string[];
+        richtext: string[];
+        calendar: string[];
+        date: string[];
+        datepicker: string[];
+        scroll: string[];
+        carousel: string[];
+        accordion: string[];
+        collapsible: string[];
+        expandable: string[];
+        details: string[];
+        divider: string[];
+        separator: string[];
+        hr: string[];
+        interactive: string[];
+        hover: string[];
+        focus: string[];
+        disabled: string[];
+        loading: string[];
+        spinner: string[];
+        accessibility: string[];
+        a11y: string[];
+        aria: string[];
+        required: string[];
+        validation: string[];
+        start: string[];
+        intro: string[];
+        getting: string[];
+        overview: string[];
+        docs: string[];
+        primitive: string[];
+        component: string[];
+        enhancement: string[];
+        foundation: string[];
+        utility: string[];
+        pattern: string[];
+    };
 }
 export default ontology;
 //# sourceMappingURL=pds-ontology.d.ts.map

package/dist/types/src/js/pds-core/pds-ontology.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-ontology.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-ontology.js"],"names":[],"mappings":"AAstBA;;;;;;GAMG;AACH,iDALW,WAAW,iBAEnB;IAAwB,QAAQ,EAAxB,MAAM;CACd,GAAU,MAAO,IAAI,CAmKvB;AAED;;;GAGG;AACH,mCAFa,MAAM,EAAE,CAQpB;AAED;;;;;GAKG;AACH,sCAJW,MAAM,kBAEJ,KAAQ,CAoCpB;AAED;;;;GAIG;AACH,wCAHW,MAAM,OAUhB;AAED;;;GAGG;AACH,8BAFa,MAAM,EAAE,CAWpB"}
+{"version":3,"file":"pds-ontology.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-ontology.js"],"names":[],"mappings":"AAivBA;;;;;;GAMG;AACH,iDALW,WAAW,iBAEnB;IAAwB,QAAQ,EAAxB,MAAM;CACd,GAAU,MAAO,IAAI,CAmKvB;AAED;;;GAGG;AACH,mCAFa,MAAM,EAAE,CAQpB;AAED;;;;;GAKG;AACH,sCAJW,MAAM,kBAEJ,KAAQ,CAoCpB;AAED;;;;GAIG;AACH,wCAHW,MAAM,OAUhB;AAED;;;GAGG;AACH,8BAFa,MAAM,EAAE,CAWpB"}

package/dist/types/src/js/pds-core/pds-start-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-start-helpers.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-start-helpers.js"],"names":[],"mappings":"AAmBA,sEAgCC;AAiBD,mDASC;AA6BD,8CAsBC;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGC;AAGD;;;;;;;;EAmCC;AAED;;QASC;AAGD;;;;;GAmIC;AAnZM,qDAGI"}
+{"version":3,"file":"pds-start-helpers.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-start-helpers.js"],"names":[],"mappings":"AAmBA,sEAgCC;AAiBD,mDASC;AA6BD,8CAsBC;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGC;AAGD;;;;;;;;EAmCC;AAED;;QASC;AAGD;;;;;GA+HC;AA/YM,qDAGI"}

package/dist/types/src/js/pds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds.d.ts","sourceRoot":"","sources":["../../../../src/js/pds.js"],"names":[],"mappings":"AA6KA,mDAsBC;AAGD,4DAuCC;;;;;;;;;;;;;;;;;;;;;;;;;cAtNa,OAAO,4BAA4B,EAAE,WAAW;;;;iBAChD,CAAC,SAAS,CAAC,EAAE,OAAO,6BAA6B,EAAE,SAAS,KAAK,IAAI;;;;iBACrE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,CAAC,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC;;;;qBAChG,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC;;;;sBAC7E,CAAC,GAAG,EAAC,MAAM,KAAK,aAAa;;AAW3C,+BAA+B;AAC/B,kBADW,MAAM,GAAG,OAAO,CACD;AArC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH;;;;GAIG;AACH;CAAoC"}
+{"version":3,"file":"pds.d.ts","sourceRoot":"","sources":["../../../../src/js/pds.js"],"names":[],"mappings":"AAmLA,mDAsBC;AAGD,4DAuCC;;;;;;;;;;;;;;;;;;;;;;;;;cA5Na,OAAO,4BAA4B,EAAE,WAAW;;;;iBAChD,CAAC,SAAS,CAAC,EAAE,OAAO,6BAA6B,EAAE,SAAS,KAAK,IAAI;;;;iBACrE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,CAAC,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC;;;;qBAChG,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC;;;;sBAC7E,CAAC,GAAG,EAAC,MAAM,KAAK,aAAa;;AAW3C,+BAA+B;AAC/B,kBADW,MAAM,GAAG,OAAO,CACD;AArC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH;;;;GAIG;AACH;CAAoC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pure-ds/core",
   "shortname": "pds",
-  "version": "0.5.30",
+  "version": "0.5.32",
   "description": "Pure Design System - Why develop a Design System when you can generate one?",
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
       "import": "./public/assets/js/pds.js"
     },
     "./pds-core": "./src/js/pds.js",
-    "./pds-configurator": "./src/js/pds-configurator/pds-configurator.js",
+    "./pds-configurator": "./public/assets/js/pds-configurator.js",
     "./auto-define/*": "./public/auto-define/*"
   },
   "files": [
@@ -58,6 +58,7 @@
     "packages/pds-cli/lib/",
     "src/js/pds.d.ts",
     "src/js/pds.js",
+    "src/js/pds-configurator.js",
     "src/js/pds-core/",
     "src/js/pds-configurator/",
     "custom-elements.json",

package/packages/pds-cli/bin/templates/bootstrap/pds.config.js

@@ -1,4 +1,4 @@
-const defaultEnhancers = Array.isArray(globalThis.PDS?.defaultEnhancers)
+const standardPDSEnhancers = Array.isArray(globalThis.PDS?.defaultEnhancers)
   ? globalThis.PDS.defaultEnhancers
   : [];
 
@@ -17,7 +17,7 @@ export const config = {
     },
 
     enhancers: [
-      ...defaultEnhancers,
+      ...standardPDSEnhancers,
       {
         selector: ".hero",
         description: "Make PDS border-gradient rotate slowly",

package/packages/pds-cli/bin/templates/bootstrap/src/js/app.js

@@ -29,10 +29,30 @@ const drawer = document.createElement("pds-drawer");
 drawer.setAttribute("position", "right");
 
 drawer.innerHTML = /*html*/ `<div slot="drawer-header">Settings</div>
-  <div slot="drawer-content"><my-theme></my-theme></div>`;
+  <div slot="drawer-content"><pds-theme></pds-theme></div>`;
 
 document.body.appendChild(drawer);
 
 settingsBtn.addEventListener("click", () => {
   drawer.open = true;
 });
+
+const THEME_LABELS = new Map([
+  ["system", "System"],
+  ["light", "Light"],
+  ["dark", "Dark"],
+]);
+
+PDS.addEventListener("pds:theme:changed", (event) => {
+  const { detail } = event ?? {};
+  if (detail?.source !== "api") return;
+  const theme = detail?.theme;
+  if (!theme || typeof PDS.toast !== "function") return;
+
+  const label =
+    THEME_LABELS.get(theme) ?? theme.charAt(0).toUpperCase() + theme.slice(1);
+  void PDS.toast(`Theme changed to ${label}`, {
+    type: "information",
+    duration: 2000,
+  });
+});