npm - @platformscode/core - Versions diffs - 0.0.43 → 0.0.45 - Mend

@platformscode/core 0.0.43 → 0.0.45

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

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

@@ -8,7 +8,7 @@ const DgaInlineAlertUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '8a0d2a49d15fbc55046a4049ae737b7d941210dd', dir: 'rlt' }, index.h("h1", { key: '853c65729de18bb7b3f168f84936619ed28fc74b' }, "Inline ALert Example"), index.h("div", { key: '967fa59b4017997f6ce42624a2b2d2de23646cfa', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'b53fb09470ebe141d1091f5b4ecc72f6ce84209e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: '06a700bc70698258ec4e855835b1020f52ab59ca', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.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 }), index.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 }), index.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 }), index.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 })), index.h("div", { key: 'a1caca30371a1393c7c33df8fc912564380901e6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '56669528587c10d496fedb73a0eef9f1d58dd555', dir: 'rlt' }, index.h("h1", { key: 'f0c4c8a447aee5b1e0686424cf1e59e163940ac7' }, "Inline ALert Example"), index.h("div", { key: 'b47de85f885b67e12f12e2a358860c2e0763f8b2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '210209abea6e4efb2dcb52dda33297bb019e29fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: 'b4ce17d89d0185f29dbea63ad5f30abfc2086d13', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '4fca9ffb36394ecdf87232b8ae9f49a0b14a9697', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '5de445056c8d6c833a0a8f5bccda9d2f4c869433', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '0e570df90a5c19a06862a80e8757e183dd1da5f6', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '99ebf76708236f13f3f6c33eccac9c924953a03d', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), index.h("div", { key: '4b242f67c9d5857a74c538179742b734fe569e0e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

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

@@ -22,9 +22,9 @@ const DgaInlineAlert = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'cf31fdd990ac2405d139c84b31103753e3a3cc86', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: '79dd235b6e16da480894aec2659d0b951296bee9', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: '1762f1290159341040b50b2ff7a35504b47beb0c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("dga-icon", { key: '53cd5e9ddfa85a93c49a8fd223447ac12d2cb670', name: this.icons[this.type], variant: "stroke", size: 20 })), index.h("div", { key: 'fc0f70fadcf82aee08de90b2377ed9faed07dcfa', class: "alert__body" }, index.h("h4", { key: '5e30c0ccc81f9d1e9f80afbacb8f44bb59c83b99', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: 'c449f978f57877792783c3ba8f48c5de47cd1fd9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: 'd6de8d168f45954d9759543d23f55ac77292ee31', class: "alert__close-btn" }, index.h("button", { key: '5dd488e3c55dd653135c56cd23d0e73f08a7dede', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: 'df2ac196ba828d02985da95357e8618f87b9aa66', class: "dga-btn-icon" }, index.h("dga-icon", { key: 'dfe8a7eb3a8f3bf859f3b0e22f1a912469eeccc0', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: '461782a42956e4df6150c6a2236bfa079273d0ed' }, index.h("div", { key: 'bdbf9703075d02b4e1bed0d08746f104bce33ea1', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (index.h("div", { key: 'b7cb4e65f9b9c7e963d8abc5f847fd2896a11749', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: '319623040dcbf2209c524126aa6decbc1938e7eb', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: '837a902f0f891f4013536984d32b202001447b08', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("dga-icon", { key: 'd182ff0147be8d8d7ce3c0111d9de77d1e9e6349', name: this.icons[this.type], variant: "stroke", size: 20 })), index.h("div", { key: '8f996157e5857a1490688c99628bb06633e013d8', class: "alert__body" }, index.h("h4", { key: '3968c03edf738831800c4f564f29248230b2acb4', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: '49494ab20893f6c2d0a7e7b7bba131376baec607', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: '3bbfbd70712c26fd8de1ee2a94056f3a15528634', class: "alert__close-btn" }, index.h("button", { key: '2756798c4124c8a3d1c6011b62d6181585c788f3', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: 'c383def520ebd1223d440b816b5417184eabd1d4', class: "dga-btn-icon" }, index.h("dga-icon", { key: 'db7797fb7f48249b8332e0adcbe162c20ba4d0fd', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: 'e3eb6dd7470f9a70bd400513d9480f1c8692e5ee' }, index.h("div", { key: 'd945befb593a02ffe476a1625db8a556ff0c90f3', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), index.h("div", { key: 'cab7651a92e0cd1345b527cdb6ade1902b98cda7', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), index.h("div", { key: 'b8a542d8f45b761cce5c43c1c2c8424dfee740b6', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

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

@@ -12,7 +12,7 @@ const DgaLinearProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (index.h("div", { key: '56eb9a21d71f90c0541fbac931584d569985dfe0' }, index.h("h1", { key: '50bdeba1789e166b339efcb2957c9b7402e8c7a9' }, "Linear Progress Bar Example"), index.h("div", { key: 'd1406ad25cb5721c6aa4ffe1ec5ad73fde7c9185', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: 'b5058d47bc56b3ff695af20d6ce5c404bedc4c32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: '728511b00d0e1f126e7579f628e0c089c2a2622e', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: '2df4506577e4270fe69ed6db1c65d0c6cab08cd7', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'b85cbd069a5054d38c4ed226146c916ba53c27e5', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '77979314eb42429e6ae0e11de7182093a388b9db' }), index.h("dga-linear-progress-bar", { key: 'e92e7e628495f157d46cd1b4c1052442425798a2', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: 'c4e72d10ce94d71b2efda207a0093c8ab3949553', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'e4f434b11022acd3f45c1d3a87b543e36cfe26ef', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'df620bf2a35760d8a12ab67dff237ba7467a79e4' }), index.h("dga-linear-progress-bar", { key: '9f9ccc67c870bba76011d1092d92eb88329221fd', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: '948785cc6f3d1c23a9b75200829a4ddfd60a34fa', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'e7c3a4a3878aceb7936513e721bce4a3bd337aa0', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: '62675273d25506389b47672d38167c9ed4c3f527', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: 'e1f4443ab0a96ad962db2343eb5f30a34afcca04', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '4d59bc98f32258aea9b5e4b4693331973ef20c2e' }, index.h("h1", { key: '832d234b9671c733b73cf8b441e8a5da38149b0d' }, "Linear Progress Bar Example"), index.h("div", { key: '4d760937a71e3d41f8173530cf75f0b80d99f781', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: '61f0ccf160133b60b862cec0bce8c1a3f55c9d27', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: 'bea542fd2e62cc35c63d2f6343bb7822d2992a38', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: '880530d09601fee19ef09da3f26aad1d64330f55', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'd455dc8a54fe5502cea1780adfd731a04b032e56', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '7c0598bf9a5efeb81396aff8232a6bb325d496e9' }), index.h("dga-linear-progress-bar", { key: 'de07d11d03755bb6413b921035e39aa5a8c99527', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: 'e50a796c5f75c05cd97502e6caad9949594e1a90', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'ac0c90c070729212ac6ba5f519007fc984dab26c', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '524d5af819bc0a833ee047be76cef75a33576a91' }), index.h("dga-linear-progress-bar", { key: '1e48d86178ddf001e68082d0e47a783ec97c13dd', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: '0a70c84a0a35206c2fa9e43db76aef676e43f191', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'f7a81ec87a4f726ae7ff56740024e5e3c8638bae', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: '6f359794456dd1dd697755e242994b04224e5621', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: 'ca0ec913f7ddf4dc469a32e9074968b31c703d85', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

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

@@ -1,6 +1,7 @@
 'use strict';
 var index = require('./index-CgKhFr-4.js');
+var index$1 = require('./index-11dn1amE.js');
 const dgaLinearProgressBarCss = "@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{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{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}.progress-wrapper{display:flex;flex-direction:column;gap:4px}.progress-wrapper h3{color:var(--form-field-text-label, #161616);font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:\"IBM Plex Sans Arabic\"}.progress-wrapper .progress-bar__note{display:flex;align-items:center;gap:8px}.progress-wrapper .progress-bar__note .icon{height:16px;width:16px}.progress-wrapper .progress-bar__note .content p{color:var(--text-primary-paragraph, #384250);font-family:\"IBM Plex Sans Arabic\";font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.progress-wrapper .progress-bar__note .content p.error{color:var(--text-error, #B42318)}.progress-wrapper .progress-bar__note .content p.success{color:var(--text-success, #067647)}.progress-bar-container{overflow:hidden;width:100%;background:var(--background-neutral-100, #f3f4f6);border-radius:4px;overflow:hidden;position:relative}.progress-bar-container.sm{height:4px}.progress-bar-container.md{height:8px}.progress-bar-container.lg{height:16px;border-radius:8px}.progress-bar-container.lg .progress-bar{border-radius:8px}.progress-bar-container .progress-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;color:white;font-weight:bold;border-radius:4px;transition:width 0.5s ease-in-out}.progress-bar-container .progress-bar.primary{background:var(--background-primary, #1b8354)}.progress-bar-container .progress-bar.neutral{background:var(--button-background-black-selected, #384250)}.progress-bar-container .progress-bar.error{background:var(--background-error, #d92d20);color:var(--text-error, #B42318)}.progress-bar-container .progress-bar.success{background:var(--background-success, #079455);color:var(--text-success, #067647)}.progress-bar-container .progress-bar .progress-bar-text{color:#fff;font-family:\"IBM Plex Sans Arabic\";font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:0 8px}";
@@ -27,11 +28,11 @@ const DgaLinearProgressBar = class {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (index.h("svg", { key: 'ad3cd132ce762b4ca230b3d061f8548dfc8e6743', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ddf57d87c872b95f615ad514c32d6a9cdb2fcb89', "clip-path": "url(#clip0_17869_405)" }, index.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" })), index.h("defs", { key: 'd2caa8d45c1f3ccf746319965af923e42666b674' }, index.h("clipPath", { key: '892c8b48fd6273ed40c9c31bc37974b877985dd2', id: "clip0_17869_405" }, index.h("rect", { key: 'af315330c6ce48312464ab6f2682b6e61c0cb202', width: "16", height: "16", fill: "white" }))))),
-            primary: (index.h("svg", { key: '2150fe4cad8756cfe448270a4969af9b0141501d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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" }), index.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: (index.h("svg", { key: '833d5409de4d166a775617c8a8aa6330adeb01ec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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" }), index.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" }))),
+            neutral: (index.h("dga-icon", { key: '78d6026f112bd80e6c2b99f2be5ef4f78caedac2', icon: index$1.helpCircleStroke, size: 16, color: '#384250' })),
+            primary: (index.h("svg", { key: '9e70dba73911dad3690715901795447fc65232eb', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'eb4a1a819f14fde8d1b097708f85967fdb6d01cc', "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" }), index.h("path", { key: 'f787d69a6c3de2ea558d5c4223abad57d1672c98', "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: (index.h("svg", { key: 'c33bfd46ee7d6ccc0747115ff588227ce636b995', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f3639bdd8d4a58093b64e7b2742f65dd40f3e574', "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" }), index.h("path", { key: 'beb6af2075961b8e924d32c163269632a08a1eca', "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 (index.h("div", { key: '0ed22f0040c913ee8c47c8fcb6b09ad91a65516f', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: 'c20c5c2a65240ebc957f11d9140b0c913cba8d82', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: '0bfa2a34aadfee76ea1d389f01d45073e94fd719', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: '203f19f4b25fe4863d1003c0fef10e2fafc56016', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: 'ec9b40fcaa22c7d95fd4af0d3ade0c93dc87d1cd', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: '407ed36553eeb1b9efab3b20a80f46af0a4e387a', class: "progress-bar__note" }, index.h("div", { key: '99bcd695030873a3ece53c3a124f03a30c88baf0', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: '9174d49de14f09c8dd0bdffcd38311dfb71a88ab', class: "content" }, index.h("p", { key: 'b5e63429f70fc732dd23a127ef3221364e220381', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (index.h("div", { key: '161eb9a4a1b0bea04d5ae742ab69a211e2708aff', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: '5d80affb94aa0dc700a6da1f4d08d22d243d8568', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: '2c86413756141cd140f439d8777dd8b0f5195ab7', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: '5a4ba5250bd256c2cb5f78add3d02e4749da4112', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: '9d301102d872632879dc36abbc4d27e6849c9921', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: '596691efaf614a081d6261c58afd33d6e4707aaf', class: "progress-bar__note" }, index.h("div", { key: '1cf04ce13c23cb9e99129c3dcc59129607099491', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: '1e99c404435028238cb5808f9a66073b4e6061c4', class: "content" }, index.h("p", { key: '6e904b1099c19db42ee30bad5b095569a2f34908', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
 };
 DgaLinearProgressBar.style = dgaLinearProgressBarCss;

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

@@ -8,7 +8,7 @@ const DgaLinkUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: 'd3535c59ad7d9ee7b8c572371185d8a1d6f904d3' }, index.h("h1", { key: '69a9746a46fdff8283e019fcdded2b05e3c58d58' }, "Link Example"), index.h("div", { key: '4d38ef7601e90cfc0590614faaaf52a886e74ef2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'a7474aa9ebdba9deaea67d947ce73399ed8052ff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: 'bcd7aab3f2a8f87903495a7bcaade15363565c19', label: "Link", variant: "neutral" }), index.h("dga-link", { key: 'bd0b0a8cbacde7f58456d23895cae933f1c3cff0', label: "Link", variant: "on-color" }), index.h("dga-link", { key: '216150826f3a66dbdcb7e3f4dd57d43a9e64751c', label: "Link", variant: "primary" })), index.h("div", { key: '6e963385c72e429521625fc766d3ef30f7daa14b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'ae6430e8624f6d5e04b7feb45caef048f63d9a0e' }, index.h("h1", { key: '6211504ca0daac56441827544f21ffb788a9bdfc' }, "Link Example"), index.h("div", { key: '3703744a3fcfdf29a55a2f571a7db7054a203a5d', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'd0684fb2360f188f25da34a13b2ae90eb24b9ab9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '8973cc89e026ab2dc09ab44b263646373f7c308b', label: "Link", variant: "neutral" }), index.h("dga-link", { key: '418747d322721e5d1a5a1e3d23f671456f018cdc', label: "Link", variant: "on-color" }), index.h("dga-link", { key: 'ca7921df75e691f1b6d3e8c5778c827051b7e36c', label: "Link", variant: "primary" })), index.h("div", { key: '9b68ee4d2183255c0804d35b9b074cb845f1c455', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

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

@@ -7,7 +7,7 @@ const DgaListUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '333055f1445a491712e754528544eefcb1124cca' }, index.h("h1", { key: '55fc6ed6c9bfc52d31292754caa835704f7ae84e' }, "List Example"), index.h("div", { key: '200da3bea75948a48774fc267f0a9abd8c5519e1', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'def847a3f277b0d375731322d37e157ebf45baa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: '5abfa0eecf96cbc497d6cb8f65c3bfb75e71cc4c', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: '881d17816f0f7c5702620d6780770615e0e891b8', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: 'b27d47bef1319b58ba0efeae7db2dc67b1dd13ec', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: '1af4e569e6cc8cba15279e9a563033b89cd726a1', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: 'c22fc6afc19adf3196946afa84b53b94cbe70679', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: '2622b17ef4d6b551e69fd553ed04ee20d5341f19', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: '6589813c6ef152ac4d2bbbeebfca593635f049d4', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: 'ff1fc6b39742f15904194497804eca755a974ea4', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: 'a3216f0c92a10572435b79bad45c92a2b5370cb4', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: '8eed6a32e3ba3ed88c794d5a2219cecf1c39ab2f', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: '9e22e64ae91a952dba0cf8c6906f38bf4e54d104', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: 'fbb8df316254deb99fbe877c2e9f58e21d45d71c', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '8320d065049e7849bf3ee7570fc3edee693fddeb', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '56fc2bbf243d3ea3e69650eed85d503b681b365f', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (index.h("div", { key: '8db57f2e0a6544e2ce9e054099b826aed97ea15c' }, index.h("h1", { key: 'd4346b50e6630fe597aca8a2869a395f1cc0c674' }, "List Example"), index.h("div", { key: 'ec79864ad333edcfaae2b4bdb0ea9278c7185106', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '692a3127ae0df2a53b2a179d6de47cc6c1473e74', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: '7c99bbb377387a8471f7ec9fc5d1b8391329f618', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: '176e5452f4568694803bff6ce01f5ce196615340', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: '00b980f700316f3178cd68fd5db9cf483333a361', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: 'd7d413ddd06f0590952e81c06f03e3a36e42bd1c', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: '41b627fedff2b3395dfc01d4bb1b23a936b4f1d0', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: '286fb71cf5b60a78443ed2673b9d75ce67246ea7', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: '21cdd0b30741495cc5fea6f7b7a9431e09888bfa', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: '4c8d437b8fdc9aa1b3f8ed44f7e5b4c0cbdd93ac', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: '54a20882507fef620070d8d568725f3ebc18f1f2', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: '0e861dd0254a874947122608a0db9405559b1a3f', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: '46c40db17e103689343af422eae1c7204f988910', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: '16a30bf6a79dcb1f92d7a266d2ecf88233fada28', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '3aab9bcdfa3e014f96a1d2a310136bd7307241be', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '8a125fd2677e3bc7469099a55ed5ec18254eadd5', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
     }
 };

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

@@ -19,7 +19,7 @@ const DgaList = class {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (index.h("div", { key: '7d95361dcea178a59da32b4d08bf7f0560eb3d48', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '0344d56c05bb2edaee1716489128994fd076a0bf', class: "list-title" }, this.title), index.h(Tag, { key: 'd7e8b8e2a3f2162f9b0c6b25e9a6025d44f0ea71' }, this.items.map((item, index$1) => (index.h("li", { key: index$1, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (index.h("div", { key: 'ba7b015bb0d4e6e8cec66784c58a314d67ac498b', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '3a98e09f9857f7c6bd1642aaec623760ca2c3414', class: "list-title" }, this.title), index.h(Tag, { key: '8e71a150258eb13aa0f99c1e787f49fa67ea7ab7' }, this.items.map((item, index$1) => (index.h("li", { key: index$1, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
 };

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

@@ -8,7 +8,7 @@ const DgaLoadingUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (index.h("div", { key: 'bf58955c9fa97077b7e15aea084429b2f711d4f9' }, index.h("h1", { key: 'eaf082fa93ac33b2e10a6667a09b6a50015edd14' }, "Loading Example"), index.h("div", { key: '73586bff09c11cf8f921840408bcc75a93afb3a5', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: 'f4d9cc537d1deede62091c6b1a6c85598d8fcd18', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '013fa149d371c83070897c04ffdbd120f0ecf4eb' })), index.h("div", { key: '769c7a6ab524a4469f98615e9cdaaa01c4c3acf3', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (index.h("div", { key: '72f77ca84e532d1a0734fd2cab6c022114d29835' }, index.h("h1", { key: '42885d84f0eef84a083e0f2b4b071816a634a3ad' }, "Loading Example"), index.h("div", { key: 'f703f139fe9c017fd57ce9afa354501bc9a4524c', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: '4bdded490a427c4e1eb163981d37094630516e8e', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '1d24bd693948dac035958c11563cda84cf760c7d' })), index.h("div", { key: 'fc54e0d0c32ac633a8cce7543529832854fed5fa', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };

package/dist/cjs/dga-menu.cjs.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const DgaMenu = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: '26bddcf78184796ce02fcf705488bdd613cf6949' }, this.open && this.anchorEl && (index.h("ul", { key: '6c65291898e68652253898973e165b59093c7aa1', class: "menu", style: this.getMenuStyle() }, index.h("slot", { key: '8aae03b4774f80523c472f18d8d023db87d2590b' })))));
+        return (index.h(index.Fragment, { key: '8138f82cd1f35a05b549dfdad0ee9cf1e547ef72' }, this.open && this.anchorEl && (index.h("ul", { key: '0a64088429fec52ce8fa6ea88edfec7d963b1ffc', class: "menu", style: this.getMenuStyle() }, index.h("slot", { key: '2307a8e5377df63ac97b56e87d9ff39c82853a73' })))));
     }
 };

package/dist/cjs/dga-metric-chart-v2.cjs.entry.js CHANGED Viewed

@@ -65,7 +65,7 @@ const DgaMetricChartV2 = class {
     }
     render() {
         const { x: markerX, y: markerY } = this.currentMarkerPos;
-        return (index.h("svg", { key: '21cb7639e1bb84c5a07cd7228503c6db8b88960c', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("defs", { key: '5fbdc79365affcc8eff80dedd4a5a6a2e03001f8' }, index.h("linearGradient", { key: 'cacaafbb7da16fdbc8e23f15d0f089210ce9573f', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '50db3958dd54b513043360dfd29baa76a157bd50' }), index.h("stop", { key: '8f99ff9c56ccc69cb24689ea464311cf3fc9d5ef', offset: "1", "stop-opacity": "0" })), index.h("mask", { key: '6cab4fc69cd585ed810ce6e7c79531f37ce32ea9', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, index.h("rect", { key: '84c771ca83db1990d02db3c1604eab70619fd380', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), index.h("g", { key: '5b83567dfc8cff62ba9610fbd6088847991dc11a', mask: "url(#chartMask)" }, index.h("path", { key: 'ef3226d18157e6d3551981bc2f28d0e373297109', opacity: "0.2", d: this.areaD, fill: this.fillColor })), index.h("path", { key: '9751032b599180fb3350879dbccacedd35cde80a', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (index.h("g", { key: 'a0a87660359ed63d98a5c187a263563d06db5f1a', transform: `translate(${markerX}, ${markerY})` }, index.h("g", { key: 'aba29f5af07db2022089691c10b509003664e2da', opacity: "0.2" }, index.h("rect", { key: '60d64614d2fe846eb57cff6c7af88e77e8dc2da7', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), index.h("rect", { key: '6b0269e79dac44fab9456f89bc4bb8f5493de5b0', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), index.h("rect", { key: 'd3f2b7ab612f3554b51ada107af3966fd426d1c8', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
+        return (index.h("svg", { key: '61295f4b1633aa57c77ca55a7ffc09b5d69ac3bf', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("defs", { key: 'dbc5febd01f61f26d058b280d1e1a307014af782' }, index.h("linearGradient", { key: '202b1b5e3611e66e5015121e28831637644d1283', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'beb93332b61e578121dfdcad5fb0579287b7be17' }), index.h("stop", { key: '6bf4366472f3a662eb0b62ed5bd0e2f6815deac4', offset: "1", "stop-opacity": "0" })), index.h("mask", { key: '82ae03585494883ed04f911bc964a0fda69ee9bb', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, index.h("rect", { key: 'a60fb5d602352d5cd382a8c8fddbbd115fd20341', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), index.h("g", { key: '8f560ce20d4984d96cf5bbf361dc911083bd4018', mask: "url(#chartMask)" }, index.h("path", { key: '3341ae6de91fd75f3ac17132209c6008f7ff4ec8', opacity: "0.2", d: this.areaD, fill: this.fillColor })), index.h("path", { key: 'dea4c54841b2e27c133ccbee5490c1fff1a14744', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (index.h("g", { key: 'a44c3c11fe7019683048be916cbe342eb78efe65', transform: `translate(${markerX}, ${markerY})` }, index.h("g", { key: '27d3b6532b6b030e1551259fc0218831e3859b27', opacity: "0.2" }, index.h("rect", { key: '531bcffb90505d9f94c74f702340541267120f1f', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), index.h("rect", { key: 'e99e32a340fbe239f6a7a63d5f2af5a73eead7fc', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), index.h("rect", { key: 'd3299793a8de81b6b0001f08661ab3c596e8b09c', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
     }
     static get watchers() { return {
         "data": ["dataChangeHandler"]

package/dist/cjs/dga-metric-chart.cjs.entry.js CHANGED Viewed

@@ -61,7 +61,7 @@ const DgaMetricChart = class {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (index.h("svg", { key: '6e0e53da9e43dfed03b40b987a62f83893ea546a', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, index.h("defs", { key: '7d5cf14f37fd3273a262abc279017136407e7334' }, index.h("linearGradient", { key: '5e1d5bfe2c22e62b37e6aa76b92b3f17f43c53c3', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, index.h("stop", { key: 'e8a9ef5cb36775b8e8883941c828ec70090c7d5a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), index.h("stop", { key: '76df9718b5edb53c6a24585f0a9b9d101b400579', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), index.h("path", { key: '5f2f736807d130c7fd3b0f7c802d5d1249b5c698', d: areaPath, fill: "url(#areaGradient)" }), index.h("path", { key: '830d65dc2186a1616f8c05eb2856e80f21814cde', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (index.h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (index.h("svg", { key: 'e8c92a07bc783cf346245b5c0fd45fa20d5a4d38', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, index.h("defs", { key: '0a6963dafb66578199bfb0cf5a4c068fb6dbccaa' }, index.h("linearGradient", { key: 'c0e3943bb8c1916df90aec6e91c0af86abcdf50b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, index.h("stop", { key: '3644f8867f235f896946c534ed380c2d9881b994', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), index.h("stop", { key: '78cc31e950d3bc06df1932f2c96989f25f55296e', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), index.h("path", { key: 'd40cacebc52b608f71284ee05a810227a71ab545', d: areaPath, fill: "url(#areaGradient)" }), index.h("path", { key: '800293db958132d8ff65546c57d434596eb48113', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (index.h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get watchers() { return {
         "size": ["handleSizeChange"]

package/dist/cjs/dga-metric-usage.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const DgaMetricUsage = class {
     }
     //   @State() variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral' = 'neutral';
     render() {
-        return (index.h("div", { key: '6ad33030f3c6b2bfa0d5a6335dc7da2fb6329344' }, index.h("h1", { key: '840c70c1184b6cef0ff244625f9d0f81e762b57e' }, "Metric Example"), index.h("div", { key: '254ba7be1413a89752672db5db2d9bc8513e2ec2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '37b2eee502974e1baa435385d3493286a2821f24', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-apex-chart", { key: '64d9cec17f91b0caf327bf37e9e23ca73920592a',
+        return (index.h("div", { key: 'f0ce370e84c56d2d15eff9e22e345d44003aa4b2' }, index.h("h1", { key: '0944d8ca19b177f6bdfe4241c08be44449bb81d3' }, "Metric Example"), index.h("div", { key: '80671c55b7d57c488a2aa175e81ee5e12044902a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '98cf4a9c27d27ddaed253a21a669edc3f1966e29', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-apex-chart", { key: 'a2abff840c8787e13a6fc67ee0a631a414483f1e',
             // type="donut"
             //   series={ [{
             //     name: "Desktops",
@@ -100,7 +100,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: '983adc91525b44d33f817c98cb33f1207b47c397',
+            } }), index.h("dga-apex-chart", { key: 'c62d5dc10c5002ca81b5b76caecdb46c3ca06194',
             // type="donut"
             //   series={ [{
             //     name: "Desktops",
@@ -192,7 +192,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: '39b62eccb5959336769307c7c89864e6aaa41cc1',
+            } }), index.h("dga-apex-chart", { key: 'c3a383ac592d478714b3b1cc10b8b2693f3a65ec',
             // type="donut"
             //   series={ [{
             //     name: "Desktops",
@@ -284,7 +284,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: '3d5839ca4a8020f42bdd8f70af1d26966a31ab3c',
+            } }), index.h("dga-apex-chart", { key: '82620d7790ee68705ed3001d0222ed52438a8f4a',
             // type="donut"
             //   series={ [{
             //     name: "Desktops",
@@ -379,7 +379,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } })), index.h("div", { key: '7d01de739fde8ac5ae26cf84af841c01ca1ce01a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: 'cd8b7554c32738035d244c1bfa097906dde1bbe3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/cjs/dga-modal-actions_5.cjs.entry.js CHANGED Viewed

@@ -17,12 +17,12 @@ const DgaModal$3 = class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (index.h("div", { key: '917da3b25b852033fd2764d9006e3cf4192c4611', class: "modal__actions", style: {
+        return (index.h("div", { key: 'a00ce062118d9d77de1f94f1b4635637c773d49a', class: "modal__actions", style: {
                 display: 'flex',
                 width: '100%',
                 justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between',
                 flexDirection: this.actionStack ? 'column' : 'row',
-            } }, index.h("slot", { key: '43b923378e17e3e5f856505362930008b7b9bee8' })));
+            } }, index.h("slot", { key: 'e749d55607acf3d5ec9adc7193d4b0b316ba3262' })));
     }
 };
 DgaModal$3.style = dgaModalActionsCss;
@@ -34,7 +34,7 @@ const DgaModal$2 = class DgaModal {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '881d9bbcf8e6da5cca75cac84c910ad719e13826', class: "dga-modal__body" }, index.h("slot", { key: '32d3302c5f439ef88959dab28be38d706ef434a5' })));
+        return (index.h("div", { key: 'fac4785425531aa021e9eaaa07db412adb35984e', class: "dga-modal__body" }, index.h("slot", { key: 'a72a494979bd339b3d0a20dd9e33de8c3e45bbc8' })));
     }
 };
 DgaModal$2.style = dgaModalBodyCss;
@@ -74,7 +74,7 @@ const DgaModal$1 = class DgaModal {
         });
     }
     render() {
-        return (index.h("div", { key: '33091668f8d1ffbdc360cc7bce97e032a82fff2d', class: "modal__header" }, index.h("slot", { key: '8df35b13806ccba2ad6d2fc3f5908479b5717944' })));
+        return (index.h("div", { key: '4bd0e97f8268e740b761f48a42f9fbd71328c8d2', class: "modal__header" }, index.h("slot", { key: '172925a8859b379fdc4443a796a8621a44ff6de2' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -87,7 +87,7 @@ const DgaModalTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: '45eeadb4659bcb298e57fc188b66581645906bf9', class: "dga-modal__title" }, index.h("slot", { key: '51d3d23ed648679fe002f02fdb961904f8598e5b' })));
+        return (index.h("h4", { key: 'ec18bd29b3fa34f5cd1af89865f0464547bf318d', class: "dga-modal__title" }, index.h("slot", { key: '9855c31251d40b9f7d19cd5c2b0a83200cb976d0' })));
     }
 };
 DgaModalTitle.style = dgaModalTitleCss;
@@ -144,12 +144,12 @@ const DgaModal = class {
         });
     }
     render() {
-        return (index.h("dialog", Object.assign({ key: '15f4274a2cf22af74a0472cc3ac75f46373b9eec', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: '15d03cc35ea194128005006998372a91f3a81a59', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (index.h("div", { key: 'c32ffbaf640869cd5e0dd3f82b2ac5d980269eb7', class: "modal__close-btn" }, index.h("dga-button-v2", { key: '6b613b9c7e8c79486519167e6c65849851d2c160', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h("dialog", Object.assign({ key: '910fca105db1da0503ca2c064dc3b75cabd03d2a', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: 'ab995885a34b3246f1ceb197bfabcd29f8b71033', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (index.h("div", { key: 'd88f8036a025459bb58a2ebe7e4a5fe1832c9ce4', class: "modal__close-btn" }, index.h("dga-button-v2", { key: 'dc23baea5e1ce9571c261c3b208cbee64f7bef83', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), index.h("slot", { key: '4d3d74220786ccb62bb79f39f695f8e4c17c10f3', name: "modal-header" }), index.h("slot", { key: 'a3023667bb230d7fec2cdefc2adbd2dc836ed8cb', name: "modal-body" }), index.h("slot", { key: '4b035d72dc18a05997ca6f2d7c7cf44cb938fe45', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), index.h("slot", { key: '5fd27f1aa885c184b1509cd07467d28609b56d3e', name: "modal-header" }), index.h("slot", { key: '63ce2f4f9c87f00133469c1a6aa832247ecc2065', name: "modal-body" }), index.h("slot", { key: 'e9e31d52260fcfcd852c3f35c942b8af3e9335f9', name: "modal-actions" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/dga-modal-usage.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (index.h("div", { key: '1d7c4cef1e1f98538810ce4b0eb77166f30cf030', style: { position: "relative" } }, index.h("h1", { key: 'a7ebea0aa5d67666454bfeecc4306a7ab7a71dfd' }, "Modal Example"), index.h("button", { key: 'ab9d06082be15e449e14b96eb2eac55b3f65a800', onClick: () => this.show = true }, "Open Modal"), index.h("dga-modal", { key: '7328e375daaf6abc83cfc846d8458b34f924f94b', buttonsList: [
+        return (index.h("div", { key: 'f53cc1d37e48b3a3a405ef2d55b2915ebd04d6f0', style: { position: "relative" } }, index.h("h1", { key: '88f98a9a10f304732b924583dcefa9c7f81b299d' }, "Modal Example"), index.h("button", { key: 'd5fd57f55c7fdf834bd5f4b6323c4347d0df2199', onClick: () => this.show = true }, "Open Modal"), index.h("dga-modal", { key: '899b3ee632742eeb94e6406dce2278f065f44284', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

package/dist/cjs/dga-modal-v2-usage.cjs.entry.js CHANGED Viewed

@@ -8,12 +8,12 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (index.h("div", { key: '9aaa7ec5d254c4ce0b47fb5acd2fb2101d70525f', style: { position: 'relative' } }, index.h("h1", { key: 'b166ef41f5d3fceb957ce090d93200b3e7ef2283' }, "Modal Example"), index.h("button", { key: 'f59e9e27958f573198e1dd71add2805c7572070c', onClick: () => (this.show = true) }, "Open Modal"), index.h("dga-modal-v2", { key: '2856d8704b25bab43a6c04e2e4ff6f6feb39d974', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, index.h("dga-modal-header", { key: 'ac6f5efd55dc5ba4f2dc693123001b6f5eb9ee78' }, index.h("dga-featured-icon", { key: '0761a03e39fe49a7bde152c548c001ec49995f55', color: "brand", variant: "light", size: "md", icon: {
+        return (index.h("div", { key: '9fb3949b0bad8d1cf333c7a87af6c623d9b6cad0', style: { position: 'relative' } }, index.h("h1", { key: 'd9e40374ce53d2c160833591706d2e06a4126574' }, "Modal Example"), index.h("button", { key: 'b36af1bd4ac774939d1e4b76086e47d5c488119b', onClick: () => (this.show = true) }, "Open Modal"), index.h("dga-modal-v2", { key: '9f8014a9ebb69008ae295b117a3044cbedd8d14a', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, index.h("dga-modal-header", { key: '8b87a86dbb02a8b325775a2e772677e2ca40578a' }, index.h("dga-featured-icon", { key: '0f3706576f46ade079a67d9af248835b4ee02975', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), index.h("dga-modal-title", { key: 'adc0528a028a8dab0460418457c172e73e0407c7' }, "Title goes here")), index.h("dga-modal-body", { key: 'ad1fd1b5f3f8817da9f362f0be3b0d56c7964cc4' }, index.h("dga-flex", { key: 'fe70e22f63e51233fd84a4d2a89764421e0fba41', direction: "column", spacing: 8 }, index.h("p", { key: '2d2d5837063e0bf23ee5246bcbf1f0de2bf07b74', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), index.h("dga-rating", { key: '19e93e78a603fb9106fce68b6e1f9c43309168cb' }))), index.h("dga-modal-actions", { key: '080daf32c947a3459e1230146ace01599f0211bd' }, index.h("dga-button-v2", { key: 'e7d63c48c68ab2edb3f08c3ff35e044c4a7e1428', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: '15e75ede1473436e80efde01608b25540a300248', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), index.h("dga-modal-title", { key: '04735778022e9da6cd351827585c56a48e97287c' }, "Title goes here")), index.h("dga-modal-body", { key: 'ea5d0eb132300b5f722787049acfc3bd737660a4' }, index.h("dga-flex", { key: '65cc33dd0b72f1630247bb3f873521450ca757f8', direction: "column", spacing: 8 }, index.h("p", { key: 'e428a27435237504ea323347c41d2fbf627646a5', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), index.h("dga-rating", { key: 'e0198edc21eb09d9cf39d5e98ecb2c876d4a15f1' }))), index.h("dga-modal-actions", { key: '3cef2ba2cc8475529de35fc5d0913bf086e7e77d' }, index.h("dga-button-v2", { key: '59a881128ed496b45a751e7b1df9db3280f507f0', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: '99a6b8575f29c40b7ad7c5cb4c94b912305f60f2', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
 };

package/dist/cjs/dga-modal.cjs.entry.js CHANGED Viewed

@@ -39,15 +39,15 @@ const DgaModal = class {
         HideModal(this.name);
     }
     render() {
-        return (index.h("dialog", Object.assign({ key: 'f57d498569adb2b89bdc33197cbf8ae764b6b8df', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (index.h("dialog", Object.assign({ key: '802128287bccc94a93e50032567befa043234170', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
             //   id={name ? name : guid()}
             // style={{ display: this.show ? 'flex' : 'none' }}
-            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: 'ef6a317a0546c7b2d14df18cbeb3b76fc8fd0a68', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, index.h("div", { key: '1985a20d22dd1ffe4c38b1f7d36901cd132c1b68', class: "modal__header" }, index.h("div", { key: '498498cfaade220c098e8a181dfc5f50ff1b727c', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, index.h("dga-featured-icon", Object.assign({ key: 'a3845d39b318ac13295b8c3c3e33b3d77f33de0f' }, this.featuredIconProps))), this.closeButton && (index.h("div", { key: '46c1b2a7da3ed32da774c2c2c8d76effd11a7916', class: "modal__close" }, index.h("dga-button-v2", { key: '66172f11f5e57da13ac87654c9f5e8076c21cfd5', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: '9f0b386c5e88a64b1ec33f5de5ba43b1cd134524', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, index.h("div", { key: '0c25c1fb504656be6548afa3e8a4467323b7fabc', class: "modal__header" }, index.h("div", { key: '0294cf57de405bd08fac065e9d4a7dbf6336cff7', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, index.h("dga-featured-icon", Object.assign({ key: '2120c0a89d4d3735937c678d1a290f13322c86b5' }, this.featuredIconProps))), this.closeButton && (index.h("div", { key: '65af15743f691348da329605bb654b62bfec83c8', class: "modal__close" }, index.h("dga-button-v2", { key: '7ba015a98064416320e69a341d7e222d36bce1e4', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), index.h("div", { key: '6dd80ba57bf783a17aa623d44f063a9eb401b905', class: "modal__body" }, this.modalTitle && (index.h("h4", { key: 'c3fad574495aa19dd08d5bbfa9fe811894c269cb', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), index.h("slot", { key: '360a741c37e7970be31c963d7e37b48212d03feb' })), index.h("div", { key: '6882e7e55e3d248cb7b1b4e95d86aae4f12bd396', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
+            }, onClick: this.onClose, variant: 'subtle' })))), index.h("div", { key: 'db636c0283755d51add1b4be66c30d391d471a08', class: "modal__body" }, this.modalTitle && (index.h("h4", { key: 'a8aa778b55fae213d40f61c55f79cb7ef90a211b', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), index.h("slot", { key: '436c20023a77452756527e07ae183aac7041a3f3' })), index.h("div", { key: 'a4ebea51ee06fffea84cb4f44c5f8bf317023efb', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/cjs/dga-notification-toast-usage.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const DgaNotificationToastUsage = class {
         this.open = false;
     }
     render() {
-        return (index.h("div", { key: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, index.h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), index.h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), index.h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), index.h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (index.h("div", { key: '08b5f164a92dc6691e7caa568cf75f4122dfe9ae' }, index.h("h1", { key: '20633893a6c85a75f005490d4ca179396b3c7f25' }, "Notification Toast Example"), index.h("div", { key: 'b03b7fe439485f8cc28bdec2067a2a5dcf5f4f89', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '40dcfda2e7671fa5914c190171247edb32100910', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '5900844ce21da3de7068097c8bfbb8ec756f941b', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: 'fad3d5bda642725ae8e94fa1eb31c6a7457698dd', onClick: () => this.open = true }, "open"), index.h("button", { key: '87b9a5110c4beb181ca1a1345eeb8a4d098ccc74', onClick: () => this.open = false }, "close")), index.h("dga-notification-toast", { key: '1e90b2869de73eee314457807f886f00e8aeb211', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -20,7 +20,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), index.h("dga-notification-toast", { key: '23a3e770b81f7c12a448df153ac89599b1d4092b', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), index.h("dga-notification-toast", { key: '746bc832c51687e169de7a9cdb466685f8974162', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -31,7 +31,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), index.h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), index.h("div", { key: '46c6208705b82c003ed04ebce8f5b200f9ead1a0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/cjs/dga-notification-toast.cjs.entry.js CHANGED Viewed

@@ -43,8 +43,8 @@ const DgaNotificationToast = class {
         };
     }
     render() {
-        return (index.h("div", { key: '80fea6e4aeef5111faa5791c4dc8025e4380eab4', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, index.h("div", { key: '046992b43822b7b085397f876f8e9a2f850c2c53', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, index.h("dga-featured-icon", { key: '2472254ebc14cca09f3d0ad218bf62e8e2681fe8', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), index.h("div", { key: 'b99af2fd29bcfb5bfae4c3d2fa68dbff06a39b98', class: "notification-toast__body" }, index.h("h4", { key: '502779fa20820698198135b633880a64b72abcc1', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && index.h("p", { key: '59f1a273153e2c79fcfe2314b919c91c75791796', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (index.h("div", { key: '188e3cafc7620e29fa14c689ee448f78b46c7578', class: "notification-toast__close-btn" }, index.h("button", { key: 'f4d1365e195955c795b5fd15e1fb8811cc6391c7', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, index.h("span", { key: 'adbefc04ffecd488ed52fc37ed7cd117f90241d1', class: "dga-btn-icon" }, index.h("dga-icon", { key: '0f60828e0ea90c1359de1a1f950b323b45d323c5', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (index.h(index.Fragment, { key: 'ad8b9d11094f3b35a0cab7c2668360f8c1b6c18f' }, index.h("div", { key: '983a64fb3c4704d939685b023173f309d92ddabb', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), index.h("div", { key: 'e9567ceafb5b9b0ea5fefcddab680136bf12748c', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (index.h("div", { key: 'f0bcbd07246fb933937c2e98d824f3538b880c21', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, index.h("div", { key: '127d9abb175649495bdf3babf4ccac21b4ab3f84', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, index.h("dga-featured-icon", { key: 'b138ae289c9308cce3a99c4b6cf2361f9bc96a20', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), index.h("div", { key: '8e60e66c792bd9cfbd11976a39c8c18c353c7662', class: "notification-toast__body" }, index.h("h4", { key: 'c96614ae8f2634da5a933cd0a81ac27857f773a5', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && index.h("p", { key: 'adb9e2c543473a6a52184646d0d828c81d0e0c5d', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (index.h("div", { key: '2951bca2539b97677a8e9cfdaae8a460281320b1', class: "notification-toast__close-btn" }, index.h("button", { key: '5960643fbc4e2905ff6c2dd2290e491fd470dc4a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, index.h("span", { key: 'ccd1f2f7732e137c28642cc4b7f1a93a4478561c', class: "dga-btn-icon" }, index.h("dga-icon", { key: 'd4c9bc3cabc7c78a720488359539240364e3f8ca', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (index.h(index.Fragment, { key: 'c1051358e5f56df9e84449464075f9f4f773b3a1' }, index.h("div", { key: '6073409aa36355246454e74973de352f84f3f6ce', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), index.h("div", { key: 'ed6b3722f2692c050e012a48a47b9afb2849e6cd', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
 };

package/dist/cjs/dga-notification-usage.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const DgaNotificationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, index.h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), index.h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), index.h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), index.h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), index.h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), index.h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), index.h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'e19620ec4a5afb6f7742aaa7da01c98b7b16a6a5' }, index.h("h1", { key: 'c8b0867d78bc53b33de1d83da60a69464b27caf1' }, "Notification Example"), index.h("div", { key: '66eaee8935357f73109840536d95db6be97b3864', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0ac8e3e00c259e636bc864743c56bb6aafc91120', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-notification", { key: '803c0a8addb748e2b432b39aeb985843f5a56433', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), index.h("dga-notification", { key: '66c356aecfffe3b612cf9e75a5ae7bee347ef5ac', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), index.h("dga-notification", { key: '2ffe078f28506b4ed0c723cda973c0bdf29657a5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), index.h("dga-notification", { key: '192204edbe700713799a1d18a76417161cb8d56f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), index.h("dga-notification", { key: '7141778c7839f032b3169e0ab5ecf41f27240659', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), index.h("div", { key: '700ed8a0c247b2c195927aba2f514b1bcc60b16e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };