@platformscode/core 0.0.42 → 0.0.44

package/dist/components/dga-modal-body.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-BGbuMluI.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-_PLykF45.js';
 
 const DgaModalBody = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-header.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-CzqjlWwh.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-BBBONVGY.js';
 
 const DgaModalHeader = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-title.js

@@ -1,4 +1,4 @@
-import { D as DgaModalTitle$1, d as defineCustomElement$1 } from './p-Cgi2LtEh.js';
+import { D as DgaModalTitle$1, d as defineCustomElement$1 } from './p-DARC8H9n.js';
 
 const DgaModalTitle = DgaModalTitle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$4 } from './p-BKfnRn0P.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-Bd50SSFJ.js';
+import { d as defineCustomElement$5 } from './p-BokzxvvX.js';
+import { d as defineCustomElement$4 } from './p-C3VvJUdi.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-Dj7G6u_a.js';
 
 const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage ext
         this.show = false;
     }
     render() {
-        return (h("div", { key: '1d7c4cef1e1f98538810ce4b0eb77166f30cf030', style: { position: "relative" } }, h("h1", { key: 'a7ebea0aa5d67666454bfeecc4306a7ab7a71dfd' }, "Modal Example"), h("button", { key: 'ab9d06082be15e449e14b96eb2eac55b3f65a800', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '7328e375daaf6abc83cfc846d8458b34f924f94b', buttonsList: [
+        return (h("div", { key: 'f53cc1d37e48b3a3a405ef2d55b2915ebd04d6f0', style: { position: "relative" } }, h("h1", { key: '88f98a9a10f304732b924583dcefa9c7f81b299d' }, "Modal Example"), h("button", { key: 'd5fd57f55c7fdf834bd5f4b6323c4347d0df2199', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '899b3ee632742eeb94e6406dce2278f065f44284', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

package/dist/components/dga-modal-v2-usage.js

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$b } from './p-DZg2yEu-.js';
-import { d as defineCustomElement$a } from './p-BKfnRn0P.js';
-import { d as defineCustomElement$9 } from './p-DboQJAUi.js';
-import { d as defineCustomElement$8 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$7 } from './p-CPioG2Cd.js';
-import { d as defineCustomElement$6 } from './p-BGbuMluI.js';
-import { d as defineCustomElement$5 } from './p-CzqjlWwh.js';
-import { d as defineCustomElement$4 } from './p-Cgi2LtEh.js';
-import { d as defineCustomElement$3 } from './p-Dv3NkDjT.js';
-import { d as defineCustomElement$2 } from './p-eJMs31Nm.js';
+import { d as defineCustomElement$b } from './p-BokzxvvX.js';
+import { d as defineCustomElement$a } from './p-C3VvJUdi.js';
+import { d as defineCustomElement$9 } from './p-B7YYM_Ys.js';
+import { d as defineCustomElement$8 } from './p-DelImzb3.js';
+import { d as defineCustomElement$7 } from './p-zGlMpk21.js';
+import { d as defineCustomElement$6 } from './p-_PLykF45.js';
+import { d as defineCustomElement$5 } from './p-BBBONVGY.js';
+import { d as defineCustomElement$4 } from './p-DARC8H9n.js';
+import { d as defineCustomElement$3 } from './p-DwJJBPCg.js';
+import { d as defineCustomElement$2 } from './p-Dz86tnJw.js';
 
 const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -17,12 +17,12 @@ const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage exten
         this.show = false;
     }
     render() {
-        return (h("div", { key: '9aaa7ec5d254c4ce0b47fb5acd2fb2101d70525f', style: { position: 'relative' } }, h("h1", { key: 'b166ef41f5d3fceb957ce090d93200b3e7ef2283' }, "Modal Example"), h("button", { key: 'f59e9e27958f573198e1dd71add2805c7572070c', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '2856d8704b25bab43a6c04e2e4ff6f6feb39d974', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'ac6f5efd55dc5ba4f2dc693123001b6f5eb9ee78' }, h("dga-featured-icon", { key: '0761a03e39fe49a7bde152c548c001ec49995f55', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: '9fb3949b0bad8d1cf333c7a87af6c623d9b6cad0', style: { position: 'relative' } }, h("h1", { key: 'd9e40374ce53d2c160833591706d2e06a4126574' }, "Modal Example"), h("button", { key: 'b36af1bd4ac774939d1e4b76086e47d5c488119b', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '9f8014a9ebb69008ae295b117a3044cbedd8d14a', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '8b87a86dbb02a8b325775a2e772677e2ca40578a' }, h("dga-featured-icon", { key: '0f3706576f46ade079a67d9af248835b4ee02975', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: 'adc0528a028a8dab0460418457c172e73e0407c7' }, "Title goes here")), h("dga-modal-body", { key: 'ad1fd1b5f3f8817da9f362f0be3b0d56c7964cc4' }, h("dga-flex", { key: 'fe70e22f63e51233fd84a4d2a89764421e0fba41', direction: "column", spacing: 8 }, h("p", { key: '2d2d5837063e0bf23ee5246bcbf1f0de2bf07b74', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: '19e93e78a603fb9106fce68b6e1f9c43309168cb' }))), h("dga-modal-actions", { key: '080daf32c947a3459e1230146ace01599f0211bd' }, h("dga-button-v2", { key: 'e7d63c48c68ab2edb3f08c3ff35e044c4a7e1428', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '15e75ede1473436e80efde01608b25540a300248', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: '04735778022e9da6cd351827585c56a48e97287c' }, "Title goes here")), h("dga-modal-body", { key: 'ea5d0eb132300b5f722787049acfc3bd737660a4' }, h("dga-flex", { key: '65cc33dd0b72f1630247bb3f873521450ca757f8', direction: "column", spacing: 8 }, h("p", { key: 'e428a27435237504ea323347c41d2fbf627646a5', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'e0198edc21eb09d9cf39d5e98ecb2c876d4a15f1' }))), h("dga-modal-actions", { key: '3cef2ba2cc8475529de35fc5d0913bf086e7e77d' }, h("dga-button-v2", { key: '59a881128ed496b45a751e7b1df9db3280f507f0', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '99a6b8575f29c40b7ad7c5cb4c94b912305f60f2', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
 }, [0, "dga-modal-v2-usage", {
         "show": [32]

package/dist/components/dga-modal-v2.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-Dv3NkDjT.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-DwJJBPCg.js';
 
 const DgaModalV2 = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal.js

@@ -1,4 +1,4 @@
-import { D as DgaModal$1, d as defineCustomElement$1 } from './p-Bd50SSFJ.js';
+import { D as DgaModal$1, d as defineCustomElement$1 } from './p-Dj7G6u_a.js';
 
 const DgaModal = DgaModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-actions.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderActions$1, d as defineCustomElement$1 } from './p-BZG2B88o.js';
+import { D as DgaNavHeaderActions$1, d as defineCustomElement$1 } from './p-jQpaSpbf.js';
 
 const DgaNavHeaderActions = DgaNavHeaderActions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-link.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderLink$1, d as defineCustomElement$1 } from './p-CKah__ix.js';
+import { D as DgaNavHeaderLink$1, d as defineCustomElement$1 } from './p-DLfSxpiL.js';
 
 const DgaNavHeaderLink = DgaNavHeaderLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-sub-menu-link.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderSubMenuLink$1, d as defineCustomElement$1 } from './p-BZI3LXWp.js';
+import { D as DgaNavHeaderSubMenuLink$1, d as defineCustomElement$1 } from './p-CjvGZvXh.js';
 
 const DgaNavHeaderSubMenuLink = DgaNavHeaderSubMenuLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-sub-menu.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderSubMenu$1, d as defineCustomElement$1 } from './p-CXATKgnl.js';
+import { D as DgaNavHeaderSubMenu$1, d as defineCustomElement$1 } from './p-DLgep9T6.js';
 
 const DgaNavHeaderSubMenu = DgaNavHeaderSubMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-notification-toast-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-BKfnRn0P.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-DTsUXHcb.js';
+import { d as defineCustomElement$4 } from './p-C3VvJUdi.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-BoPCkNT9.js';
 
 const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationToastUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
         this.open = false;
     }
     render() {
-        return (h("div", { key: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (h("div", { key: '08b5f164a92dc6691e7caa568cf75f4122dfe9ae' }, h("h1", { key: '20633893a6c85a75f005490d4ca179396b3c7f25' }, "Notification Toast Example"), h("div", { key: 'b03b7fe439485f8cc28bdec2067a2a5dcf5f4f89', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '40dcfda2e7671fa5914c190171247edb32100910', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '5900844ce21da3de7068097c8bfbb8ec756f941b', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'fad3d5bda642725ae8e94fa1eb31c6a7457698dd', onClick: () => this.open = true }, "open"), h("button", { key: '87b9a5110c4beb181ca1a1345eeb8a4d098ccc74', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '1e90b2869de73eee314457807f886f00e8aeb211', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -22,7 +22,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '23a3e770b81f7c12a448df153ac89599b1d4092b', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '746bc832c51687e169de7a9cdb466685f8974162', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -33,7 +33,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '46c6208705b82c003ed04ebce8f5b200f9ead1a0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-toast-usage", {
         "type": [32],

package/dist/components/dga-notification-toast.js

@@ -1,4 +1,4 @@
-import { D as DgaNotificationToast$1, d as defineCustomElement$1 } from './p-DTsUXHcb.js';
+import { D as DgaNotificationToast$1, d as defineCustomElement$1 } from './p-BoPCkNT9.js';
 
 const DgaNotificationToast = DgaNotificationToast$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-notification-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-CUGdhnfo.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-Cjc9obiz.js';
 
 const DgaNotificationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaNotificationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotific
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e19620ec4a5afb6f7742aaa7da01c98b7b16a6a5' }, h("h1", { key: 'c8b0867d78bc53b33de1d83da60a69464b27caf1' }, "Notification Example"), h("div", { key: '66eaee8935357f73109840536d95db6be97b3864', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0ac8e3e00c259e636bc864743c56bb6aafc91120', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '803c0a8addb748e2b432b39aeb985843f5a56433', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '66c356aecfffe3b612cf9e75a5ae7bee347ef5ac', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '2ffe078f28506b4ed0c723cda973c0bdf29657a5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '192204edbe700713799a1d18a76417161cb8d56f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '7141778c7839f032b3169e0ab5ecf41f27240659', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '700ed8a0c247b2c195927aba2f514b1bcc60b16e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-usage", {
         "variant": [32]

package/dist/components/dga-notification.js

@@ -1,4 +1,4 @@
-import { D as DgaNotification$1, d as defineCustomElement$1 } from './p-CUGdhnfo.js';
+import { D as DgaNotification$1, d as defineCustomElement$1 } from './p-Cjc9obiz.js';
 
 const DgaNotification = DgaNotification$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-number-input-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-DEVyJhwC.js';
-import { d as defineCustomElement$4 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$3 } from './p-B8Ehyo7m.js';
-import { d as defineCustomElement$2 } from './p-CbLRWZlK.js';
+import { d as defineCustomElement$5 } from './p-BnUgtDXM.js';
+import { d as defineCustomElement$4 } from './p-DelImzb3.js';
+import { d as defineCustomElement$3 } from './p-CuZYeYoR.js';
+import { d as defineCustomElement$2 } from './p-Bykl-D_K.js';
 
 const DgaNumberInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNumberInputUsage extends H {
     constructor() {
@@ -11,13 +11,13 @@ const DgaNumberInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNumberIn
         this.value = '';
     }
     render() {
-        return (h("div", { key: '5754975c6ffe137ce8d18809a1c6865e315caf66' }, h("h1", { key: '36c7420ba6ca7f04547c6128b686711aa9d22d84' }, "Number Input Example"), h("div", { key: 'ea181c6f1351757512b1a7aac4c24f1afa2a6633', style: { padding: '50px' } }, h("div", { key: '002d6a077539d0dd291dbf3f4bfa06f30b2cadab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '57afc64ff912264b99210a733ac776528ab9fbb5', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '3bbe6286611758f6258d29a98c6b9559158dc746', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '5560853f422a91c20418aea2ff487f86ab6ea9d9' }, h("h1", { key: 'e8c6438b6739678593d01fc7ab8c2268ed497d8a' }, "Number Input Example"), h("div", { key: '0d22c4a2cfc8d4fa45f2003516ff287b1ebfb9d3', style: { padding: '50px' } }, h("div", { key: 'f83466dcc3a259e37baec424506ce1d661954729', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '6b0a0d553e45c191f1708a5a9f0744bafa730892', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: 'd1b2a58e12121111b13d633ed3f6c7f5495dd9a8', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '10e5ce6497bc358598bd650c922c4b8a38e09bfb', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '4d3b52d683e926c5abdab2ad5b1cdb333127eff2', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '893338a9bed32652a271e33314e1a19a282d5e92', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '13e59c5f02d3441d210c8eeb3cb63c0a54496b47', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: '90da01a28423b2ae16e0800e8e3e828cc2e7657a', label: "Mandatory Text Input" }), h("dga-label", { key: '459949ae40eaed15569d0326d6e2548070e00c27', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '8282251501b3626daaa18341df4b7ce27fe622f3', label: "Mandatory Text Input" }), h("dga-label", { key: '3cdc7c14186d641ea97257b00a7e388eefc19769', label: "Mandatory Text Input", required: true })))));
     }
 }, [0, "dga-number-input-usage", {
         "value": [32]

package/dist/components/dga-number-input.js

@@ -1,4 +1,4 @@
-import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-CbLRWZlK.js';
+import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-Bykl-D_K.js';
 
 const DgaNumberInput = DgaNumberInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-pagination-usage.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-CPvxSDej.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-WciwkjtN.js';
 
 const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginationUsage extends H {
     constructor() {
@@ -8,7 +9,7 @@ const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginatio
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '90e571eb4e4c86b1d040563def1e63227f758430' }, h("h1", { key: '4cac213523a1ba23345328988df0b835a9c4cff9' }, "Pagination Example"), h("div", { key: '44c2bcce44cb4e165fbe562f13315c4d4a2ed4f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4e544aabf9ab4e57196e4b56805dd6fd8ee7cc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1af325367643fb1a86cc0bcb8624e7062a1500a9', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3d516d50bf028ed7b5042f728f1135d14c073f81', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '25a0ef6f236f662e7a0e17c10d3e4b2f58e26c1d', totalPageCount: 10, size: 'small' })), h("div", { key: 'd84647b1c5e6de3a60510bd24fa7a25d8f1698c0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c86aa85a8b897dd779e40830d2e2212905c89a18' }, h("h1", { key: '90aebb8de178fa0308682e5aaa00750ecc6b792b' }, "Pagination Example"), h("div", { key: 'adbb7028690112c90eeecc44138ed4cfe29527a2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '672ebe0ea5449586abe1c5a35e008b9b93fc8310', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'ed2a7dcf4f50ef5cc690628f517c4c5ab1e90344', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'edaefbebfde4ec14056c78866d7efa591e922b7b', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '0dbee9c77a6bfadd243cc5b64fe7bb1123224060', totalPageCount: 10, size: 'small' })), h("div", { key: 'b8547ecd7befb4339a140439789c3cb635b5f152', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-pagination-usage", {
         "variant": [32]
@@ -17,13 +18,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dga-pagination-usage", "dga-pagination"];
+    const components = ["dga-pagination-usage", "dga-icon", "dga-pagination"];
     components.forEach(tagName => { switch (tagName) {
         case "dga-pagination-usage":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DgaPaginationUsage$1);
             }
             break;
+        case "dga-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "dga-pagination":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

package/dist/components/dga-pagination.js

@@ -1,4 +1,4 @@
-import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-CPvxSDej.js';
+import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-WciwkjtN.js';
 
 const DgaPagination = DgaPagination$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-prefix.js

@@ -1,4 +1,4 @@
-import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-BwpHb_8r.js';
+import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-DSD4MMjz.js';
 
 const DgaPrefix = DgaPrefix$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-progress-indicator-step-v3.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-zVn-LSJh.js';
+import { d as defineCustomElement$2 } from './p-DelImzb3.js';
 
 const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorStep extends H {
     constructor() {
@@ -73,7 +73,7 @@ const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgr
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '2544d7cf7a9c11194fe596987e1b992b5b9bcba0', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '7981ca45bac9a195f81759fd424d9a62fd695b2f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '951a145c98cca8b02351068efd00a4e3875889af', class: "step-label", "data-state": this.labelState }, h("span", { key: '776405bfc8d14e62886a8be93bc63cbfa2bb6dff', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '63fef306b1e435195e2ae7eb52c1ec2ad864e2fa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '513540640173803976c08f8581c2b110d8a51987', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e7b057d27cbda72fd9e9353a66e43bdc136c5e1a', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '6cdf0dca2aa4fe31ca4f8529ba1d9d214374af9a', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '68132028e84e3f9cca09b21211410beabb4d2b13', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'a95551d0454c59a821989e607b090d486b7360ae', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '99fd3b4c58c43bad00b14f15267dacaf7e00da7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '4a082a5ed12857cd21918354b9f7ce5dfc02aca7', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '4f34bc2d1a4e81983a9359a51f1fc17301175c5f', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '7ab376aacfe04ce237d15b7f69c2281f4b1bc726', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'de0a2f80f05085f0bd473c6e88aa12cf524f33b1', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '26cf2e9754a359e6b79edc6302b0bb17505b6ffd', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     get el() { return this; }
 }, [0, "dga-progress-indicator-step-v3", {

package/dist/components/dga-progress-indicator-step.js

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-Db_NU6un.js';
+import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-Bth8481L.js';
 
 const DgaProgressIndicatorStep = DgaProgressIndicatorStep$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-progress-indicator-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$3 } from './p-E3U0MWyz.js';
-import { d as defineCustomElement$2 } from './p-Db_NU6un.js';
+import { d as defineCustomElement$4 } from './p-DelImzb3.js';
+import { d as defineCustomElement$3 } from './p-Befy0B_k.js';
+import { d as defineCustomElement$2 } from './p-Bth8481L.js';
 
 const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPr
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '860aaa83040e5fa38bf9a2ad49a4e3d5d0b5cfc5' }, h("h1", { key: 'bfbe9794dc3c245fad55962550f7c198feab49ef' }, "Progress Indicator Example"), h("div", { key: '55d6ba6e2de3fa97c2840d517420cb655f95bcb6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a32b6b38fbb738dc067c2532a58c2ee5c68efe18', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'fb4592dd178693b6e97bd0d43dd3488eacea03b1', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '9ccf69edab1d8f40980b85515ed35cb4ed48dd88', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6425f8e926858dd354741cf7cc112efab93caebd', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'b5215177ba4c78345d4495074aa36d87056663bb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '8476f0bf8bd6652e1638714881c99004445f9a04', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8e7fc0021bcd9d93b6ed60ac45ee7fa427c4a545', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '8cec935d461b533a753f40ab531e4ab58ee4d1f8', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '071ca39f21055f935d08f905bb18d58ccc5002de', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'e884aca8d8c1352e8f880b40fad00e7c1ccfa067', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '02b48e719d1cacff5138886396b2ee9a08c58eee', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'bcd292bfa71b1e3002ebf72a2a552144b5c46ca4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f95a10827beb83d7907f428a0fe9522eb0702e7f', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bc66063dcbb3c4e09aa07e5df9f2cb5f79ddbb8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '10ae1d745c6da79b0a4bb75a45bcf3d508e293b5' }, h("h1", { key: '17bc205d085cf04d6c0df69836b14561fda811e3' }, "Progress Indicator Example"), h("div", { key: '69ab88ca7e0f2d8533b49d4bd67fa04ee8e3bc2f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0341a9f2e3432acbe15069a743dc2e8485746fca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '6ed405ece12ded9712c123820ae53c9b3ae15e0b', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '7e2a13cc1bfcb3e158d16441f17fc05802797617', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '50c144e072932f3f53710b714177609c18828811', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '3ffb01941ffdfa9752c5c09e502ab1c21f65a39a', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'b1945f8d8275e52dadd49a9900b27b6bdde9d023', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'bca569bf3366ebdad8f2ec56489bf5ade0b0dac1', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '1e1f5aefab45d7a713d4b0cfdd626f19455e054b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '82ed7e54db88deb600a90f5e56ad9c8f2484b666', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '6abc0af63d83dcefa6df0d76b3591aeea2e5f080', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'da4ec0e72ef55a8731c8cbb6dd356a54125b4c90', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '99ebb5caca97699e344d5cf7313757f9b7dbca93', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '6a14e4c1acae8cac6ec5dbfc06bc74ff92bd0f60', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bd33e49abc06cc213e96fd5bcb4bdcfb77f3edc4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-progress-indicator-usage", {
         "activeStep": [32],

package/dist/components/dga-progress-indicator-v3-usage.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$3 } from './p-E3U0MWyz.js';
-import { d as defineCustomElement$2 } from './p-Db_NU6un.js';
+import { d as defineCustomElement$4 } from './p-DelImzb3.js';
+import { d as defineCustomElement$3 } from './p-Befy0B_k.js';
+import { d as defineCustomElement$2 } from './p-Bth8481L.js';
 
 const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProg
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '49bdea112d1ef2414b88207d0f3f4638f4d0007e' }, h("h1", { key: 'b95cd4e4dae75523c6a65f44bc06155cb75981c8' }, "Progress Indicator Example"), h("div", { key: '05511147d75af1ab54fe401b090923f586568514', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0034a7ac7456a2682f0709412c1a9e4407b41a6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b19745d71d2ed1ba06a324010fa3a91fbba01dd5', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'ff79b843056df653432bc76cff58850c77a66b58', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '5fee02140ee8e5c3f944ea7fb1aa1fe014903e61', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '46580ea9f1ab2fb53400a65b7e3e814e94afe185', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '3991523b382d2bd6fdc4d968ea18b931a731ce80', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'fbf44c5a33e9deb47e08ae865f6c805e595069c8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '59e1bb338e690802321bd7e12018499241d70d9b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'b7d10d6cee79113fa28c0d8449f3eb74fd663f8b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cc402b2f342d196a58a5c9ddcc245e0d890c7892', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '80242d121043f690c940a9295c5d6b31578536ed', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ae59a7c0ef02362885ba4533b119af10ac5e6e0b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2ff84358fd4b1ba7ff3237efb41ccf62b4564495', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0cec5c114ac8c3ed2fd8020515a18ba741675e27', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '76a86458596d73fd13adb7a5a9153797da0f42f2' }, h("h1", { key: '0022b025925b992a7f7b1224c5f4ff1f815a6b07' }, "Progress Indicator Example"), h("div", { key: 'e5086a23f2296d1e6548e24f20dd58196ff03917', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1d393810f5aa276c7b043ff95536a18f92422a49', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'e999dad580facbecc04289fee32e52de70a29bcc', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'd9791585498b0cc81c4bffdcf891057cb7fac22d', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '91ab4b0c175d0afb75f338d05a690a8e2e6904ae', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '507dbf2c4244d1ecbae478d97cbe74ffe36a5653', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '65cf225b0938bf3173ae0c6c3175ef55b7b22bd6', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '339b9b36bf7864bf02799c741552534108612e13', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '7d64b5e140167364abc3b021763033f275fb17e4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '11b8f02bb8ddb9d48bf4a39c4cb7cd2b08ead272', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cd496b4210a2bd906335df228bcf422f7b6a5f90', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '655da610736acd9452ab9d09f6266a23790cb5c3', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '18b1214af6eaeb2fe876f5655342c34046efd8c6', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c954a6a282afe3b10a265b95e4984070e1856534', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'fd32b6ecb0935976399f0453b033b78bed98664e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-progress-indicator-v3-usage", {
         "activeStep": [32],

package/dist/components/dga-progress-indicator-v3.js

@@ -42,7 +42,7 @@ const DgaProgressIndicator = /*@__PURE__*/ proxyCustomElement(class DgaProgressI
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '19a2c27561dc325a52fe922ae57a5af5a1de88e7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '0d8e4928f96c74b8a3a6edf3a0da099046debcd4', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'ca5cf50bb30eca89bb969bde83d2a9bab7fc6867', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'd5ad73ec5cc456792729598eb69da9c98006f43b', name: 'progress-indicator-step' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/dga-progress-indicator.js

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-E3U0MWyz.js';
+import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-Befy0B_k.js';
 
 const DgaProgressIndicator = DgaProgressIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-quote-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-BF6_ERMr.js';
-import { d as defineCustomElement$4 } from './p-DboQJAUi.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-CW97yWbX.js';
+import { d as defineCustomElement$5 } from './p-Cjt_jTK9.js';
+import { d as defineCustomElement$4 } from './p-B7YYM_Ys.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-DaLDjMkf.js';
 
 const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage ext
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '7b59d5cd7223387ec9ecaf09ae430cd5fa031665' }, h("h1", { key: 'c559eb076b7986f94c1bdbe8813692219cd85206' }, "Quote Example"), h("div", { key: 'fdd12b17fbd6083a322bf11b6b7d591876711099', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '33fe8a38ca236161d916a9e334586a752f10e2e6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'a8997e3d3f0bca7f9529bac03e0e8ed90d682234', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '9a27f63db1512dc033c546b9e2a5cc86e25e1fc6', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '7b7fb07e6b082f02a58d87cdebaf03660d5cbc45', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '0f5e171190c7b86c420d10bfe48cc0928cc78d11' }, h("h1", { key: 'ce51d10a56094e67cda24a3534fac5bf6c661607' }, "Quote Example"), h("div", { key: 'c27e903bb18527eed0e71219e42cdd189a18f131', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b4ce3a02e63fcbc7eee43e451faee215cea9c435', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'e27bc799c5fd7d28f98033f9cb0f936ece6d7f34', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '7a755cdc2c176bfbb71472a4d58266d06e7b38ec', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'fbcf1828a0507abf02a12e120ca915f3e8eabf75', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 }, [0, "dga-quote-usage", {
         "activeStep": [32]

package/dist/components/dga-quote.js

@@ -1,4 +1,4 @@
-import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-CW97yWbX.js';
+import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-DaLDjMkf.js';
 
 const DgaQuote = DgaQuote$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-radial-stepper-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DboQJAUi.js';
-import { d as defineCustomElement$2 } from './p--j_c9xzb.js';
+import { d as defineCustomElement$3 } from './p-B7YYM_Ys.js';
+import { d as defineCustomElement$2 } from './p-B7_uuf3E.js';
 
 const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadialStepperUsage extends H {
     constructor() {
@@ -18,7 +18,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '3bfd206db81ed99dae9ec22401ce166ab9ea202d' }, h("h1", { key: 'e0ebc16837cf106a013ba87d0e6335a561a8ea89' }, "Radial Stepper Example"), h("div", { key: '4d62785358273ec5b138e2ae73a48f97fa255805', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a4c02d5dae77954998556f79d2f85138ac2f0ab7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '46515a109fefa768232d04f46169729ff592e002', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '7dde24c3c3404df8c1c18780cc4dbb41a9231a8f' }, h("h1", { key: '884cdcec120e8cabf0205200ebd59f7db7582238' }, "Radial Stepper Example"), h("div", { key: 'fe01138f4874e62fac6bda1408a21edde55695ba', style: { padding: '50px', gap: '20px' } }, h("div", { key: '317aa5e8031fa991157b6ea09f4ef793880a977a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: 'f53f6b8287bc746dbfbaf39be882fa0d6ca46f22', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -43,7 +43,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '7eb636bc195cf435c17cd9a45fbdcc306210e415', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3d9548ca3447f62310ed192a0aaf4dbb978707b2', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -68,7 +68,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '1b6c497328a00e4975a09fbbacddc7db4faa71f3', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '6fae3b9e4f8f8747e2e5c53dbaad10c617af6e7e', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -93,7 +93,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'e1eea3d7c88b596ce0e38c2150f2ac0aa7970e8e', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'fb320e0e15fe91da526336ab36eecfd77307cd8f', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -118,7 +118,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '598021ae613ccabbf08d5533ffc440e8becb250c', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3160feddcf3b9ca54bcbce8c322ea25bda630458', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -143,10 +143,10 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: '1fedca41452567be59be5c385a6755d56d80461f', style: {
+            ] }), h("div", { key: '37ecbc90f37f85a8883485a5cebb7e49e1a9f16f', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'ae1299b79c91f475dd75ef211930cd64a39b0589', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: '2ad72c7b1815901b39b1ead0e31eee503a773ffe', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -183,7 +183,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: 'abe42640524b6901e6152fc9a411b8838344bd68', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '72142c1d3494195ecdd122b9f79e9a622f34d093', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '87c2d846e13106f4b8b5ddc7f0b4ba7eb7c2e152', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '6cd5ebe934a8d4a88d809c842835dfa23e28f4f1', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '7d4714bcdef33edd2243c7a406fd096c859e42c7', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'c44663f4d08b68a811334fce6cd6eb5715178f4d', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
 }, [0, "dga-radial-stepper-usage", {
         "percentage": [32],

package/dist/components/dga-radial-stepper.js

@@ -1,4 +1,4 @@
-import { D as DgaRadialStepper$1, d as defineCustomElement$1 } from './p--j_c9xzb.js';
+import { D as DgaRadialStepper$1, d as defineCustomElement$1 } from './p-B7_uuf3E.js';
 
 const DgaRadialStepper = DgaRadialStepper$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-radio-button-usage.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-zVn-LSJh.js';
-import { d as defineCustomElement$2 } from './p-DZ5ItuuV.js';
+import { d as defineCustomElement$3 } from './p-DelImzb3.js';
+import { d as defineCustomElement$2 } from './p-C4KnkeDk.js';
 
 const DgaRadioButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadioButtonUsage extends H {
     constructor() {
@@ -10,11 +10,11 @@ const DgaRadioButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadioBut
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '62906a14468b7d4a28d5700a18e317179f575868' }, h("h1", { key: '2e82948b03e30e7d040d414e29789ec4ee5e39c9' }, "RadioButton Example"), h("div", { key: '7597141a32352ef8f384e3438432bc26ff4ab02c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37a55e92273fb92763583d9073961e85eae65a53', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '83e8156712c8950be1a07dcc889c13530b7e4c43',
+        return (h("div", { key: 'f8290d15769b798b71b82a92678138d3b02acdd3' }, h("h1", { key: '71f79f12c90c774fa4578f41d25e2dbb04b739ea' }, "RadioButton Example"), h("div", { key: 'e3ea018905304d92e8e0f8c829b6f875e312a31b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ba8af4d312fe61024e1e1b4877f1a66760ac03c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '840a3f1f27ecfccb3c6005169025825d30287159',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '9e8464f3ecbd9bbdb7acd171fb76cbd926f04481',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: 'ef0b9ba29906d50a5b12c4f2361f42f2c75b7863',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '2c165379c18f2434a6eaea9b6dd372b332a62f21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '13c126f85368b96cdf3581f9936e15fa063f3786', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-radio-button-usage", {
         "activeStep": [32],

package/dist/components/dga-radio-button.js

@@ -1,4 +1,4 @@
-import { R as RadioButton, d as defineCustomElement$1 } from './p-DZ5ItuuV.js';
+import { R as RadioButton, d as defineCustomElement$1 } from './p-C4KnkeDk.js';
 
 const DgaRadioButton = RadioButton;
 const defineCustomElement = defineCustomElement$1;