npm - @platformscode/core - Versions diffs - 0.0.34 → 0.0.37 - Mend

@platformscode/core 0.0.34 → 0.0.37

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 (1108) hide show

package/dist/esm/dga-header-menu-item-usage.entry.js CHANGED Viewed

@@ -284,30 +284,30 @@ const DgaHeaderMenuItemUsage = class {
         this.anchorEl = null;
     }
     render() {
-        return (h(Fragment, { key: '308f232cecc244735289ffac9ba10bccbcb9bb2f' }, h("dga-header-vv2", { key: '058d5249e2b494984c04f6ca3457d54ab1947a30' }, h("dga-flex", { key: 'e9cbbb767a707050c88cffa66cd83152ed17133f', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '73a62c365fd36caa9aad9ec5aef8d5dd335614fc', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: 'bcf170764049ee8c4062b02950531a7e724906d7' }, h("dga-header-vv2", { key: '4fa6c185279ee23f2bbef96c8a6a90305f728f81' }, h("dga-flex", { key: 'e67dadcf6e3bf63a58b100aad5d865165c7413eb', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: 'd1d14b45e9c6f7f2f63c6157ce0559339e0ecc24', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '17a77031cc468b2defb65a3ad8489c8073b4edc9', size: "md" }), h("dga-flex", { key: '6940b65989ef66bcabd061d844e0b08238d296fe', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '80441e7163318ff76cab8c038ff3aea43d43ec59', size: "md" }), h("dga-flex", { key: '900a8a6e87b75aae795a2b8cb68ab68640e45729', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: '49a48155ee9d1d5f842e1327336f7bb192050df9', label: "Home" }), h("dga-header-menu-item", { key: '9aa4ab30ed1cf2687ff4754383dac1ef16d1f7ad', label: "About" }), h("dga-header-menu-item", { key: '08370a4001e2c7a3826fb00989c3dbbea9a1ec83', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '8e01dbdc7a0e44150970fac2f07244269ab50b52', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: 'b1da8aa142a4eb8be529da22a7993d42c92e342c', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'a8e0ef5e864ce722831cf14f03e3cf52100464e3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '732bf5643f5cc2b0c611a0afba0f9442cc8d201b', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '58f28a0ff16ce738bdb95659a3cc9049e795af0c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ef244a4f8105bef2293d5568a1c063581729e254', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0fb9fb4a527a036a724719d6b81128b47f9d3a93', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '805f56e1b157cc77728c30234f2eb8c93b0ab127', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '6a516dea323fbbdd35a5cb58b33ae5d0aae177a7', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'b7f458ef2becf12aeae850f59528822664fc86d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'bc443f1e13ab94a85863462d1f8395bdf3a3177d', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '640416ee022bc11b28fabb433ad1d59a45523f5d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '140af9acdf17b62836ac66cb2f6ba166a7d616c7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '1349f39059543cb8dda1932020359b81dd679809', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a9a09b6d21b71431e3d85161afe2939c21e61aa9', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'b1a231a05e47cb78201829bffa44510809c41e13', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '43b9165fb790cffe755683dc3d8837977c337683', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a5e9f44c63168048e6d919ba153a98c8fce9c03e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '4ba58a7d442729b336be799847b145262ecccd8d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9ac53543d0209f073e659636b7aaec7aab87f8e1', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '24f095998d40c571440d37ac0442d331e63870f8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '74f8026ea35c81da6352bc7c1127b5830aecdded', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '6a83bca64aeed3c8b589ab50bd2d3a6db7815394', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'ab341c09f529101293a7ab0ae879069fe5a78bc3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'f92dad32b0aef8e6e47aab89a81023a6f5d8ba65', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6dba74bb53873fe5b17774fb39cb96e128a4b9a0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'f239c802b09c05e2ab2b03e47a70d17ca651e59e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'b0200501ff3deee9fb72ccc961c1d04db06a980c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a25294ca695b609c85c57ec92ecd8a7870c0945b', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '17a3386935802b7f903d38a9559692540d0eb405', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '850488803a383fac010c68c20fa5d8206b00cdcb', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ac3e090a1a58d394fc293e4d8696fb8bfbdc82ab', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'cf296a415ed5cf8532532a0b51e8e6673d57f09a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5bb61259ab205a8dc82ef5c383bd294d35609fae', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'bcd88329affdde5171b0833767255c7ca7cd70cf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '6daf4788209498f456418e20b2abfc8b7aa0567c', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '299f1833e314b8c2938cab93e2fb8d7ffafe77f2', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'bc2e05ca5b7c1da78517191d9d00e4ac212da2b3', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: 'a9dcb3fa463ca0ae4695f0a28700b01427775cd5', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '7a8c03ce86a691dac43116ee5df2fc6440a53a74', subMenuFullWidth: true }, h("dga-search-box", { key: 'aacbe12d1a1b2e3460367fa0f11e6f2b6ddcaad6' }))), h("dga-action-menu", { key: 'afd49fb19698c1c56537bc7c10e8c0c8e6828eda', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'adbf612ed6d4b13029d5d976b3affee88a1c4c2c', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: '84c692c76a183ce91e923b57c92067b2a314698d', label: "Home" }), h("dga-header-menu-item", { key: 'e942cf832bafcc28354a1bef32364fc1a586118a', label: "About" }), h("dga-header-menu-item", { key: '2e301e9fcd92db7ff1dad7b7e260d8d8e6c742f5', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '2b1d6681c44f7a7ad275ae1de8ada45e4b3a3234', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: 'b38de6c90010b1fbfbea7843b72e58b3c247b365', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '524b767000e5a9916eb7787f6c427d7196b6a6dc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '11b6a4b5391815ee95faffba59d3cb1d7d3e143a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4bda1270fe7262fa670ac6a94a207a66ea79240c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69bbdd106c60e980f669e77ba397ce7496498450', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '215f7d26eb8ba506643f161fc8936b9d8d0285a2', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '5d5cbbe340c4674c8a4ec6a0e38c2b04e56258fe', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '5efa6dfceadead0f9d9cf8dd565f38fef8986fdc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '881641955a7faf1fedebc7e306cadfe4ae76b7bd', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '48984d601245a7f092723b639cecc43660852e80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3518afc69d27929d7a2916380089897ffc1c6805', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '568ae98489e14b43cff35119f5d8bf332280ce74', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7cb1c58c57f725209d1e91dfbc64ee459554c864', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '155f71080ad23d3b40ad5e262ac668250dd7f4db', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'fdca8142e41ce0b57fb81792342f71cb0cf2cdb3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '253cd2f6eddf0813972a343064691f1d53a438ef', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '5dffe1a4d7e40274b804c2d03844f22ed8032d01', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '852400136f746a264282066324dde66f7374327e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '403a4b0ac5a267590a749c76146b7d6d392a8fdd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '14c2817d87abab1a734e731e78a107de1bcce4e4', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '7fef1a3be3cadd3cb8d3d71473645745383240a2', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e226fea97561fb90da31d1d98a963aa142969d5d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '06f1e9fd81807ed53a11e7347d93759953b01dbe', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'da587e357ffcd1d210adf08e1907c6544dab6eac', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cab88460ba8213327a071a3a27375f1ce1662a49', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '507d02f9fd7797eb666879fbee36e24c5a1d151d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b4367a8e2f12867b093505dc7bcbb9fadbfebd2a', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '2e00f73716599fbd2c486aaa7595930cc0853d47', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '514facfa1c87e213cc8476704f71bcfb26dafbe3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '06877e302fa1b593d2cff80a6cc7823cd570b91f', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '1c3ad153b4f5b396dc2c7de2e21f284b6cd9f8b2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0b1ddc38fad2998306a8891ae10876396c5f5eef', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6843eaf4c120a56afdb28cdf709d6bcda1e172c4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd491438bd168907e8da9b32904d7ab80dd6b9adb', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'ce256c8f988dbb9be9a7892db3c3edcd686a78d5', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '5ba5e15685cf4ee2edbf1267c0923feb41eb173a', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: 'e8d6d175e739ddc6ceb475674d76b506a1114663', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '1c201f98ed79afa68c9b21b5444df2347a328c06', subMenuFullWidth: true }, h("dga-search-box", { key: '5b66a6f3b20a2f7b5a7ac74377ee2d37080ebcdc' }))), h("dga-action-menu", { key: '5015c9f5c4d53d685607f0a85ad184d65e64c6e0', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '46f25d43a095199c7fc948088bba856c44907a90', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '03595c6d10143bda3c31c287450c979eea29889c' }, h("dga-menu-item", { key: 'b1d9d2270629804db64e6c3af4e0e633950bfbf2', label: "Item Label" }), h("dga-menu-item", { key: '37702d1d3e519670b0da8ab2844ce0efbff023be', label: "Item Label" }), h("dga-menu-item", { key: '77fbcd87d0800443ea08bf2ad1e2f41fa30696c5', label: "Item Label" }))))), h("dga-drawer", { key: 'acb39211ff79be25b8f0d31309448056d64c6bd4', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '72876c3c8714415a23218e68bb7141389868f311' }, h("dga-menu-item", { key: '916fc9be0b119288386b7021c0396f832f855a64', label: "Item Label" }), h("dga-menu-item", { key: '5dbe82ef0984a9eaac164689fb512c91895facc8', label: "Item Label" }), h("dga-menu-item", { key: '781f2e5c7f9f09648cf445f24a6cdc333fe62f0c', label: "Item Label" }))))), h("dga-drawer", { key: 'd8adde1e533a464a18148475a51c8581e6c556e0', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: 'df9ff16d739fb7aa4305d2f1c7052290ab50e6f1' }, "fdgdfgfdg"), h("div", { key: 'd206df29d5789f535842f1eb090077ca1487d4d0' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'cb22a6b34efae9491fd30cb6b637db0aff7dcf6a', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '9bedd4ea3e6ace6eb9db40633ce1a218adec5ee7', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '15b30bac22b5a24da4025cab39af19cc687f6449', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '1b8c8e3fca691249a3e4b06a61dfde8d0c91e8ab', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '2b6f1a59b047bb552c4e18fbc3267e297c682f46' }, "fdgdfgfdg"), h("div", { key: '33db7bda83a5c8bc0e3094067e44e0f431e455b8' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'e580d491cb66183c6f193479201e0a25c6e9c847', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '11247d359187396ff45548ceb9f1057147b3d4e1', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'd216f3e6957f74143008ff8e4aa751d0c32f33f3', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '6576ffab2d6942add2e26fdb5b89c58714876fab', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '2b6dc6f348cadca743f14568e4ab62ab9f5dc9be' }, h("dga-menu-item", { key: 'c367ddab2e27a7b51f5a912e73474661acf74a64', label: "Item Label" }), h("dga-menu-item", { key: 'c613e6406096d56d7494856f051c8918c1a2aef5', label: "Item Label" }), h("dga-menu-item", { key: '9ba407a2eaf11d0e7db6cfb1e42e69b1d125e340', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '02b514ed6b424e755a8e74cd63bc20d62ff3f612' }, h("dga-menu-item", { key: '076339e422afef951f54dc33fcdc2484c646b1be', label: "Item Label" }), h("dga-menu-item", { key: 'f61cecc39d8f2aff489484702a845fd8b4c4836d', label: "Item Label" }), h("dga-menu-item", { key: 'e3bd4881454b357266be92f09cf8956385d88d0c', label: "Item Label" })))));
     }
 };

package/dist/esm/dga-header-menu-vv2.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const DgaHeaderMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("ul", { key: '57e58ec19fa3e2deca7c3da249e68d2b3c5706a0', class: "header-nav__menu" }, h("slot", { key: '6216510ba3621bd1e45794f5f2dab4640a106876' })));
+        return (h("ul", { key: '29ab177857d9b1fb5ecde5923cd9d05aeb98ff02', class: "header-nav__menu" }, h("slot", { key: '30658668cffc5e0d6dee79d99f0f7cd29f9ac03a' })));
     }
 };
 DgaHeaderMenu.style = dgaHeaderMenuCss;

package/dist/esm/dga-header-menu_5.entry.js CHANGED Viewed

@@ -101,7 +101,7 @@ const DgaNavHeaderSubMenu = class {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'cd7f3e96b3fa54109a924451b83436c6b4821a07', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '6c6ab6439c76daf6fc0bbede98982571460857eb', class: "sub-menu__container" }, h("slot", { key: 'e97d54c4ad83345027d3522625a18d77219ece12' }))));
+        return (h("div", { key: '4c603d8181d200ce58d94b8b2f81aef4bf2b6dc0', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: 'fb30f1d54a63ddf1d977603ae54fbc266640761b', class: "sub-menu__container" }, h("slot", { key: 'c9137748682cd988927d6db8b25ce0186616961c' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-header-usage.entry.js CHANGED Viewed

@@ -268,45 +268,45 @@ const DgaHeaderUsage = class {
         this.open = false;
     }
     render() {
-        return (h(Fragment, { key: '632af08b0480c898d3912cc8e1875bd48a7a9536' }, h("dga-second-nav-header", { key: 'c922431bd05e4027e8b75c62b590537d558cc399', hideDivider: true }, h("dga-second-nav-header-actions", { key: '7664543dc342636d874a24038de28d13528bea9b' }, h("dga-button-v2", { key: 'e47a0f387659c1e9bab49bd352fbcae18409d812', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h(Fragment, { key: '546171693b856a444cf4d46ede707efdc503ab34' }, h("dga-second-nav-header", { key: '2e16de393ea7961c086741f81080361fa7d533aa', hideDivider: true }, h("dga-second-nav-header-actions", { key: '45fde60210f5aa5830937b047feffce7f04e8714' }, h("dga-button-v2", { key: '4e0188bdc3df129d08276174b7b71dcf8e8ce3a5', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), h("dga-button-v2", { key: 'dc5c411cb696341e422487297181b46dfff50552', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '1419e5f0ec92d72cc9c3ba43b43775f4d8e5a59c', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), h("dga-button-v2", { key: 'cde2f915798c19a6ec937ecab863dacd1cf56a13', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '6450f3a8089accc81e6a02ad7538781844e2342d', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), h("dga-button-v2", { key: 'eb919bd6ca9f45baff485a5a4797d9ddc8cf1851', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '63716e75bdb27162e937b6b96a5bc89fc24e991a', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } })), h("dga-second-nav-header-content", { key: '2b4624b05f8e998f4ac90349c55f5642caf980a5' }, h("dga-second-nav-header-item", { key: '5334973849ba63277a37f79d4b7bf3a56daa71e8', label: "Cloudy" }, h("dga-icon", { key: '69225df06e6908db84dbf596fb52d09f04a34485', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'bef5237606d1bdf2713a0d8f701904aace22d150', label: "21 Jan 2024" }, h("dga-icon", { key: '2d6bdeaff289baacc61b095b66bcb2a0f8675a00', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '86438dcc3be928330cdcfbe31122ddaf511e05f7', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: '595d692bc52be2ac1533df658a80b05bda672cdd', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), h("dga-second-nav-header-content", { key: '484272baf65bda7c1fc9188b3de289f82fce9cbf' }, h("dga-second-nav-header-item", { key: '5406f7a1d51df3f60cfa65571ae259c7960696e9', label: "Cloudy" }, h("dga-icon", { key: 'a5508dae7cd6522559a9b441aa374cb2719cb16f', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'b073617030d0d6aff6093d9017f25d080114df60', label: "21 Jan 2024" }, h("dga-icon", { key: '68bbd7d1c3a24d652423d63b1d62f22f678d4a88', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '7c8fd9019a9bdd8be65198c0968129d43f62d895', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: 'c4abbf319405576dbd564195b2c5752c06bb9ae0', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, h("dga-button", { key: 'bffa4d25f9caff70d6a6462c59d7a74936f1b9c7', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, h("dga-button", { key: '570f2596c47aa847fe7afddb57da71cf9252a4fa', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-nav-header-logos", { key: '241ff9c1098f69e15fc0f46c6947f4ba5fcdeb19', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: 'd0b7df595b97507fecc5e3a956f6bd4169d51381' }, h("dga-nav-header-link", { key: '8b7fe49bc7cf6824d43da0af092457a60d70ae81', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), h("dga-nav-header-logos", { key: '2762f7e23f2b672de0e74adc96592be3c8b5c80f', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: 'fa6c8733d72f29f8f040bd66e72ee93bd340a632' }, h("dga-nav-header-link", { key: 'b15379f2f60857ae0566d0dbe73878f519fd9e2b', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
                 this.activeLink = 'link-1';
-            } }, h("dga-nav-header-sub-menu", { key: 'bd8b983960a27418ca686cd88f930ee6f54a313c', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'ea54472164fd2840e8528d557942fe62ffccd930', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '2db87d1e1149b15523ad69ad6947d04a2f36fe7b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '952e9bb96034d5b184bbaceed0ca11a4bfbf675b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '96971418eeab0f8d2995df1a521b9934fd9158fd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '82b87fe941ee4668ffd1ede1ee002ade327d8e73', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'a1ace128f75337303ba1539f26fd77251de80dbd', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '324b28f728d3659ecdd8c878fc097c3154116628', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'd7f75f607406c1f6c17fd87364d6d486530caa53', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '9124e6cbd2ea7d6e219fa09dcf82d1cc44bfcfa5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '7254f4fe6356ac622ca08fe17b59ac0c8fbeab07', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '3191da30e178f4bfb0622ca20b565d54cbc66f1d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e1e6b0f151cb4ce6c29b50d2b8abe49a22ee1789', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '6c5a75c53a7d03fb253b50404aad8c3551aa1cb0', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '42247a9abe3260fe7221af522175f40b455ebcf9', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '655a69458b12df2b51d2f59498e86c6c227aa898', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '4abab5ac0f331bf9b8809291e132dd21a6107189', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '067c3340b3830ce8cc1f15c5b98cb268492cea01', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '240642d35355d75631055689e49ec2f47fef7a7a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '40ca18e7ab4f9e66c63fc0cef5033ff8e162acec', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e8094fe1baec0826e52a5a3f01f13cd701bc52a1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'bbd6ca6046a8a1149117116afeacac6d3d824a93', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '2d4e69e229895adb279e72306438fc2536282930', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '9479ad5451a3c2324f89906750adb5db4fcc0e5b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'a38ad1b8f5daa58843cc0961c74307ac4816532e', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '3651204b1351e53d630e168e43ab81018a7a5dbe', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'bc6bffb75bb2494938b1f715c0235517f3e7a19a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '7ea6a387144bce5148020ae076e60dda3690d873', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-2';
-            } }, h("dga-nav-header-sub-menu", { key: 'f0a3b837386daa397745b57d424f672c58c74338', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'cb990c2eabc87128c2212fd8ff999da16a857a6a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'd0ad8de103ce4ef5e32abcb372b38869c920f068', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '763b789e8eb00ddfabe63bdb2b45386419951b22', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '20e1022f78cfc1715e38c075e01f62ade3126c01', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'b3d6bf75ee985e8d354b3c3f704dec0b2a896c9b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'dfd3f6f7039dfdc59bde51962da68a7177b44931', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '797f382f22116c5bb64211990b1438336fae2b18', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '0f40baad9372b612cc990cc9408717e8f64da45b', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '054394b4af742d0a45e15e1914530fc19dc88119', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a8bc8ffbda2a0b13096b0d5c1ff1896461fb8d7b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e69fcefea55e325135d45e8daf11eebf4d013c77', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'eccfe352b1fb394ca423de144ed88833f75e1863', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '779c56250336b920048235ed3a1245f492f7b234', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '2ca59d886b7a5d9ed0bb33275573f52144082b0d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '2a84aba2b304c44769f745d64a271ba5905af167', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-3';
-            } }), h("dga-nav-header-link", { key: '835e865f9d79f323dd4908e61adb8cb3ba947b79', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), h("dga-nav-header-link", { key: '7593a053b73badbdca8ed3b9fffd3e0d95e6cec8', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-4';
-            } }, h("dga-nav-header-sub-menu", { key: 'acfa8195b2a5e26a8f0e1e415e26c70a50046222', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'b04f12d1181219db670b7054a9fc0a948d8b174f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '3c90cf96c415254e5fa5aab734135639159ea83b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '041485912bf496678f9c90107017c1898dee3d54', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '538f17b9fbbcc07632a529106ecaea2bbe4a00a3', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a39c2a60e9acdcbb22b3b26e054ad21e1e002070', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'b7e0c613cbae8e038aa53844b4238f3d4e19ea4d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'c778cabf25c5554b010dbb8bee55e6dc369b6887', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'dc8b726fed7bac480186202d7db3e58682781bbb', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '41493908c235836b24608e37be8cb042d95e2bd2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '84a8dc080a855a5e180243f304d4fd4977c2930a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'db26f2e2b77e38f1eba4669017ae02bfc5e53611', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'c8b8469af5d8cbc8519a79183a6a0f851712a76d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'd0faff4fa61625f82792715ba1bbd0502a3c7197', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '0d50bd4bdca89c92634782263593f7a9daefa469', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'f469219b930bc170d1cd11054fc4e3a5759a4c6b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '8cd8618fc655b9f18cde4ec169a6f99fd8d9303b', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '71401b8740a23e35a128885d7a6991063b5c16c1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'afa1da2267fa29a971559612f472424b20a2626d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: 'b58af1f9cd49b67097c0ef8b7ca4a859f4a1bb3e' }, h("dga-header-action-btn", { key: '29bb905227ea8ca1f4e093647e9e4c02af4417d3', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: 'ccf39aa4912109ea6624d65ad0ba5e41b613e0e8', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: 'c1e0dd74e9b20bdaf2977a8fa428f17d5651b48c', spacing: 16 }, h("dga-search-box", { key: 'b0064f628327dbf5e3d62a331a15ea2d4eae43b2', placeholder: "Search" }), h("dga-button", { key: 'a428b657d17e62a4741c97053b2ab063b753d276', label: "Search" })))), h("dga-header-action-btn", { key: 'b65d5a6d631184a708ac380b6925d64ff0caaa3e', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '424f5ee0cbdf405591a69a7f48dfe292dfab5081', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '7eee212055d76319c5b4cbf9da2d1151c2a1f7a3' }, h("dga-header-menu", { key: '76b643a993d0f49f4bbb9f65bf2ef574123ab6ec', actions: [
+            } }, h("dga-nav-header-sub-menu", { key: '9cc849a54ac5499deda1453b62a8fd997e6519a2', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '265b1075aefc65192a19b480667eb040781dc508', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '8c34f9dc94812f44aae8c4b283291be22c1513c7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '3847ccb25c5de230c6c696fecaf2d008d2cc0157', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'f63ecdd4b50396826015b2611ed2d2edcc24536f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '9626364dc07de26a6a289ac1452ddb8652945a9e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'ea64cd9b4ccc9f2cae598ef9869560c57fb6a584', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'd004aac96543a4f90b7a3ad0f7b3f84a5aa1dc3d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '14e5fb19a4d0af2a5ed3a94a71fc521ada03bc28', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '22d13a7272a8a053a87ba5950fade24259b5d6e5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '93e423927e520c16896e809b33c57c5b2f179c96', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'd4bacbb705cd5aa9d70b2f3365dc812621c49e82', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '61f45f0bcd18cbaf2e239fb278bb4dfd8c4700b1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '40cc3bfb6c9e5c4dc7809b5d21dd2f5aa97db5b5', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'c16d08f5908e6ba258920701cbe6f56a72a75f22', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '54fe22f4a1a8f5ce8685ad73ca62be75513fdbb6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '8efc07301a1633f79f0a50d9125416b3b2cb690d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'e518e24b52fcf94da2b924cebdd0b68dae9b3818', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '3a81d707608e8855d61a51178d152c4cbcc81187', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: '3ba32063cca29165c46d06f1eac57b7d1b99d13b' }, h("dga-header-action-btn", { key: 'dee3461677518da01311badd3cd3c12e1d941923', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: 'c7af33e115a526374a0cb7084f52ba801d5e9855', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: '722cee268d0e81c1ec32f62883f229ae72c6f2a3', spacing: 16 }, h("dga-search-box", { key: '96c9760591883ee6d454f9537b2bc7b9b46d43b4', placeholder: "Search" }), h("dga-button", { key: 'b63e26a0187fcf0f2d859e5f40a697fee6092e96', label: "Search" })))), h("dga-header-action-btn", { key: 'c6875a6e5f8ceaee1ce2166f0aabf31c4a77a9ce', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'e15f0c5a74e7d77767d1b90dfcecfa7b254c11ee', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '80f797b857439363ecdbc47500cc2a39ced44e35' }, h("dga-header-menu", { key: '6791fc019b957540f82c488826b1b92dba104af5', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -328,11 +328,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), h("dga-drawer", { key: '55e490d1e1ad636a8cdf9796cde85dacb672adb8', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            ] }))), h("dga-drawer", { key: 'b933b8df9569309c05a273693bd6918ea35d5fff', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '112px',
                 },
-            } }), h("div", { key: '0e8c0a7cea2c00a5a148fd89c48a8e7fe828b906' }, "Test")));
+            } }), h("div", { key: '0d84117b208149f39a8c50784b7d22d5464fbc62' }, "Test")));
     }
 };

package/dist/esm/dga-helper-text_3.entry.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
-import { g as guid } from './index-DEtoWGOc.js';
+import { g as guid } from './index-OZG1OajU.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
+import { o as alert02SolidRoundedIcon, d as alertCircleSolidRoundedIcon, c as checkmarkCircle02SolidRoundedIcon } from './index-BYA91_SW.js';
 const DgaHelperText = class {
     constructor(hostRef) {
@@ -10,7 +11,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'a8df3b1e44bc3a9fa79c984fab5faafb089135a8', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '775627f3ebc79d46abce24f9d1dc404494823ae3', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '1b7fadcc1125e7007c2be5a58417f2941125888f', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '644a04cab043d9f30fdf8fb0355b21e2f80be471', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
@@ -24,14 +25,14 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (h("label", { key: 'd6d86b8c4bda341af90213470f9aaaeb29ded381', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '58d253e040bd54f0a9dcba9a6300e7ab4dba26da', class: "star" }, "*"), this.label));
+        return (h("label", { key: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
     }
 };
 const feedbackIconTypes = {
-    success: h("dga-icon", { name: "checkmark-circle-02", variant: "solid" }),
-    error: h("dga-icon", { name: "alert-circle", variant: "solid" }),
-    warning: h("dga-icon", { name: "alert-02", variant: "solid" }),
+    success: h("dga-icon", { icon: checkmarkCircle02SolidRoundedIcon }),
+    error: h("dga-icon", { icon: alertCircleSolidRoundedIcon }),
+    warning: h("dga-icon", { icon: alert02SolidRoundedIcon }),
 };
 const DgaTextInput = class {
     constructor(hostRef) {
@@ -91,12 +92,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'd24e92989338412f31a8a0d12d9da9bc60e39edf', id: this.componentId, style: this.rootStyles }, h("div", { key: '709d2690923eba1c88b5cf0f4cb3e3ab85a130ec', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '1ef6eddb37525f0f3f402af41ea04bc20228290f', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'd4014f4e32b6697d3273f9e7230992ed97335bb6', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '048d308bc51a82298d7ec42c67ec8d2b610b9e4d', name: "prefix" }), this.icon && (h("span", { key: '08a9d36cbcb99bcaf022b54f165fcb9fa3a648ba', class: "input__icon" }, h("dga-icon", { key: '0f8a716a459c404d10cdb550af1ec08344529ef4', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '5d33cd30842f32a01ba8913805339c4ecc077f7b',
+        return (h(Host, { key: '6a7418f442f89d250b71a49abb24329d63ab6634', id: this.componentId, style: this.rootStyles }, h("div", { key: '111513b59d70e0695cafdd3bad7b1a2cfdb4c471', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'ecfdad326868959f54caa6ae050d893f88dd2891', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'fac3f3bc3c844263f1bc61a8c145a3527ec16bf7', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '7f984cb04e2f0595d9645e7ad75eec7ed7f35372', name: "prefix" }), this.icon && (h("span", { key: 'ff68fe935f634c0fbe46884e6da2d939547a48ac', class: "input__icon" }, h("dga-icon", { key: '0f73e6935cfcf8805153b4beca14be2dfb82daeb', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '9fc19c8968a223fb7888e3ead0018901044a42c2',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'cf2824d4a9f86bdabb437e7231a3f47398190f21', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'fd7fc11006278b6093e73ed0ba6301c6dbebcc52', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'ec58f555af3ba84febf9358b96331e072c6616fc', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '10c91a2f4376725600f7b3172be27f57bb455dfc', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-inline-alert-usage.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const DgaInlineAlertUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '0552849d1aedf5dc489f8a44a35eaee794a8706d', dir: 'rlt' }, h("h1", { key: '4adf5efc633ef28a806353bb451462ce6fd21c71' }, "Inline ALert Example"), h("div", { key: 'b95d457ba33f02ada899d5491012f5943df3d3a2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9b3cd723b7c47109c16f21f5804703b07fede0ab', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: 'ac1be70cf632645ce0215f898ef4d1277ad955b2', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: '68469b5cdd27a2ff3f1499462d5c613cb87762bb', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'f396bcb3d18e770a09f20cc2d9e89f81e380d394', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'ba7e27311f3a9f6cf1d1eea0489da84979856ae1', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'd7719801d029abcd990c5472ecff805c599c1c31', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: '9a050008de53d9db8851b5207a05e65961f9eacf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '8a0d2a49d15fbc55046a4049ae737b7d941210dd', dir: 'rlt' }, h("h1", { key: '853c65729de18bb7b3f168f84936619ed28fc74b' }, "Inline ALert Example"), h("div", { key: '967fa59b4017997f6ce42624a2b2d2de23646cfa', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b53fb09470ebe141d1091f5b4ecc72f6ce84209e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '06a700bc70698258ec4e855835b1020f52ab59ca', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: '53c419198d672ba4eec3d5d6a298dcde9e76dc02', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'c18b2e050daf4ad6f44f8e92c92d3d2e4012fae3', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '0e68e4942078f1960559afc5fb296e3297578c15', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '2d4158619b859a0e270918f9713ccb7dac9aef67', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: 'a1caca30371a1393c7c33df8fc912564380901e6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-inline-alert.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, F as Fragment } from './index-B4CGwdkg.js';
-import { g as guid } from './index-DEtoWGOc.js';
+import { g as guid } from './index-OZG1OajU.js';
 const dgaInlineAlertCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.alert{display:flex;width:100%;padding:var(--spacing-xl) var(--spacing-3xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-xl);border-radius:var(--radius-md);background:var(--colors-base-white);border:1px solid var(--border-neutral-primary);position:relative;overflow:hidden;}.alert::after{content:\"\";display:block;height:100%;width:8px;left:0;top:0;background-color:var(--colors-error-400);position:absolute}:is(html[lang=ar],html[dir=rtl]) .alert::after{right:0;left:auto}@media only screen and (max-width: 37.5em){.alert__close-btn{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl)}}.alert__header{display:flex;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-lg);width:100%}.alert__title{margin-bottom:var(--spacing-xs)}.alert__body{flex:1}.alert__action{display:flex;padding:var(--spacing-none, 0px) var(--spacing-5xl, 40px);gap:var(--spacing-md)}.alert__action-mobile{display:none;flex-direction:column;align-items:stretch;width:100%;gap:8px}@media only screen and (max-width: 37.5em){.alert__action{display:none}.alert__action-mobile{display:flex}}@media only screen and (max-width: 37.5em){.alert{width:100%;padding:var(--spacing-xl)}.alert::after{width:100%;height:8px}.alert__header{flex-direction:column;gap:var(--spacing-xl)}}.alert--neutral::after{background-color:var(--background-neutral-200)}.alert--info::after{background-color:var(--background-info)}.alert--error::after{background-color:var(--background-error)}.alert--warning::after{background-color:var(--background-warning)}.alert--success::after{background-color:var(--background-success)}.alert--neutral-bg{background-color:var(--background-notification-white);border-color:var(--border-neutral-primary)}.alert--neutral-bg::after{background-color:var(--background-notification-white)}.alert--info-bg{background-color:var(--background-info-25);border-color:var(--border-info-light)}.alert--info-bg::after{background-color:var(--colors-info-400)}.alert--error-bg{background-color:var(--background-error-25);border-color:var(--border-error-light)}.alert--error-bg::after{background-color:var(--colors-error-400)}.alert--warning-bg{background-color:var(--background-warning-25);border-color:var(--border-warning-light)}.alert--warning-bg::after{background-color:var(--background-warning)}.alert--success-bg{background-color:var(--background-success-25);border-color:var(--border-success-light)}.alert--success-bg::after{background-color:var(--colors-success-400)}@media only screen and (max-width: 37.5em){:is(html[lang=ar],html[dir=rtl]) .alert__close-btn{right:auto;left:var(--spacing-xl)}}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
@@ -20,9 +20,9 @@ const DgaInlineAlert = class {
         };
     }
     render() {
-        return (h("div", { key: '51a1aef5977ccdabbad4baa3bc94a0db9e8a9dec', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '87caa87eaed73ef430e0172073b7afeb4ca97400', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '8872072bad3f3c32fc9514a3ecabfce6490113fc', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: 'f00eda8008baa620feb585846944bcf27ef5225a', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: 'e858aff75ed8bf9a7a4f90cefe4d3c31c5108d56', class: "alert__body" }, h("h4", { key: 'eae8438c342c0eb17ae270d3b6e7ef2032ee11ee', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'd496ab6183d5c218a3f6cfdc7bfe73cc830c7a42', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '7ed949dbab9138b138d57c7815ef931aa6c9f9ad', class: "alert__close-btn" }, h("button", { key: '2e0f0caeeb21f761df4e27a9b6dfecdcf682e02f', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '0ddc0dca7715b62b829d3b04b2d0bbcb5d880d35', class: "dga-btn-icon" }, h("dga-icon", { key: 'bd1c415aa3529c894d5939e6dc0fada2608b97cb', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '1b2b0bcda9df6747d3f1af532493b10da5cad5fb' }, h("div", { key: 'd9aaa5aa500697eb66ff2a38b8a2fc9abf2076cb', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: 'cf31fdd990ac2405d139c84b31103753e3a3cc86', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '79dd235b6e16da480894aec2659d0b951296bee9', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '1762f1290159341040b50b2ff7a35504b47beb0c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: '53cd5e9ddfa85a93c49a8fd223447ac12d2cb670', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: 'fc0f70fadcf82aee08de90b2377ed9faed07dcfa', class: "alert__body" }, h("h4", { key: '5e30c0ccc81f9d1e9f80afbacb8f44bb59c83b99', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'c449f978f57877792783c3ba8f48c5de47cd1fd9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'd6de8d168f45954d9759543d23f55ac77292ee31', class: "alert__close-btn" }, h("button", { key: '5dd488e3c55dd653135c56cd23d0e73f08a7dede', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'df2ac196ba828d02985da95357e8618f87b9aa66', class: "dga-btn-icon" }, h("dga-icon", { key: 'dfe8a7eb3a8f3bf859f3b0e22f1a912469eeccc0', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '461782a42956e4df6150c6a2236bfa079273d0ed' }, h("div", { key: 'bdbf9703075d02b4e1bed0d08746f104bce33ea1', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), h("div", { key: 'a6eb094a59cc63dffff53e905a4676a15adcc20b', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'cab7651a92e0cd1345b527cdb6ade1902b98cda7', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

package/dist/esm/dga-linear-progress-bar-usage.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DgaLinearProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '6ac64660647e9846b73e7c5a124c96a6f8ce98db' }, h("h1", { key: 'cef1d1d371a46be63f2177cc96e9f231e7ed058a' }, "Linear Progress Bar Example"), h("div", { key: 'f93c58dd9d63616334f25912418e1a7d9b201b60', style: { padding: '50px', gap: '20px' } }, h("div", { key: '9eadcbd1f31c9fc6e435b842875fd41832ca404e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: 'b5e3c28b36d4f390357c81af3743396736c0b95d', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: 'a3054782846cf013b3521e31da803fedbaa1f8f2', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '078863636dd2b6d94211f53e170ca936d63b9b8f', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '27e3d563a70cf18c702879aabdf7b0f9e4df53e3' }), h("dga-linear-progress-bar", { key: '35bc067c8cc2f6f84ae0e1badc224c5a9994c44c', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'f54979ca00c8688b321dcd9d49d599f91a809285', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'b4ee3d7c5a1b395da7d519b5ca22511902f0ed5b', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '873b1ffb65ed850cd29a59105e6f705cc6f34923' }), h("dga-linear-progress-bar", { key: 'df1baccf5ad2d5427bf6fe42092cb5929e731895', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: '36971dd7140fbf3cdd8069c5d4e38e84ed8a8101', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '5c82744a3f5c0bb84487f757a0135c7d286b3368', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '61ca28a4e34f7f8b885d74c6cd1e857866c88531', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: '29250f77470be8452c7a673aed5ab309b4deba9a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '56eb9a21d71f90c0541fbac931584d569985dfe0' }, h("h1", { key: '50bdeba1789e166b339efcb2957c9b7402e8c7a9' }, "Linear Progress Bar Example"), h("div", { key: 'd1406ad25cb5721c6aa4ffe1ec5ad73fde7c9185', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'b5058d47bc56b3ff695af20d6ce5c404bedc4c32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: '728511b00d0e1f126e7579f628e0c089c2a2622e', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '2df4506577e4270fe69ed6db1c65d0c6cab08cd7', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'b85cbd069a5054d38c4ed226146c916ba53c27e5', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '77979314eb42429e6ae0e11de7182093a388b9db' }), h("dga-linear-progress-bar", { key: 'e92e7e628495f157d46cd1b4c1052442425798a2', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'c4e72d10ce94d71b2efda207a0093c8ab3949553', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'e4f434b11022acd3f45c1d3a87b543e36cfe26ef', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: 'df620bf2a35760d8a12ab67dff237ba7467a79e4' }), h("dga-linear-progress-bar", { key: '9f9ccc67c870bba76011d1092d92eb88329221fd', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: '948785cc6f3d1c23a9b75200829a4ddfd60a34fa', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'e7c3a4a3878aceb7936513e721bce4a3bd337aa0', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '62675273d25506389b47672d38167c9ed4c3f527', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: 'e1f4443ab0a96ad962db2343eb5f30a34afcca04', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-linear-progress-bar.entry.js CHANGED Viewed

@@ -25,11 +25,11 @@ const DgaLinearProgressBar = class {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("svg", { key: 'e0aba43de322047d25a46fd325cee6e33532c46b', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ddf1c20f7cfe3997f82b0494d26f2917091313fe', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '96d63d80b13e97746e23b6a0e65a704961426473', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '0c0bfe4d284478d0b48ddab2f6eb68b8a7fb75d6' }, h("clipPath", { key: '003dd427467adc2bf55f3bcb22f8d3b405cfbe2c', id: "clip0_17869_405" }, h("rect", { key: '950e35ff22d3c9b034b9838241082db71b17d78b', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: 'a71f2d74b308c86b7baf55d3a2e1284caa25d0b4', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ef81ccdc0b0b35a1b76b68ac8fcd8955d9897884', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'd957f3aa3443ae176b03d2e3fa1ffb22df22d3d0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (h("svg", { key: 'b0ba1115c71b2e5cbcff8ca34fc6a06c62fb3a51', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0364c9cc2b0a542550e728a04449e126858d6432', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '23d881373c15c1d81a73d15483de941ef398f1d2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (h("svg", { key: 'ad3cd132ce762b4ca230b3d061f8548dfc8e6743', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ddf57d87c872b95f615ad514c32d6a9cdb2fcb89', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'f099baff0c1983f75dcc22299f659541c8c05949', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'd2caa8d45c1f3ccf746319965af923e42666b674' }, h("clipPath", { key: '892c8b48fd6273ed40c9c31bc37974b877985dd2', id: "clip0_17869_405" }, h("rect", { key: 'af315330c6ce48312464ab6f2682b6e61c0cb202', width: "16", height: "16", fill: "white" }))))),
+            primary: (h("svg", { key: '2150fe4cad8756cfe448270a4969af9b0141501d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7e43c870adcf2225c8e181477b765bd32408022b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'c6b1470eff9df4d63489b586f4c6dc6520696040', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
+            error: (h("svg", { key: '833d5409de4d166a775617c8a8aa6330adeb01ec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3469dc6b5b91ba973b62aaaf8dd739ed14f0a2c7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'af5293f42df923600e77418e93a1783444d06b43', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
         };
-        return (h("div", { key: '2ebb175707b45ddff7e72eada7b1970e99e2262a', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '58e79724dfe981f940086f66e3b7bd96190aab78', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '2e024c5950f8b1a06119610bcc9fbb62b33db6a5', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: 'f797296213d5c3ff9da82629bd71a6045c5ab644', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '4d0440be7234f8803b9a26f4a46df515f5b5c0c3', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: 'daeef014940d34b9e6adc6deacba1d870ade9b78', class: "progress-bar__note" }, h("div", { key: 'd701b2b07ed69c84e7db505577c74bf2475e452a', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: 'c1c44614a8d2a6b4f8d8e8903d5d163eee270ba8', class: "content" }, h("p", { key: 'c1ea303bcb9ccbc63edc1c762c17135abbb00967', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '0ed22f0040c913ee8c47c8fcb6b09ad91a65516f', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'c20c5c2a65240ebc957f11d9140b0c913cba8d82', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '0bfa2a34aadfee76ea1d389f01d45073e94fd719', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '203f19f4b25fe4863d1003c0fef10e2fafc56016', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'ec9b40fcaa22c7d95fd4af0d3ade0c93dc87d1cd', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '407ed36553eeb1b9efab3b20a80f46af0a4e387a', class: "progress-bar__note" }, h("div", { key: '99bcd695030873a3ece53c3a124f03a30c88baf0', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '9174d49de14f09c8dd0bdffcd38311dfb71a88ab', class: "content" }, h("p", { key: 'b5e63429f70fc732dd23a127ef3221364e220381', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
 };
 DgaLinearProgressBar.style = dgaLinearProgressBarCss;

package/dist/esm/dga-link-usage.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const DgaLinkUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'f401fa9332990528a060203c3d3fb9f7634d0c42' }, h("h1", { key: 'e68b79bec56d4821c6bdf1f47d67741205e78e8a' }, "Link Example"), h("div", { key: '461658e9a12cf9a2e0842d9e42d4effa0e0581a5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '352fb39e8add6326b3a4e803d89c158b32da317a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '8ac846987817828e4d8c7317936b26bb6a513a05', label: "Link", variant: "neutral" }), h("dga-link", { key: 'f066375fec60f4fb68b74e9ec66430f0e895e0d5', label: "Link", variant: "on-color" }), h("dga-link", { key: 'be822f07ea79f6782e23415b62653d13afc64a43', label: "Link", variant: "primary" })), h("div", { key: '831cbee11fc90eb42aba30af7c7a825471438b87', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd3535c59ad7d9ee7b8c572371185d8a1d6f904d3' }, h("h1", { key: '69a9746a46fdff8283e019fcdded2b05e3c58d58' }, "Link Example"), h("div", { key: '4d38ef7601e90cfc0590614faaaf52a886e74ef2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a7474aa9ebdba9deaea67d947ce73399ed8052ff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'bcd7aab3f2a8f87903495a7bcaade15363565c19', label: "Link", variant: "neutral" }), h("dga-link", { key: 'bd0b0a8cbacde7f58456d23895cae933f1c3cff0', label: "Link", variant: "on-color" }), h("dga-link", { key: '216150826f3a66dbdcb7e3f4dd57d43a9e64751c', label: "Link", variant: "primary" })), h("div", { key: '6e963385c72e429521625fc766d3ef30f7daa14b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-list-item_2.entry.js CHANGED Viewed

@@ -31,7 +31,7 @@ const DgaListItem = class {
         return null;
     }
     render() {
-        return (h("li", { key: 'ea563aa2b52b600800ce2991e055b2db73344cf4', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: 'cda76b8632e9a5e0b6f022bb85be8dcd38320308', class: "list-item__icon", innerHTML: this.icon })), this.renderMarker(), h("span", { key: '3c1dddefbda54ca70a87d8f9e330a73d1e09e832', class: "list-item__text" }, this.itemText)));
+        return (h("li", { key: '095ccba8b5d487a7e9ed11cb6635e08ed703391a', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: '5e04ec4045647289dd314f49c668f27aa2266d5e', class: "list-item__icon" }, h("dga-icon", { key: '9979d04aea2fca3d11f7737bb43ecf563adf00d9', icon: this.icon, size: 16 }))), this.renderMarker(), h("span", { key: '3bb6fe07dc6087b7f8dcc5f86aa5d9910ef0ab3f', class: "list-item__text" }, this.itemText)));
     }
     get el() { return getElement(this); }
 };
@@ -66,7 +66,7 @@ const DgaListV2 = class {
     //   }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h(Tag, { key: '617980405c2d425da188084e0180cd9f6a5617f5', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'f545693d0fdd24015e20bb6ca62f6aef4bca51c0' })));
+        return (h(Tag, { key: 'c33ca9f7659546ad35276b507e11dc40260e12f3', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'ed5c5c048d7afaf5c3d467343418ffbf6890eb02' })));
     }
 };
 DgaListV2.style = dgaListV2Css;

package/dist/esm/dga-list-usage.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ const DgaListUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '7c0bad5d99df075f37671adef7de4239146621bb' }, h("h1", { key: 'ea3a0503027f6cc147cc3b47228b0250f2059357' }, "List Example"), h("div", { key: 'a7298f7efd86d10dbe6ccd28e199ab7864259e07', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a59b5d6ec3203bfa921fd0164b1a7bbe9353ca70', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: 'a9bcf1cbd25c746651ae95cc0eef6760df3a40d1', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '6943d0b1d70cd0d78a0e3826ac2e49daa43747a6', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: 'aa40b0b610a24398d981fee217c0cbf546e53dcd', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: 'fc683bdf9d5dcd6b64123b74eaa55769359a3ad3', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: 'a328a91b18c4facbb6dd16876be68ea6bd6829d3', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: 'a0445738da6416f2cc4c6bbdbb3cf3c47a33e33c', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: 'edba1791f7a393142e24b09075f234dd115a3d73', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: 'a9e81ac8469f7f97dc821f13a93f138aa83d18fb', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: '0bc62b5700cb731ea8bda01ec6b047953bc6f6e7', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '975032c46bc94ab28ba190163200e9b7f1c3bc8f', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '9d3b0f21fd7f975e1fb75199ff0c0c9cff98007e', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: '72e8fda37812cea436278328f9a20c88fbbe93ab', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'f37d31a9c4c11eb0c5a3ce228fd6d9f430e0992c', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'dd2636c0af12a0bcf766effff89503b211164062', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (h("div", { key: '333055f1445a491712e754528544eefcb1124cca' }, h("h1", { key: '55fc6ed6c9bfc52d31292754caa835704f7ae84e' }, "List Example"), h("div", { key: '200da3bea75948a48774fc267f0a9abd8c5519e1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'def847a3f277b0d375731322d37e157ebf45baa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '5abfa0eecf96cbc497d6cb8f65c3bfb75e71cc4c', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '881d17816f0f7c5702620d6780770615e0e891b8', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: 'b27d47bef1319b58ba0efeae7db2dc67b1dd13ec', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: '1af4e569e6cc8cba15279e9a563033b89cd726a1', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: 'c22fc6afc19adf3196946afa84b53b94cbe70679', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '2622b17ef4d6b551e69fd553ed04ee20d5341f19', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '6589813c6ef152ac4d2bbbeebfca593635f049d4', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: 'ff1fc6b39742f15904194497804eca755a974ea4', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'a3216f0c92a10572435b79bad45c92a2b5370cb4', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '8eed6a32e3ba3ed88c794d5a2219cecf1c39ab2f', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '9e22e64ae91a952dba0cf8c6906f38bf4e54d104', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: 'fbb8df316254deb99fbe877c2e9f58e21d45d71c', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '8320d065049e7849bf3ee7570fc3edee693fddeb', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '56fc2bbf243d3ea3e69650eed85d503b681b365f', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
     }
 };

package/dist/esm/dga-list.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const DgaList = class {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h("div", { key: '91131ee27d0c10ef49df38668867285ce1f72922', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '2eaf01cbb75c6f373344a6045dcc56f0b77b44e1', class: "list-title" }, this.title), h(Tag, { key: '5818a77605587f99f1be8e71102570acd25dae93' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (h("div", { key: '7d95361dcea178a59da32b4d08bf7f0560eb3d48', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '0344d56c05bb2edaee1716489128994fd076a0bf', class: "list-title" }, this.title), h(Tag, { key: 'd7e8b8e2a3f2162f9b0c6b25e9a6025d44f0ea71' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
 };

package/dist/esm/dga-loading-usage.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const DgaLoadingUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'cbd3f3f140d12aeb94623c1f2d0602f4e3725448' }, h("h1", { key: '3747315d6d1067faa33c096f4dca076abb2372cb' }, "Loading Example"), h("div", { key: '0cf84b1e8fe70cad207a98c8653a574fc565d61c', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '1a89e6412c520ec1d66496e3a5d021ee397e6ff6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '4bb4e3e07b327c791f39e98468cda4e3e5cf0e68' })), h("div", { key: '80bc8534a1668e02a43797ae850a0995c25db4e2', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'bf58955c9fa97077b7e15aea084429b2f711d4f9' }, h("h1", { key: 'eaf082fa93ac33b2e10a6667a09b6a50015edd14' }, "Loading Example"), h("div", { key: '73586bff09c11cf8f921840408bcc75a93afb3a5', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'f4d9cc537d1deede62091c6b1a6c85598d8fcd18', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '013fa149d371c83070897c04ffdbd120f0ecf4eb' })), h("div", { key: '769c7a6ab524a4469f98615e9cdaaa01c4c3acf3', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };