@platformscode/core 0.0.34 → 0.0.37

package/dist/esm/dga-button-leading-icon.entry.js

@@ -8,7 +8,7 @@ const DgaButtonLeadingIcon = class {
     }
     render() {
         // Check if there are any child elements
-        return (h("span", { key: '51c5201ff4b203cf8a7477e3df2a421c97de4195', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '182780f3a87c0cbc32d53cff242c02b530d912d1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
+        return (h("span", { key: 'db0d8ce47cca568760b5a56ada4737f0c5d980c9', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '4fea51670a6b90143938ffb4df711239337bd353', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-button-usage.entry.js

@@ -6,7 +6,7 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '295cb4f623e8545c6edcecda616c93bdb3cc8075' }, h("h1", { key: '9337c05b22d5d80022eac98838bfc0291cdd8873' }, "Button Example"), h("div", { key: 'bb59cd0a2aea26bb126f1d10cd72a69e69dbc1a6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a3751fad4412de688a798ae541513d30cc87a568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '4c5d47b5ae9088406f1789448b77a0de002f695a', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: '42e4dcac6a8e5894473d5bb1e9d33657b97c6019' }, h("h1", { key: 'd5146ccfef34f67ce4bd8b12a03f8d2bfc81adb3' }, "Button Example"), h("div", { key: '5100816a09c96d79afec208186830a02027acf7c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2c8aa1c5d07bacd0187db0eb4c993b4297a7235a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '30a1c6cdfb7addad54581223dc285d3ad6891124', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -19,12 +19,12 @@ const DgaButtonUsage = class {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: '5d089212f05afad096a3d70137d80ebaf4b2506c', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: 'ccd0b412b32c01462a5db6c1143cb8d3bc17e7e5', label: "Button", variant: "des-transparent" }), h("dga-button", { key: 'c644b349becaad5b799b13ac9f1b6bf1a4d2d788', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '0e10c4b504b355c3558f61f6e3aba91dbd5cd1d1',
+            } }), h("dga-button", { key: '4f0af478bfea2622fbb41f068f5758e4ad9e8d5a', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '66e35ddfdba9ac3f2e790987168c4caaf0ebafac', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '2672bb3597dba7f408458b6c3bfe2677def2aa8b', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: 'e0f5b635ac8a3e8adc9bddbb99650c796130c363',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: 'd57542f45343a9529ea58c132042cb2da3d83981', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4a0d497b275807dfefb313dbdf98ce95842b2214', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-button-v2-usage.entry.js

@@ -6,13 +6,13 @@ const DgaButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'c81a6d79724a7b2214d0782d6e9e06a981719d32' }, h("h1", { key: '0d1f83f58c1e6ee0c4022fd82eec4a9dabcdc143' }, "Button Example"), h("div", { key: '4ddc2d432f7fa76e16cabef7a9fd75b64c98db27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b77c2c9c2b16fa263879f6f498f754d03e35a30f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'c0378a1c253e95ed16fff16f8e202d99be23cdad', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '06ac74b952254011290808f5f883eae80a479f2b', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '3e7e84ae52204862b92d1905fa83512461242c9d', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c83c02e670366e7a22653c47aa0aa3332e1d45fa', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '371041588f0b6a1ec1c2526c361876c768a72b4d', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'e2e9904eb9c0c74d7b36ddf91e12cbfa22a456f3', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '6377ae3c5fa45c4aad2de79a832b08956140fad8', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd055707f1fe8f748b597d13bfa24c521efe103cb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3b0860a65509eaa653b2429cf5a4e9444fbc4718', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'd30289b8c0a4fec0543c5d17ead1b511e0a163e2', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '705020aaacef307016965dd78372067560ebbc68', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '8f0bfebc6772ed00f220580308f90621cc05348d', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '9cff156b96a59f9c4c0539ee64d771e6b3ea4e49', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0e0664ffca326b0f949b09cc28ad76218b9aeddc', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '55b730c524e16ee5e232c95dc29093405744dfe5', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '44242f2277db2144c4a83f21491f4c23efbafcf1', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '793ccabd959b6f6fc5f9f4624f94e497956f7471',
+        return (h("div", { key: '5523fcf839868200e2f885b2f5ffe0a2ac92c38e' }, h("h1", { key: '8c446ebc307e784287a652c0e9183dc4542fabf2' }, "Button Example"), h("div", { key: '51f0dc01fe8b35fd9aebc073a9127f642146fa0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21c12e0579b99fb44164a4755301482b2dac1b41', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f9aaf1cb31dabb25d3b000aa22360ba1efbd7b69', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'fe90da1f4e5a9c71261f723e52d0f93a12125452', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '25d036902f713e54b77f9a3611f231b47fcfd1eb', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '92a8444a7d5dfb0fe08bf52260b85b4fad3c2436', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '3b2fd6212430234b7db9717ffe8c50b2203c5a9b', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '465460b966b50979670fa85fb894910fdfc7a04e', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '23abf1fc63c47d833e6095d85914356be40b07d7', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '20290811a07733b77af71467c32445907d272686', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '79a3bc5e1bd7745a6910f7effb1f92b2c7b6f979', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ce0b5540330c1e20c3cf66fdb15efe2ec0830607', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'f5214703c87436e7acbd8f26e43f1e4e4fa61b2f', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '1ab821a70059d54343b55951bf05a95645fd87f3', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'b6c5e5d1248f48f0a0a2ba4bccd4f27a542b5083', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'c21e765eb09b2fb1fcc7c01c7516b24c755d0cad', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '6df379b1b089021fa02b94c02e9842e538712883', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'efd9c98325728d6a9287784b32d8ae07afa52f38', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'bcd305f5c8c8256f2c2bc3c2eeb25e5a6d021e5f',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '9b5d8806e331c9b2cdca584ab207ebe346a8cb51', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '68c90d90c6f615c504d7cdeb2394c4341fd0ac6b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-card-actions_4.entry.js

@@ -38,7 +38,7 @@ const DgaCardActions = class {
         this.expanded = !this.expanded;
     }
     render() {
-        return (h("div", { key: '6ae00ef9e35323193548b09181d98661f6a2236c', class: "card__action card__action--default" }, h("slot", { key: '8c0b33666776f9c8d3cc3c4e4d121ecf25b9e6c0' })));
+        return (h("div", { key: '8411921d6ca431b3cb45051933c205128c7b7e5c', class: "card__action card__action--default" }, h("slot", { key: '024ad76fc3009fd8f625a420185e0502c95f07dc' })));
     }
 };
 DgaCardActions.style = dgaCardActionsCss;
@@ -50,7 +50,7 @@ const DgaCardContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '6954c1c5983c948327f71cb46e01787af52b2bf6', class: `card__content` }, h("slot", { key: '874321faa6047fc96953099ee0323f6a12ab152d' })));
+        return (h("div", { key: 'b8478b51f23b92d1b6b1d430801c1328dae27c9e', class: `card__content` }, h("slot", { key: '524656e00a5a23dae1d0ef798df904cbe6fc4fd3' })));
     }
 };
 DgaCardContent.style = dgaCardContentCss;
@@ -62,7 +62,7 @@ const DgaCardExpandableContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '3ef125b82ea273ec7ddc8311bb7d4569a6e22160' }, h("slot", { key: 'd4c254d27b712c28f32dee8e19f9ecba076c6d5e' })));
+        return (h(Host, { key: '171a3b2b3095e45897771a48137b5bcc07061226' }, h("slot", { key: 'a1ded8bfb7362a7f817459b27a3306e527208a01' })));
     }
 };
 DgaCardExpandableContent.style = dgaCardExpandableContentCss;
@@ -157,7 +157,7 @@ const DgaCardV2 = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '4be28fe16ebf66b1d77b5c9def28c85f1be7c877', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '230790bac6c0704835da70b140bdbbed8f8df90e', class: "card__checkbox-container" }, h("dga-checkbox", { key: '80851ec1f48eaba8a5025a477dd0c1ea21d03a34', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: 'dd61b4d598e7182e64825018dcf595292ea7b811', name: 'card-content' }), this.type === 'default' && h("slot", { key: '63a9a08e5c3ceaea106524d4311b55cf97316c03', name: 'card-actions' }))));
+        return (h(Host, { key: 'ebfb5e9bef8e602e2d59ef0f1b505962f098f9b9', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'b34a9d1bb46613715616b54bed365587bb03d205', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '7a7457fadbef6b228daf35c94ef598d289094b4f', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'dabf53712eebf3ac0258a68cf556320aec6b2246', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '1bd2d7b03a6986ec82d6ae77962174e0449e286f', name: 'card-content' }), this.type === 'default' && h("slot", { key: 'dd550bdd41b36be56a5a7435b9a62c3e2e1177b2', name: 'card-actions' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-card-image.entry.js

@@ -51,7 +51,7 @@ const DgaCardImage = class {
     //     minWidth: this.minWidth
     //   }
     render() {
-        return (h("div", { key: '5f95886d11de7ffd2ba0de1a853a275ef1ecc895', class: "dga-card__image-container" }, h("img", { key: '82966daf75003e7a86d752c74f5a78bac7ec020c', src: this.src, alt: this.alt })));
+        return (h("div", { key: '9a5df0363b10d8d057821efddec426c770dbd097', class: "dga-card__image-container" }, h("img", { key: '333e4debfd9600fbffe253c7347a4fc2f9f7ec73', src: this.src, alt: this.alt })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-card-title.entry.js

@@ -57,7 +57,7 @@ const DgaCardTitle = class {
         });
     }
     render() {
-        return (h("h4", { key: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
+        return (h("h4", { key: 'ec4a4345f5882f474eaeb044bfcba5a891740b1f', class: "text-lg-bold" }, h("slot", { key: '72a35cc65e56e340bfea05dae2af3b7ad1cec48a' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-card-usage.entry.js

@@ -7,12 +7,12 @@ const DgaCardUsage = class {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '410af2cc3c09641f3108874942bc9093e4610a61' }, h("h1", { key: '0d63dab78f6b2fc2ea373e85d4d68dab0962c264' }, "Card Example"), h("div", { key: '19e3be14e0770b093f0a1707ae46fa3530bf97d6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1aa62760a627f28b9789dbc89a4151e4811cca23', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'd4a57f75f9d0056dbb4091f8c0dc9b5ba3a51a96', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'a8003099274cd997301f1d0493e5947f9899c31c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '6acca12f413a19fdc150dc542f9a3da382940786', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b492011817774b6d6af6369527f07d9f85d9abe7', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '6a7a1b6e441772c76742ea6b571f95b088d5f03f' }, h("h1", { key: '3caae8983f0a589d090eb3847aa8deee721bc748' }, "Card Example"), h("div", { key: '63e25e6cd62416548d5e110b67c3fe4633194470', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5bd873a8dac0c0a9f80ac70fe7021fe7ce5748db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '5289afbd10c9734bab1658dd24ded2df90312cbf', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'e415bef8be7707b2a269e9e87b8ab6fa00a1b2ad', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '8c55e101dd0a4279c2d7582021a519483c2b133d', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '730606135cce7a68f305d62365e6ff41288f97a2', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: '7b74c00a7011807eb4363cadcc1305d204cb8bb9', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '437bb06603897799193a54901502deb2aa7f267e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '0eede96707383f092464e5b788c7e66bca0a2cd4', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '71f3c4b4156d6df7dcea08e26646788d49bf3f68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: 'c75b0d0d15ad21eb5dccd5784a5ee67ed0604706', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'a0d79d3f779669bd7417e196f02ac7f20b116fc1', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'd451d77e46ee7a513f6cbfd8a5b40315383493aa', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '960fa71feb652f88ba897de219a664b16cbacd32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-card-v2-usage.entry.js

@@ -7,17 +7,17 @@ const DgaCardV2Usage = class {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: 'f56c7c0cae876bfc3b8d6a7c12ed1ec254ff8766' }, h("h1", { key: '9fc420f8c2951b37b878f76a8ed2995316303ab7' }, "Card Example"), h("div", { key: '222f0afc60ab3dfcfc3582188e8489b288ef23b9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21341f46d3b598bae90046b3aaba4f22bb095e9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'c8f671ae081648996d7c40784acf562fa1b8bdd6', type: "default", sx: {
+        return (h("div", { key: 'aa2e81ca9e7b8fa11580696582c271be86a617da' }, h("h1", { key: 'a51a817a4464703138520a5f07ddf9c6dc255814' }, "Card Example"), h("div", { key: '2f0fd4bb8ccda49752ded814d78e95d186f754d0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a2b8f7c5c932d042e6a5f8e94ddbfe306b2a5b66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '03c2b3a351b81b24664cfc04b8328855e5fed362', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '65df82b0e5cfcc5ee3c4dcb654595b59c6558021' }, h("dga-featured-icon", { key: '91f3c23a3fa8782be077aaafaf332d425753e3b5', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '394dd8e492fdf011504ee9b33e5b4917133cf25e' }, h("dga-featured-icon", { key: '9f09ced740f222f46b6041ec548d41b200533f9d', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: 'e3dafd808c26ab40ec7383109cfd334065d5f933', direction: 'column', spacing: 8 }, h("h4", { key: 'ba9f9fd6442b13f1a5dada1f86864402f033eb0d', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '0dc0574631ce54ca92de55b7f333073c3118ac41', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '620a4a15bc1c624eb6094b77b2336af201b0b036', direction: 'column', spacing: 4 }, h("dga-rating", { key: '2a683169cc916fb968e027657d3ebd5124db6d89', value: 4, size: 'sm' }), h("span", { key: '804631b639332b8a02e2f250c913f4d24142af63', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '240fee38b3ba7da3c34c1b2cc2af3fd3e97a98db' }, h("dga-button-v2", { key: '81145e9e36c4ca14a5776e67490c532ad13a7939', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '0ecbbdda7daba2d09cbf1e71dc234279d0a8be92', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'b8d963c6e17c657f4ec996dfa3e75e45b26f89eb' }, h("div", { key: '2427413f592b0cc96b9643160aaca036dc56b8a9' }, "Expanded Content"), h("p", { key: '443d9e5e5e9b5655d8b602a001499488beb522c7' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: 'deeabac5769610f260955bf1717a605855713703', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: 'f7e08ddf7bf7483f5e0fdc25dcc0982de422b610', direction: 'column', spacing: 8 }, h("h4", { key: '538eb3d141863e64dd39c9fc4287c11a8c321859', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9743b6088f9328777275b3f12f58ebf37b6d876', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'a52859227b1a9111b039da07c42ca0828ac270b9', direction: 'column', spacing: 4 }, h("dga-rating", { key: '76e820b45df66d7f8423326679a2d9c4a9e3a68c', value: 4, size: 'sm' }), h("span", { key: '716861ef943b7c88dec8bd271307720c3580168f', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '15d712a0d2b1bb3ba1fd67a289244d5907fdfc7e' }, h("dga-button-v2", { key: '0a39821141ccc7419239351e6de19e5d78aa2e0e', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '192c2b5ad6921b35438608bc2344fa0a3604d0d1', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'df09f7c7413000a18c7cc7e5a3738fd65de44164' }, h("div", { key: 'f834107bd79d0bd3637a1a9d9d70c3da29dcc6cd' }, "Expanded Content"), h("p", { key: '7e25f21e9f32ca6889cacc6cc41302bb297eb333' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '756c5d493b18f8aee8699400a7d9fc5ddc6bcaf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-card.entry.js

@@ -72,11 +72,11 @@ const DgaCard = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '92d8223dbdf380e6abf0c84adcc7113913171bf1', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '17e629113fa3b63da0b5bcd2d0a10c016ecbd960', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2cc1475feac62d9a88d786885e03a30a4d473d6e', class: "card__image-container" }, h("img", { key: '80eaddecaa9fc62da6ed8ba0a1d67bc40c057c04', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '6cd1b606906aec5a9462e1f3b73fc5186a8be86c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '04cd695c516849851187acf44e6ee2092735cc30', class: "card__checkbox-container" }, h("dga-checkbox", { key: '11ffe84880401dd179f81653006ef907c8f59986', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '254a4a2a44cbd4f921977f6b80a3f3da7370af18', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '9b164b6b6349e465ad9545d5a9bab97468493fbb', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'c5b4087bab83eba9a0e07e3e63d1d1bbb034242f', class: "text-md-regular" }, this.description))), h("slot", { key: '7ea574428c3c489dab02cecccd6b3c07c2874c5e' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '5365bcc49cf1b9d36cf81729dc08b760b22065bb', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'c2d8e2dd4f0f0dc1398f65057b89566c19895d1f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'bad1ab80e0b8e5a37d211af57891e8a4059631ba', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: 'deac29b7adc8113cbf0c4356cfeaff3faf25139b', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (h(Host, { key: '5f984a8fa298497fa4c324d5598c2b470fb5e4ea', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'be5d649ff2b7e2ae0409957b5877e204104af759', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2bff7dfdd88f7e430ba8d568a69edb4ccfcf6122', class: "card__image-container" }, h("img", { key: '3aaae792f3cb3969f530eea3cd6cb41c019f9e8d', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '52bafea535ea1e31e4aafd6145f0e38f7d464348', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: 'f55b7e4627a6fa925d0cd67cfbde0fe4f884d284', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'fe5d6a83e5fe6387d4df72500134c4b7bfd36ca7', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '30740b1fd6317d673b17941a9fcce69b1177a164', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '469b8d468d97694f74f82c91dcbaa48506692ef2', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '03011f15ed5c92539fdd7cb675e42975d3f887f4', class: "text-md-regular" }, this.description))), h("slot", { key: 'd823d50383b179fad90521b6c562463fcb4736da' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'eccf25e86d814796af19803b28257df5a75ab279', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: '17da0786a62340606a1e1a6e9d3c11a8040f1470', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: '3c96c6b7461d8a4a9e7bb8d075aaa81102428cfb', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '970fa7d096e5a6c52ba403643898e92a2e21c4f7', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
                 name: this.expanded ? 'arrow-up-01' : 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
-            } }))), h("div", { key: '2f2e74c273fef25654aeb767cb8da3cb072cf87e', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '9807f312e18e320295d8f66f5aee337b6275e627', name: "collapse-content" })))));
+            } }))), h("div", { key: '2bc60336a0e0ab818499e273dd0d682bbba3b6a1', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: 'b5c86a17cc33d51048faf9c684fe2e9a3813eb76', name: "collapse-content" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-carousel-usage.entry.js

@@ -6,115 +6,115 @@ const DgaCarouselUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '999cf5342086d8e1701411bb56dc5167d33e168e' }, h("h1", { key: 'db328be7dc37f5534ebdf8ac3cd506fe44169a8b' }, "Carousel Example"), h("div", { key: 'f1eea2666ef05e109bcc5b64466ebc4eb8cb19ee', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f816d692977f5d15a2dce38e4310e5705cf7eaa9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '4c59eb3e0f7e3af93080b8e5fba283ec93899fd9', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'eaf2d4a944968ad7121ae1a80499915e84469a05' }, h("img", { key: 'f0907c8e2b596092b8cdd53f5fc55751b6b61843', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (h("div", { key: '5c4f191063a3da952e6e42f4cd19103c2d715a3b' }, h("h1", { key: 'e0dbbd2edcfb86c2fbbfe547dcd490f00ac70ca4' }, "Carousel Example"), h("div", { key: '4fa719669714950f9d9fc8beb56bb7009aa215fc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e2af84279a8ce9c95632ff8f7db99f7521996775', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '123e46bcbb544322886f75173036e3f73b00d9a6', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '6e96cb5449d40b355d628ac69195afc9748d4960' }, h("img", { key: '1cd7447ad28a0c7cb66d2bbe642d33abf5ff86dc', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'af77cec8f0e543f2637a82c541709c81e5bdaa5b' }, h("img", { key: 'c32916121f004694193a67e1cc772ae30f5676ea', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd41b8aa19885d0b04971dcaef7f3219c3962a6c5' }, h("img", { key: 'b58dbc9370456bf5b10504dcdacab0469bbedc7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '28d27971828f93705e0062c3330792e741690854' }, h("img", { key: '225585629c79578ffd00f21bf9120be6093ff466', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '949685809aec0a767579989a47a6473e9fd76a8b' }, h("img", { key: 'e39c80ef752e705b2fc6d1d1cc4bf05a467c6a59', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '91a815dfdbcbf1bca34b1e67d218bfc92fb585dd' }, h("img", { key: '7e668ed6227877b8f8f04ae7d2219b6950654fcd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '24b5db9929035fd46e2ce1cc4c797b168a2ab9a8' }, h("img", { key: '3072a257cd7875ab93177278bf4abff5fe8eb4b1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '06ccf209d92773a027ba8745b8c696681061f01d' }, h("img", { key: '51d9de0415bd97e20b10b181dd22908d0dde75ee', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a442930d2b9a6d82acd007036efad10fe8a67a18' }, h("img", { key: 'a9b413a1ccda7a7a57485622a3655da0ff92b6fb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '0e2ea48b48c4f1e7f8f6eed6bde8b4cdef048f63' }, h("img", { key: '92de81bb9730a124a9c85fd8b86a1044d29818fa', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '420484e73d6c166aad1b93dd996571854c73e579' }, h("img", { key: '30a1942c7fa903720132a3afa6c4ce6fd2617212', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ed4b4908906d4afae5c1361855506ff1067d5880' }, h("img", { key: 'b077357fe2ebb87ec6b3c5eb105e7d95367296d9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a958e9504a61578fa9281245bc1789a90a52684e' }, h("img", { key: 'd5f6faa2c6c757f31178349e293ad48fba3243e5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'b603e939dd5c8a74ae23a7ff7f2bccdc1317bb8f', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'bf9b5ddff7d463b814f546f7279cce6cdbeff1a4' }, h("img", { key: '63d2176a95e94ad625ced06d6167969b4215613d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: 'cb182020cd4ed2306c47b9f4476db03a8613d559', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'fd47971614a2997dd27590b0085ae683ba9e8bd7' }, h("img", { key: '2558ccb9d09e6127e5ae4bba09cddc771c3ab4ad', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '9ed281fceb708157d69223519b14245be69599b4' }, h("img", { key: '79f1a7c64163feb28d82be549dc28532152b571b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0b84913d49afb0680abb4c34ab21e4468957f1fc' }, h("img", { key: 'e6f25499145bcc4a66d78a49d440769bd960bd8e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '96f030c6fc5a831e8c3f49c87a7a5bf8e06bc255' }, h("img", { key: '0efe242ebb43ad63a43bd7fd7a5addee1ab2ba36', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8d842f30488f32405023cdecfb3a060a61e42983' }, h("img", { key: '7aa3b89e397bb0cf819d910fd9edeba6ca66ad75', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2164ba73ca62dde355f0771be0db5a2cb855a357' }, h("img", { key: '195f3be81b45e810a4f5996c0d4dd1d40eeef650', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '901089733f955a759488b513c4861e32803d8646' }, h("img", { key: '949d05ea24a20b538a9c23bd08d421b64496947a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9af98239600eb2f4afc46e3c69da0e8f41c250b9' }, h("img", { key: '5d851965c85f759239023385cb79c3e8cd32dfb0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '8c129144b60e0d81b1b1f6f8990cd2ea0afd32b8' }, h("img", { key: 'a1d2aedbee127fb4f1513f9385721cd529bb90dd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8aad964e85133fca7aee54708860ceca6ae47ad9' }, h("img", { key: '4b111e2753b3be00ecf44ce4a515f4906f512a91', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '18d6d6ff1553d34c744b818ea32084bfb2d1ffab' }, h("img", { key: 'ca0a194502888823e851392e29a11083c0f3f73a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '30f503c3edc5b7ec9d1eedfea5f86cca7e358ce4' }, h("img", { key: 'd986bfe967541d2be4fa2e3bb976aa317aeaeefe', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '04251fca381ea93a9111e369da385a2129baab38' }, h("img", { key: 'd2405e0bb9e8210279bb2a434a88687d9e652d4c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '54a5ea95dc0c742da10132adbf4e052fbca46f2e', size: 'md' }, h("dga-carousel-item", { key: '43a74a34d6326e728e35741da0acb762892efc3e' }, h("img", { key: 'd8593c0d21244d805aeafb6737075a7de4104491', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '791794e37fdeda3c2e44b9b9c05f70a25b11984c', size: 'md' }, h("dga-carousel-item", { key: '0b1545c5766d9f1aa7f0d7f801e0e8d74a34cfd5' }, h("img", { key: 'b49b679f35e97257d36277fd4628c93f68e47fbb', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'a82ca444b0b21de3d30787409f30bba3c79c5b01' }, h("img", { key: '88f1f5fa2a9a1da3b495e8eb182f40d1f8d1d0a1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'd3764b267c528308840c6af974e900ea8446d418' }, h("img", { key: 'c56797b434247b20d096cae54151187e5aed396e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'f1be2e0ebfd2fe80b6755106d6f78910ce71d4c1' }, h("img", { key: 'a37799436639fb6be0a1d3e88109ea55d68ec305', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '412565f32126dfa34bd71b10e0bead1e45b5dc73' }, h("img", { key: '5a142718e6c75312dab32e712d2902dc07d887a6', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '729a8baff29b6e4630e1063d64782c37aa4e9082' }, h("img", { key: 'b44d76f62c33b53d96dca42cda1a5f538fcc933a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'a8b08cf2e88df3d08b223593cfc2709192114385' }, h("img", { key: '51e428bb3f6e517723f07aa7f7ab45e73e2e07ef', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '820a0f6ee9128044738066f125a84adecc53d88b' }, h("img", { key: '10df7349b84e47e29a8f0c8625bca800c9097b6d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '91b82af2f701c26986c39ed67bc507c743b8a1fb' }, h("img", { key: '0aab053ebbdc05b6c860f5e98aaf4185cb3e0084', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'dcc456f1aa16d9d046fa2a20af08be1f71c56957' }, h("img", { key: '5598a8d27a8ed1d28fc6ba8b3dc44610cb71eb14', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'c5b97df00dfb9feb2cf0b82c4ef297ba4d1d4327' }, h("img", { key: 'ddc507f35476a2e56a81027e0d4f2a2cab8c5873', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'c861b23d5762a76029bffcea6dd8b5ddbf8cd232' }, h("img", { key: '6754a4a491f364b19a745b3da7ac1ae45b4f6b8b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'df85a9251bddd0451d3a0db1d29be1c4a76c45df' }, h("img", { key: 'e9dc5537705fed110ab896b8d36a24c1a09390c1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '5716ff0861dfb7d1a31daf081e5838ab4c4770fc', size: 'sm' }, h("dga-carousel-item", { key: 'dcb17613505193a0788fd27c1409d5a23641dbba' }, h("img", { key: 'b33419099211a2f96d3b5efa4dbfeac98cfbe10e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), h("dga-carousel", { key: '396dc965f68ffa84e1552682bfb00ba7785279c5', size: 'sm' }, h("dga-carousel-item", { key: '615c2dbe2d121019feeca8f93dc0ede025fc3f8c' }, h("img", { key: '29467aba91e13287a2ba05e9e97870418a6703cb', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '2f6ab0be313ada78566ab6fe81fa8b42e2d3a467' }, h("img", { key: '5fd2fe2e798b3afff16b5fbf8b9fa389134cf5b2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '4e7dde8d3c30d7bf80456bb70cff555c92921e28' }, h("img", { key: '765363ac7de87c3b00ab9dded6ee99f939ab4765', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2be9790f67b185e485c4e9755c1c3c85a601b2b2' }, h("img", { key: 'bed239ca1653760d4f93be0a249376f311fa9dad', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '0e0b615c68d944c3a10cc30538e55d3767268a8f' }, h("img", { key: 'bc8ef9fbf8e6d432c3546c13ae147d8a1e7cbc07', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '6d4bbe1dfa316d66a6093811413bc143c8b6643f' }, h("img", { key: '1276295bbf075690839f2b924fc25a266f98a837', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: 'f8f0bbdc6fcd4f5d7e492a036bb9c6ce0077adbc' }, h("img", { key: '2031d46b29a5002cfdc649fcb2254fcb7558859d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '09d3024b25a3b75ca3fe3abb6959b73d1561cf63' }, h("img", { key: '2fd2c391bc34279a5fb3e9a14b459ca2281a5016', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '5a26a3e45ea0305dbe667d888cddd53127361ec6' }, h("img", { key: 'df7ad698fe14cbbf5c2067a84adaf12048daa9ca', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '52c6e397cc01ddb93132feffe40b5ebda9e4a44c' }, h("img", { key: 'cfa1b1715928878e18d30be31432d36ad40a39b1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '14d6ffca06e1ba5c334e0ba075c6499e2802eae2' }, h("img", { key: '8ffaaf1cb69a4bf6148099e6b1fc73a948eee06a', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'a9571bccae3830a00a341c32f70f9664939d3459' }, h("img", { key: 'b144ebbe64781edbef28b5071ca946d8b8194d60', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), h("dga-carousel-item", { key: '41243a8f1cd16a4fa3e8983e554fc4bcffe51eb9' }, h("img", { key: '20d11e1c584f72351c7c1f135ea52324f8554347', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), h("div", { key: '8e640b23d32f5a16c76d75090a534f31bbce552e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: '5dc368ef3e35e246d8704849c95c2f09bb1ea61a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-carousel-v2.entry.js

@@ -96,7 +96,7 @@ const DgaCarousel = class {
         }
     }
     render() {
-        return (h("section", { key: 'd4bfbb847179b61417ac3eb5453af8aed881870f', class: "embla" }, h("div", { key: '530f1ac5ed39be782bc69378807fb884b9748234', class: "embla__viewport" }, h("div", { key: 'f56b89070d00a29eef72b27478c2d3083363e881', class: "embla__container" }, h("div", { key: '78cee2a6ab972860a1b8cd70148ed2cb0842957b', class: "embla__slide" }, h("div", { key: '3162557b787224494b63a6522c2ca05c5da27200', class: "embla__slide__number" }, "1")), h("div", { key: '06cacad1aa2c07ed188a2e6d38a3b7ac729bc28e', class: "embla__slide" }, h("div", { key: '6578c8c9663d7d0bd6a8e7980565092e9269fc81', class: "embla__slide__number" }, "2")), h("div", { key: '6c88fa5ce07a009b46a3a8ca0d5213b9df3a0676', class: "embla__slide" }, h("div", { key: '74772c46f3437417efef32278ff9d9cb92033ba1', class: "embla__slide__number" }, "3")), h("div", { key: 'aa075a34d6b99d9a2b76018a6da168d4667180f0', class: "embla__slide" }, h("div", { key: 'd31adc6af31e3cf7039c3692939d7cb645583fff', class: "embla__slide__number" }, "4")), h("div", { key: '3b89c9a08df708d8f7f8700397a28d2e1676ceac', class: "embla__slide" }, h("div", { key: '7f8ee18821c5476cb468d2a83b067dbfafa18d41', class: "embla__slide__number" }, "5")))), h("div", { key: 'c2764da8c4d9f4d17bd5fffc4016c70a1ecf3552', class: "embla__controls" }, h("div", { key: '72e20f6a9c48380861f856f67e48e7c23758ecba', class: "embla__buttons" }, h("button", { key: '4c32a600c3618cde98e96add6be0bb5f6b3bb613', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '7160cdb032e4b67e9f545d84882d661000f4ad7a', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '779ccf6a7159465c8466a8aa133bc4a1e43f00bd', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: 'ca7f99c8efb668c3431e429738e08f8426cb7301', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'bfa44646a9510e08c605b8a9e5a0653c4af62505', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'fb0e3c105a12651544c083c28ab2a47822a244d9', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'fc6246271312cf8721d7d5dfc6689c3852b67ff8', class: "embla__dots" }))));
+        return (h("section", { key: '570d83c85e58b5009f42ebce4b57cb6e02fe30d4', class: "embla" }, h("div", { key: '619322c515830d486f463ee3567ccf3d6e848122', class: "embla__viewport" }, h("div", { key: '9957880649b602280da659241865576b3be61740', class: "embla__container" }, h("div", { key: '33a5fe6a19aed44690d7719e80213997415c1e4c', class: "embla__slide" }, h("div", { key: 'ec98e6742b8bcfbcf28e4eb6b03e27b3763e3318', class: "embla__slide__number" }, "1")), h("div", { key: '726b8429858f89da647d4c59c49bc2bd20527186', class: "embla__slide" }, h("div", { key: '922597ce56e09a28732fc637a9a2b263d74506ce', class: "embla__slide__number" }, "2")), h("div", { key: '4ea3c927a4bef78732c06b638445f9fc65adcddf', class: "embla__slide" }, h("div", { key: '920b4424f4556f95049dfc6f123a6bb573659870', class: "embla__slide__number" }, "3")), h("div", { key: '85a655116d99f2d943450d12eb31001feeea367d', class: "embla__slide" }, h("div", { key: '76e448362e3cd53e391d7bc80cd2660075c58ce4', class: "embla__slide__number" }, "4")), h("div", { key: '521dac2537dd54e214bda5ce4962d081c0b1ac40', class: "embla__slide" }, h("div", { key: 'b5e22084b439ec476e115fe6c6ddc0d497c469ac', class: "embla__slide__number" }, "5")))), h("div", { key: '0fe534f525967eb43991a19a79d0deccebe0edbd', class: "embla__controls" }, h("div", { key: 'a12d9228c882aeb396edf728a4a89fd4b6ddae08', class: "embla__buttons" }, h("button", { key: 'bfa041ffb4be57f27cb493b0e780493c38ff9a8b', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: 'f1bbfc60ebc32c73aea3cfabca6da5e25a3a89e7', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'bbb331f1036d5ccb01baa7ae74106d239780b949', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: '1b0cd6a85a977d5c8d95711ba84f88609263ea8a', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'e4ceb67055d003f856911a633bad793a758b88e3', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'eac83fa44383eb8cc3b650955474144630292f68', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'e5471fe0eec776b42b017a362364440a512bd936', class: "embla__dots" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-chart-usage.entry.js

@@ -5,7 +5,7 @@ const DgaChartUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '83fcfefb7ac03770c9725bae73618aa92001ee62' }, h("h1", { key: 'c5bd1d87654d0b5d7e7aa9ea81079945294784df' }, " Chart Example"), h("div", { key: '1c6a23b8465b04b087d23f63a64097ba9cbe544a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6ccbcb7fbfa830ba6a3ae6e63dcc423f701e0608', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'd02a6838094bf10c9c118818fe8a688809a17432', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'fb9f0fe560ab9738095cddfa4ef106b645e67c3c', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'cfda6bcbc6056b5774085c6cc6dbc44d771ab2b0', type: 'line', series: [
+        return (h("div", { key: '91054295b8e1075c8f0cfe532107a163d5cd1736' }, h("h1", { key: '8347c6a77c34ff1043acbe5d7275cc0698952605' }, " Chart Example"), h("div", { key: 'b70e42f354aa66b85c563664a2a9e9e17353025a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9ddd8ef9e51cf481f284d8722b1b6f35a491768e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: 'a00aa0be180d54e27400f3918c6891ffd73fe3d5', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '609442d56c96b8da8069c02f26d61b4b3a758622', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: 'f756f8a16664429297ec264a66e4ec39ebe98d9b', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -23,7 +23,7 @@ const DgaChartUsage = class {
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '3b78cd315613e2d8383015b57b3a04d04de3f44c', series: [
+            } }), h("dga-chart", { key: '5d3fe0e2cf1f707b95da89c78c3493378d85b75b', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

package/dist/esm/dga-checkbox-usage.entry.js

@@ -6,7 +6,7 @@ const DgaCheckboxUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'a483cef3cb8e1955e389abe3f53ca4e56d27fa5f' }, h("h1", { key: 'd4eab69e583e72b6030a3a79b5cb7316328cc898' }, "Checkbox Example"), h("div", { key: '187b5c935ce2e3f6b03015e1d7f13b78512a3b9d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2ee93b117824c16d8320383414ad0e7b4efe74f5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '626761653edefee15bb9cca6267bf97718c55627' }, "test"), h("dga-checkbox", { key: '482686a7d0a8337d38c2a74589d3df856a438078', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '8cab965ec5043a8fd33af2399286ef50abcafa42', size: 'lg' }), h("dga-checkbox", { key: 'f25c38290b8294f33175d1cd0826d9c7427caf26', size: 'md' }), h("dga-checkbox", { key: 'eba658dfc8f3d0e5a539972b6e66fa1968fc380b', size: 'sm' })), h("div", { key: '317445602b2475b1f5faec1a60b616edc59d7d9d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c4e540214198e65b5f432db3c5bbc8158c81dd06' }, h("h1", { key: '338bb151722f1f32b745782ccf3ae74af30fe79a' }, "Checkbox Example"), h("div", { key: 'cda273202f63609b6ba5309fc72eec20ab2ca924', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a860342b975c3efe2ad9bb82351160baf52ae1ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: '6986b01315fefac2b69e9decc528ee6ca1182e6c' }, "test"), h("dga-checkbox", { key: '7de3fccd35c2d7c14243ae82adb8458c6d3832d8', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: 'da2dbc3ced0bd9991370a40d80b589d14cc9a80f', size: 'lg' }), h("dga-checkbox", { key: 'a71a5d2e0c963996cfbd4a3d74e66a131651af4a', size: 'md' }), h("dga-checkbox", { key: 'e360f109e741920d24ceffdb8e939877cc4f0523', size: 'sm' })), h("div", { key: 'ad09ab4003870d5b6af75e4c3bf8868bd8748d1f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-checkbox.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-B4CGwdkg.js';
-import { g as guid } from './index-DEtoWGOc.js';
+import { g as guid } from './index-OZG1OajU.js';
 import { i as isRTL } from './dir-CH66vbCC.js';
+import { q as minusSignSolidRoundedIcon, r as tick03SolidRoundedIcon, u as remove01SolidRoundedIcon, p as alertCircleStrokeRoundedIcon } from './index-BYA91_SW.js';
 
 const dgaCheckboxCss = "@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,.checkbox__helper-text{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,.checkbox__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.checkbox__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{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}.checkbox{display:flex;gap:var(--spacing-xl);padding:var(--spacing-none);cursor:pointer;width:fit-content;user-select:none}.checkbox-icon{display:none !important;color:var(--colors-base-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.checkbox-main{flex-direction:column;gap:var(--spacing-xs);width:100%}.checkbox-main,.checkbox-main__content{display:flex;column-gap:var(--spacing-xl)}.checkbox-main__content{align-items:flex-start}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox input:checked~.checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox input:checked~.checkbox-container .checkbox__checked-icon{display:inline-flex !important}.checkbox input:hover~.checkbox-container::after{transform:translate(-50%, -50%) scale(1)}.checkbox.active input:not(:checked)~.checkbox-container{background-color:var(--controls-control-pressed)}.checkbox-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.checkbox-container::after{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.checkbox--lg .checkbox-container{width:24px;height:24px;min-width:24px}.checkbox--md .checkbox-container{width:20px;height:20px;min-width:20px}.checkbox--sm .checkbox-container{width:16px;height:16px;min-width:16px}.checkbox--indeterminate .checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox--indeterminate .checkbox-container .checkbox-icon{display:none}.checkbox--indeterminate .checkbox-container .checkbox__indeterminate-icon{display:inline-block !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__indeterminate-icon{display:none !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__checked-icon{display:inline-block !important}.checkbox input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:var(--background-disabled)}.checkbox input:disabled~.checkbox__label,.checkbox input:disabled~div>.checkbox__label,.checkbox input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox__label{color:var(--text-display, #1F2A37)}.checkbox__helper-text{color:var(--colors-text-tertiary);margin-block:var(--spacing-xs)}.checkbox__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.checkbox__warning-icon{width:16px;height:16px;display:flex;align-items:center}.checkbox--brand input:checked~.checkbox-container{border-color:var(--controls-control-primary-checked);background-color:var(--controls-control-primary-checked)}.checkbox--brand input:checked~.checkbox__label,.checkbox--brand input:checked~div>.checkbox__label{color:var(--colors-text-brand-secondary)}.checkbox--brand input:checked:disabled~.checkbox-container{background-color:var(--background-disabled)}.checkbox--brand input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:transparent}.checkbox--brand input:disabled~.checkbox-container::after{display:none}.checkbox--brand input:disabled~.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox--brand.active input:not(:disabled):checked~.checkbox-container{background-color:var(--controls-control-primary-hovered)}.checkbox--readonly .checkbox-container{background-color:transparent !important}.checkbox--readonly .checkbox-container .checkbox-icon{color:var(--controls-control-neutral-hovered)}";
 
@@ -55,18 +56,18 @@ const DgaCheckbox = class {
         const { el, disabled } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
         console.log(dir);
-        return (h("label", { key: 'fb6b969aef155dde4f2d738de3ea9ff5265a6e94', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: '914bef532c5b8db2f14286da148559cfb9e01a05', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
             // onMouseDown={this.handleActive}
             // onMouseUp={this.handleRemoveActive}
             // onMouseOut={this.handleRemoveActive}
             // onChange={() => this.handleRemoveActive}
             //   htmlFor={id}
-            tabindex: disabled ? undefined : 0 }, h("div", { key: 'ea7e331063fa602c0623a54730ed5372478bcadc', class: "checkbox-main" }, h("div", { key: '7fd46f7b864cbb0fd6dff1cc811f8750a9b90a4b', class: "checkbox-main__content" }, h("input", { key: '8b91b1d4d92f466fcaf482a6430355d01ec12970', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
+            tabindex: disabled ? undefined : 0 }, h("div", { key: '9da5b55a5d2f723c855b8763d23dac56a053b4c3', class: "checkbox-main" }, h("div", { key: 'b495d64ead27edc57fdfc14ea8d1fcfcc4f5f9ac', class: "checkbox-main__content" }, h("input", { key: '551676bc6b093fede2803a2be402d1fc0764218f', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
                 var _a;
                 (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
                 const target = e.target;
                 this.isChecked = target.checked;
-            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '0861a898baed971cfa05bebd78e2e144d2f93e2b', class: "checkbox-container" }, h("span", { key: '479121d60813596ed911796343bc7c8a4923cc17', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { name: "minus-sign", variant: 'solid' }) : h("dga-icon", { name: "tick-03", variant: 'solid' })), h("span", { key: 'c7ddd8a5b5d76ba1fd01fca3f36bb47444167d4f', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: '4c79a608383ea3b82c87af7e43967e1c5a699c05', name: 'remove-01', variant: 'solid' }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '3a65415389abd1cf4d2d58562983340e56d33fc5', class: "checkbox__warning" }, h("span", { key: '5b54b220259eeff1437b05e016817d82396d4597', class: "checkbox__warning-icon" }, h("dga-icon", { key: '4d37f4f3d94087a541708f7f9e528f30e30b7815', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), h("span", { key: '7e09ae705af6c739745aa1e33857b325fbd1acba', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '73271ba2c977965bc2f0adfa36a8a5c38bfa50d6', class: "checkbox-container" }, h("span", { key: 'e923228b8e5b0c284c43ddf780d63869035a12c8', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '6a5d54480965d27fe58febee30b25f44b3bf10a8', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd7fd216760b839fae1c39c3cd1774fcaea918e92', icon: remove01SolidRoundedIcon }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '491e606096b61f29761871b03750771673ae5f4f', class: "checkbox__warning" }, h("span", { key: 'c5c9d4941f05c095168fb0c88eb76c236b662d1c', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'd87ef6bab51cdb6d2cf5e045a5e236d64e4fa8b1', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'e76e886ef019852b2b5a0eb4dbac9e14aefb05d7', class: "checkbox__warning-text" }, this.alertText))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-chip-usage.entry.js

@@ -6,14 +6,14 @@ const DgaChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: 'c0cb1834eaaff03ba4cb9b329ec22e9ed3c9cdfb' }, h("h1", { key: '3a05c745d94118fd7002bd63fe3ed62e91e50199' }, "Chip Example"), h("div", { key: '74ea33ae9252d1cae19dbc28c1b97c86efdf1ded', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '623dac617ae8b9552d5fad9355d7bab9701084c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '2606f54245d558b4dfe24298143608d2a30e0ba5', label: "Label", variant: "neutral",
+        return (h("div", { key: '4f3225eda2ba0964283fcc461a3313e7b5325a55' }, h("h1", { key: '7c93c26c7ec9783ddc162d0b4133217d0e3ba8f9' }, "Chip Example"), h("div", { key: '4c464972bf6f0bebcd19e727e27e69f213819173', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '925542151aa3e2adc88ad46b9d6a73ee5d9d5945', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '3c380828ee5f01bbc769e6249e477e40df77bd97', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '255a9afaf7fbdd82a639733fbd46893a26511458', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '2ac92e848223d91f7e8a41eb26e455608e7b2ba4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'b4a44153371408b2a783933b2279ad441fb6641e', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '74066d05156ae4b751106842ac0a7a15b6e90ee3', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: 'c68b763fd3879f0944c3dfb7beab99726bedee4d', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2fe9ec7c64d54558adc8f0983f0afdfa3f73ebf7', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: 'de3ccba82e10f0f190da26da87a0342623b81717', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), h("dga-chip", { key: '4ad070b0ed242b87171ab2b2b070aca38737985a', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '100091c180a352409c696f8894fc3cb6c16c72f5', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '9aba190cc90dbe6114f447e1990f7f80dbf27f99', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };