platformscode-new-react 0.1.7 → 0.1.8
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.
- package/dist/components.cjs +3 -3
- package/dist/components.js +10 -10
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -14633,7 +14633,7 @@ const fb = {
|
|
|
14633
14633
|
warning: s("dga-icon", { icon: "Alert02Icon", variant: "solid" })
|
|
14634
14634
|
}, gg = /* @__PURE__ */ D(class extends E {
|
|
14635
14635
|
constructor() {
|
|
14636
|
-
super(), this.__registerHost(), this.size = "lg", this.type = "text", this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !
|
|
14636
|
+
super(), this.__registerHost(), this.size = "lg", this.type = "text", this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !0, this.name = be(), this.value = "", this.isActive = !1, this.isFocused = !1, this.componentId = `quote-${Math.random().toString(36).substring(2, 9)}`, this.rootStyles = {};
|
|
14637
14637
|
}
|
|
14638
14638
|
valueChanged(e, o) {
|
|
14639
14639
|
e !== o && (this.textInputEl.value = e);
|
|
@@ -14652,8 +14652,8 @@ const fb = {
|
|
|
14652
14652
|
(e = this.sxStyleManager) === null || e === void 0 || e.cleanup();
|
|
14653
14653
|
}
|
|
14654
14654
|
render() {
|
|
14655
|
-
return s("div", { key: "
|
|
14656
|
-
key: "
|
|
14655
|
+
return s("div", { key: "48488e7836409a673a515bc57022ae55c1764de6", id: this.componentId, class: { "dga-form-control": !0, "dga-form-control--fullwidth": this.fullwidth }, style: this.rootStyles }, this.label && s("dga-label", { key: "adc8ca2a4dd6ec53b19af20a3716edcf2b3c6a83", label: this.label, size: this.size, required: this.required, disabled: this.disabled }), s("div", { key: "e228e4bcdcddf2c02eac0e05b1236694db64b269", class: `input input--${this.size} ${this.error ? "input--error" : ""} ${this.variant !== "default" ? `input--${this.variant}` : ""} ${this.isActive ? "active" : ""} ${this.isFocused ? "focus" : ""} ${this.disabled ? "input--disabled" : ""} ${this.readonly ? "readOnly" : ""}`, ref: (e) => this.inputContainerRef = e }, s("slot", { key: "215254a2664ce992acff26fbd54370a0c640740c", name: "prefix" }), this.icon && s("span", { key: "d67019952c64e148a4379e824af47d35cb7fbfc9", class: "input__icon" }, s("dga-icon", { key: "9e16ababcbb343f817c06b0d1d0e6ab5b7a61b36", icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 })), s("input", {
|
|
14656
|
+
key: "8ecbdfe28bdd292881ea173b2e6be442247892b0",
|
|
14657
14657
|
// id={id}
|
|
14658
14658
|
ref: (e) => this.textInputEl = e,
|
|
14659
14659
|
value: this.value,
|
|
@@ -14673,7 +14673,7 @@ const fb = {
|
|
|
14673
14673
|
onMouseOut: () => this.isActive = !1,
|
|
14674
14674
|
onChange: this.onChange,
|
|
14675
14675
|
onInput: this.onInput
|
|
14676
|
-
}), this.error ? s("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? "input__feedback-icon--ring" : ""}` }) : this.feedbackIcon ? s("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? "input__feedback-icon--ring" : ""}` }, fb[this.feedbackIconType]) : null, s("slot", { key: "
|
|
14676
|
+
}), this.error ? s("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? "input__feedback-icon--ring" : ""}` }) : this.feedbackIcon ? s("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? "input__feedback-icon--ring" : ""}` }, fb[this.feedbackIconType]) : null, s("slot", { key: "300400b2c72846b06149a734d6e673976d57b40c", name: "suffix" }), " "), this.helperText && s("dga-helper-text", { key: "c907503d39188c82261a34895cc3fa6b4d108f6c", helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }));
|
|
14677
14677
|
}
|
|
14678
14678
|
get el() {
|
|
14679
14679
|
return this;
|
|
@@ -15085,7 +15085,7 @@ const kb = `@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:it
|
|
|
15085
15085
|
--colors-primary-sa-flag-400
|
|
15086
15086
|
);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}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("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/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,.input--lg .input__prefix-label,.input--lg .input__suffix-label,.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron,.input__field::placeholder,.input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.breadcrumb-dropdown-item,.input--md .input__prefix-label,.input--md .input__suffix-label,.input--md .input__field,.input--md .input__field::placeholder,.input--lg .input__field,.input--lg .input__field::placeholder,.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{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,.input.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.breadcrumb-dropdown{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:hsla(var(--colors-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}.dga-form-control{display:flex;flex-direction:column;gap:8px;position:relative;width:320px;min-width:200px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.input{display:flex;height:40px;width:100%;justify-content:flex-start;align-items:center;padding:var(--spacing-none) var(--spacing-2);border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.input:hover{border-color:var(--form-field-border-hovered)}.input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input.focus::after{width:100%}.input.active::after{width:50%}.input--readonly,.input--readonly:hover,.input--disabled,.input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.input--readonly::after,.input--disabled::after{display:none}.input--readonly .input__field,.input--readonly .input__field::placeholder,.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--form-field-text-readonly)}.input--disabled{border-color:var(--border-disabled)}.input--disabled .input__field{color:var(--text-default-disabled)}.input--disabled .input__field,.input--disabled .input__field::placeholder{color:var(--text-default-disabled)}.input--disabled .input__icon span,.input--disabled .input__prefix--subtle-text,.input--disabled .input__prefix--solid-text{color:var(--text-default-disabled)}.input__icon{height:100%;display:inline-flex;align-items:center}.input__icon span{color:var(--form-field-border-hovered);font-size:20px}.input__feedback-icon{height:100%;display:inline-flex;align-items:center}.input__feedback-icon span{font-size:20px;position:relative;z-index:0}.input__feedback-icon--success{color:var(--text-success)}.input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.input__feedback-icon--error{color:var(--text-error)}.input__feedback-icon--error span::after{background-color:var(--text-error-100)}.input__feedback-icon--warning{color:var(--text-warning)}.input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.input__feedback-icon--warning-triangle{color:var(--text-warning)}.input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.input__prefix,.input__suffix{display:inline-flex;height:100%;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;margin-left:calc(-1 * var(--spacing-2));margin-right:var(--spacing-2);border:0}.input__prefix-label,.input__prefix-icon,.input__prefix-chevron,.input__suffix-label,.input__suffix-icon,.input__suffix-chevron{color:var(--colors-text-primary)}.input__prefix .dropdown__label,.input__suffix .dropdown__label{display:none}.input__prefix .dropdown__label--selection,.input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.input__prefix .dropdown__label--selection~.input__prefix-label,.input__suffix .dropdown__label--selection~.input__prefix-label{display:none}.input__prefix-chevron,.input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.input__prefix.active,.input__suffix.active{background-color:var(--colors-gray-neutral-300)}.input__prefix--solid,.input__suffix--solid{background-color:var(--background-neutral-50)}.input__prefix--solid-text,.input__suffix--solid-text{background-color:var(--background-neutral-50)}.input__prefix--solid-text .input__prefix-label,.input__suffix--solid-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--solid:hover,.input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.input__prefix--solid:focus,.input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.input__prefix--solid.active,.input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.input__prefix--solid:disabled,.input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.input__prefix--solid:disabled .input__prefix-label,.input__prefix--solid:disabled .input__prefix-icon,.input__prefix--solid:disabled .input__prefix-chevron,.input__suffix--solid:disabled .input__prefix-label,.input__suffix--solid:disabled .input__prefix-icon,.input__suffix--solid:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix--subtle,.input__suffix--subtle{background-color:transparent}.input__prefix--subtle-text,.input__suffix--subtle-text{background-color:transparent}.input__prefix--subtle-text .input__prefix-label,.input__suffix--subtle-text .input__prefix-label{color:var(--colors-text-quarterary)}.input__prefix--subtle:hover,.input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.input__prefix--subtle:focus,.input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.input__prefix--subtle.active,.input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.input__prefix--subtle:disabled .input__prefix-label,.input__prefix--subtle:disabled .input__prefix-icon,.input__prefix--subtle:disabled .input__prefix-chevron,.input__suffix--subtle:disabled .input__prefix-label,.input__suffix--subtle:disabled .input__prefix-icon,.input__suffix--subtle:disabled .input__prefix-chevron{color:var(--colors-gray-neutral-300)}.input__prefix.selected,.input__suffix.selected{background-color:var(--form-field-border-hovered)}.input__prefix.selected .input__prefix-icon,.input__prefix.selected .input__prefix-label,.input__prefix.selected .input__prefix-chevron,.input__suffix.selected .input__prefix-icon,.input__suffix.selected .input__prefix-label,.input__suffix.selected .input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.input__prefix.selected .dropdown__label,.input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.input__dropdown-btn.open+.input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.input__dropdown-btn.open .input__dropdown .input__prefix-chevron,.input__dropdown-btn.open .input__dropdown .input__suffix-chevron{transform:rotate(180deg)}.input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input__suffix{margin-right:calc(-1 * var(--spacing-2));margin-left:var(--spacing-xl);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.input--lighter:hover{border:1px solid var(--form-field-border-default)}.input--lighter.focus{border:1px solid var(--form-field-border-default)}.input--lighter.active{border:1px solid var(--form-field-border-default)}.input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.input--darker:hover{border:1px solid var(--form-field-border-default)}.input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.input.readOnly::after{content:none}.input--error,.input--error:hover{border:1px solid var(--form-field-border-error) !important}.input--error::after{background-color:var(--form-field-border-error)}.input--lg{height:40px}.input--lg .input__field,.input--lg .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--lg__feedback-icon span{font-size:20px}.input--lg .input__prefix-icon,.input--lg .input__suffix-icon{font-size:24px}.input--lg .input__prefix-chevron,.input--lg .input__suffix-chevron{font-size:20px}.input--md{height:32px}.input--md .input__field,.input--md .input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.input--md__feedback-icon span{font-size:16px}.input--md .input__prefix-icon,.input--md .input__suffix-icon{font-size:20px}.input--md .input__prefix-chevron,.input--md .input__suffix-chevron{font-size:16px}.breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #E5E7EB);background:var(--background-white, #FFF)}.breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #E5E7EB);mix-blend-mode:multiply}.date-picker-dropdown{width:fit-content}`, vb = kb, fg = /* @__PURE__ */ D(class extends E {
|
|
15087
15087
|
constructor() {
|
|
15088
|
-
super(), this.__registerHost(), this.placeholder = "DD/MM/YYYY", this.size = "lg", this.variant = "default", this.error = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !
|
|
15088
|
+
super(), this.__registerHost(), this.placeholder = "DD/MM/YYYY", this.size = "lg", this.variant = "default", this.error = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !0, this.name = be(), this.value = "", this.isActive = !1, this.isFocused = !1, this.isDatepickerOpen = !1, this.errorMessage = "", this.selectedDate = null, this.inputValue = "", this.handleInput = (e) => {
|
|
15089
15089
|
var o, t;
|
|
15090
15090
|
const r = e.target;
|
|
15091
15091
|
if (this.inputValue = r.value, this.inputValue === "") {
|
|
@@ -15128,7 +15128,7 @@ const kb = `@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:it
|
|
|
15128
15128
|
"input--disabled": this.disabled,
|
|
15129
15129
|
readOnly: this.readonly
|
|
15130
15130
|
};
|
|
15131
|
-
return console.log(this.selectedDate, "selected"), s("div", { key: "
|
|
15131
|
+
return console.log(this.selectedDate, "selected"), s("div", { key: "76560b0cb3cb280100d5134500b1a76efbaf08a0", class: { "dga-form-control": !0, "dga-form-control--fullwidth": this.fullwidth } }, this.label && s("dga-label", { key: "ee75424470e2044299c80711c5acb2d0b4ed998f", label: this.label, size: this.size, required: this.required, disabled: this.disabled }), s("div", { key: "339748a832cf4a35acbb83b65703f3ee96950d2d", class: Object.keys(e).filter((o) => e[o]).join(" "), ref: (o) => this.inputContainerRef = o }, this.icon && s("span", { key: "aae6254352f65b1f4eec388acf3385361fd16dc4", class: "input__icon" }, s("dga-icon", { key: "ffbd71ef369e311046b3ceb702522e17e9071ae1", icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 })), s("input", { key: "a51e5a605ae9b5cefd5894910bd0a973128b1f30", ref: (o) => this.inputEl = o, name: this.name, value: this.inputValue, type: "text", class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput, onMouseDown: () => this.isActive = !0, onMouseUp: () => this.isActive = !1, onMouseOut: () => this.isActive = !1 }), s("dga-button-v2", { key: "44f9047090a231875907c9b58f930b383918c066", variant: "transparent", iconOnly: !0, leadIcon: !0, leadIconProps: { name: "calendar-03", variant: "stroke", type: "rounded" }, onClick: this.handleOpenDatepickerPopup }), this.error && s("span", { key: "cc3eda4881ed523ac6053c423b47072fff8925d8", class: "input__feedback-icon input__feedback-icon--error" }, s("dga-icon", { key: "7384a555356f979ea2eded248b61b2a705711818", icon: "AlertCircleIcon", variant: "solid" }))), (this.errorMessage || this.helperText) && s("dga-helper-text", { key: "e605650a3f87ba8603c9249af55ac6f1154c9a93", helperText: this.errorMessage || this.helperText, error: this.error }), this.isDatepickerOpen && s("div", { key: "7c1aff2476e74ae9c6e08c1d282e5114b05a8ded", class: "date-picker-dropdown", ref: (o) => this.datepickerRef = o }, s("dga-datepicker", Object.assign({ key: "22fd0fed247422730e0a33977972f09e4c9196f1" }, this.datepickerOptions, { value: this.selectedDate, onChange: this.handleDatepickerChange, style: { width: "fit-content", display: "block" } }))));
|
|
15132
15132
|
}
|
|
15133
15133
|
static get watchers() {
|
|
15134
15134
|
return {
|
|
@@ -19006,7 +19006,7 @@ const Dm = Ph, Lm = Em, Tm = `@import url("https://fonts.googleapis.com/css2?fam
|
|
|
19006
19006
|
--colors-primary-sa-flag-400
|
|
19007
19007
|
);--border-disabled:var(--colors-neutral-400);--link-primary:var(--colors-primary-sa-flag-600-primary);--link-primary-hovered:var(--colors-primary-sa-flag-400);--link-primary-pressed:var(--colors-primary-sa-flag-300);--link-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-primary-visited:var(--colors-primary-sa-flag-800);--link-icon-primary-hovered:var(--colors-primary-sa-flag-400);--link-icon-primary-pressed:var(--colors-primary-sa-flag-300);--link-icon-primary-focused:var(--colors-primary-sa-flag-600-primary);--link-icon-primary-visited:var(--colors-primary-sa-flag-800);--link-secondary:var(--colors-secondary-gold-600-primary);--link-secondary-hovered:var(--colors-secondary-gold-400);--link-secondary-pressed:var(--colors-secondary-gold-300);--link-secondary-focused:var(--colors-secondary-gold-600-primary);--link-secondary-visited:var(--colors-secondary-gold-900);--link-tertiary:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-hovered:var(--colors-tertiary-lavendar-400);--link-tertiary-pressed:var(--colors-tertiary-lavendar-300);--link-tertiary-focused:var(--colors-tertiary-lavendar-500-primary);--link-tertiary-visited:var(--colors-tertiary-lavendar-800);--link-neutral:var(--colors-neutral-200);--link-neutral-hovered:var(--colors-neutral-400);--link-icon-neutral-hovered:var(--colors-neutral-400);--link-neutral-pressed:var(--colors-neutral-500);--link-icon-neutral-pressed:var(--colors-neutral-500);--link-neutral-focused:var(--colors-neutral-200);--link-icon-neutral-focused:var(--colors-neutral-200);--link-neutral-visited:var(--colors-neutral-300);--link-icon-neutral-visited:var(--colors-neutral-300);--link-danger:var(--colors-red-600);--link-danger-hovered:var(--colors-red-700);--link-icon-danger-hovered:var(--colors-red-700);--link-danger-pressed:var(--colors-red-900);--link-icon-danger-pressed:var(--colors-red-900);--link-danger-focused:var(--colors-red-600);--link-icon-danger-focused:var(--colors-red-600);--link-danger-visited:var(--colors-red-800);--link-icon-danger-visited:var(--colors-red-800);--link-oncolor:var(--colors-base-white);--link-oncolor-hovered:var(--colors-alpha-alpha-white-80);--link-icon-oncolor-hovered:var(--alpha-white-80);--link-oncolor-pressed:var(--colors-alpha-alpha-white-60);--link-icon-oncolor-pressed:var(--alpha-white-60);--link-oncolor-focused:var(--colors-base-white);--link-link-oncolor-focused:var(--colors-base-white);--link-oncolor-visited:var(--colors-alpha-alpha-white-90);--link-icon-oncolor-visited:var(--alpha-white-90);--link-oncolor-disabled:var(--colors-alpha-alpha-white-30);--link-icon-oncolor-disabled:var(--alpha-white-30);--icon-oncolor:var(--colors-base-white);--tag-background-neutral:var(--colors-primary-sa-flag-600-primary);--tag-background-neutral-light:var(--colors-neutral-800);--tag-background-on-color:var(--colors-alpha-alpha-white-20);--tag-text-neutral:var(--colors-neutral-100);--tag-text-success:var(--colors-green-800);--tag-text-info:var(--colors-blue-800);--tag-text-warning:var(--colors-yellow-800);--tag-text-error:var(--colors-red-800);--tag-icon-neutral:var(--colors-neutral-100);--tag-icon-success:var(--colors-green-800);--tag-icon-info:var(--colors-blue-800);--tag-icon-warning:var(--colors-yellow-800);--tag-icon-error:var(--colors-red-800);--tag-background-success:var(--colors-green-700);--tag-background-success-light:var(--colors-green-50);--tag-background-info:var(--colors-blue-600);--tag-background-info-light:var(--colors-blue-50);--tag-background-warning:var(--colors-yellow-700);--tag-background-warning-light:var(--colors-yellow-50);--tag-background-error:var(--colors-red-600);--tag-background-error-light:var(--colors-red-50);--tag-border-neutral:var(--colors-neutral-300);--tag-border-neutral-light:var(--colors-neutral-800);--tag-border-on-color:var(--colors-alpha-alpha-white-60);--tag-border-success:var(--colors-green-700);--tag-border-success-light:var(--colors-green-200);--tag-border-info:var(--colors-blue-700);--tag-border-info-light:var(--colors-blue-200);--tag-border-warning:var(--colors-red-700);--tag-border-warning-light:var(--colors-yellow-200);--tag-border-error:var(--colors-red-700);--tag-border-error-light:var(--colors-red-200);--tag-dot:var(--colors-alpha-alpha-white-60);--form-text-form-title:var(--text-default);--controls-control-primary:var(--alpha-white-0);--table-cell-border:var(--colors-neutral-600);--table-cell-border-inverse:var(--border-black);--table-text-head:var(--colors-neutral-300);--table-text-body:var(--text-default);--table-background-disabled:var(--background-disabled);--table-background-hover-selected:var(--colors-neutral-900);--table-background-header:var(--colors-neutral-900);--table-background-row:var(--colors-neutral-900);--controls-control-primary-checked:var(--colors-primary-sa-flag-600-primary);--controls-control-primary-hovered:var(--colors-primary-sa-flag-300);--controls-control-primary-pressed:var(--colors-primary-sa-flag-400);--controls-control-primary-focused:var(--colors-primary-sa-flag-600-primary);--controls-control-neutral-checked:var(--colors-neutral-600);--controls-control-neutral-hovered:var(--colors-neutral-400);--controls-control-neutral-pressed:var(--colors-neutral-400);--controls-control-neutral-focused:var(--colors-neutral-600);--controls-control-primary--readonly:var(--alpha-white-0);--controls-control-pressed:var(--colors-neutral-600);--controls-control-ripple-effect:var(--colors-neutral-950);--controls-control-border:var(--colors-neutral-400);--form-text-form-paragraph:var(--text-secondary-paragraph);--form-field-text-label:var(--text-default);--form-field-text-placeholder:var(--text-secondary-paragraph);--form-field-text-hovered:var(--text-default);--stepper-button-completed:var(--colors-green-600);--tooltip-background-light:var(--colors-neutral-800);--tooltip-text-heading-light:var(--text-display);--tooltip-text-paragraph-light:var(--text-primary-paragraph);--tooltip-background-dark:var(--colors-base-white);--tooltip-text-heading-dark:var(--colors-neutral-800);--tooltip-text-paragraph-dark:var(--colors-neutral-700);--alpha-white-0:var(--colors-alpha-alpha-black-10);--alpha-white-10:var(--colors-alpha-alpha-black-10);--alpha-white-20:var(--colors-alpha-alpha-black-20);--alpha-white-30:var(--colors-alpha-alpha-black-30);--alpha-white-40:var(--colors-alpha-alpha-black-40);--alpha-white-50:var(--colors-alpha-alpha-black-50);--alpha-white-60:var(--colors-alpha-alpha-black-60);--alpha-white-70:var(--colors-alpha-alpha-black-70);--alpha-white-80:var(--colors-alpha-alpha-black-80);--alpha-white-90:var(--colors-alpha-alpha-black-90);--alpha-white-100:var(--colors-alpha-alpha-black-100);--alpha-black-0:var(--colors-alpha-alpha-white-10);--alpha-black-10:var(--colors-alpha-alpha-white-10);--alpha-black-20:var(--colors-alpha-alpha-white-20);--alpha-black-30:var(--colors-alpha-alpha-white-30);--alpha-black-40:var(--colors-alpha-alpha-white-40);--alpha-black-50:var(--colors-alpha-alpha-white-50);--alpha-black-60:var(--colors-alpha-alpha-white-60);--alpha-black-70:var(--colors-alpha-alpha-white-70);--alpha-black-80:var(--colors-alpha-alpha-white-80);--alpha-black-90:var(--colors-alpha-alpha-white-90);--alpha-black-100:var(--colors-alpha-alpha-white-100);--background-disabled:var(--colors-neutral-700);--background-disabled-primary:var(--colors-primary-sa-flag-700);--background-inverse-disabled:var(--colors-neutral-700);--stepper-button-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-button-current:var(--colors-green-600);--stepper-button-current-hovered:var(--colors-primary-sa-flag-700);--stepper-button-upcomming:var(--colors-neutral-600);--stepper-button-upcomming-hovered:var(--colors-neutral-600);--stepper-button-background:var(--colors-base-white);--stepper-text-primary:var(--text-default);--stepper-text-secondary:var(--text-primary-paragraph);--stepper-text-tertiary:var(--text-secondary-paragraph);--stepper-line-completed:var(--colors-primary-sa-flag-600-primary);--stepper-line-completed-hovered:var(--colors-primary-sa-flag-700);--stepper-line-current:var(--colors-neutral-700);--stepper-line-upcomming:var(--colors-neutral-700);--stepper-line-upcomming-hovered:var(--colors-neutral-700);--form-field-text-focused:var(--text-primary-paragraph);--form-field-text-pressed:var(--text-primary-paragraph);--form-field-text-filled:var(--text-default);--form-field-text-readonly:var(--text-default);--form-field-text-helper:var(--text-secondary-paragraph);--form-field-background-default:var(--colors-neutral-800);--form-field-background-lighter:var(--colors-neutral-600);--form-field-background-darker:var(--colors-neutral-800);--form-field-background-pressed:#4d5761;--form-field-border-default:var(--colors-neutral-500);--form-field-border-hovered:var(--colors-neutral-200);--form-field-border-pressed:var(--colors-neutral-25);--form-field-border-error:var(--border-error);--form-option-background-hover:var(--colors-neutral-500);--form-option-background-pressed:var(--colors-neutral-700);--form-datecell-background-default:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-hovered:var(--colors-primary-sa-flag-700);--icon-default:var(--colors-base-white);--form-datecell-background-pressed:var(--colors-primary-sa-flag-900);--form-datecell-background-focused:var(--colors-primary-sa-flag-600-primary);--form-datecell-today-background-default:var(--alpha-white-0);--form-datecell-today-background-hovered:var(--colors-neutral-700);--form-datecell-today-background-pressed:var(--colors-neutral-600);--icon-default-500:var(--colors-neutral-200);--form-datecell-today-background-focused:var(--alpha-white-0);--form-datecell-background-disabled:#ffffff;--form-datecell-background-600:var(--colors-primary-sa-flag-600-primary);--form-datecell-background-300:var(--colors-primary-sa-flag-300);--form-datecell-background-200:var(--colors-primary-sa-flag-400);--form-datecell-background-100:var(--colors-primary-sa-flag-300);--controls-control-icon-hovered:var(--colors-primary-sa-flag-800);--alpha-primary-10:#166a4519;--icon-default-400:var(--colors-neutral-500);--icon-primary:var(--colors-primary-sa-flag-600-primary);--alpha-primary-20:#166a4533;--icon-primary-light:var(--colors-primary-sa-flag-50);--alpha-warning-10:#fec84b19;--icon-primary-400:var(--colors-primary-sa-flag-400);--alpha-warning-20:#fec84b33;--alpha-error-10:#b4231819;--alpha-error-20:#b4231833;--alpha-info-10:#156fee19;--alpha-info-20:#156fee33;--alpha-success-10:#06945419;--alpha-success-20:#06945433;--icon-neutral:var(--colors-neutral-500);--icon-neutral-light:var(--colors-neutral-950);--icon-secondary:var(--colors-secondary-gold-600-primary);--icon-secondary-light:var(--colors-secondary-gold-50);--icon-tertiary:var(--colors-tertiary-lavendar-600);--icon-tertiary-light:var(--colors-tertiary-lavendar-50);--icon-success:var(--colors-green-600);--icon-success-light:var(--colors-green-50);--icon-info:var(--colors-blue-700);--icon-info-light:var(--colors-blue-50);--icon-warning:var(--colors-yellow-700);--icon-warning-light:var(--colors-yellow-50);--icon-error:var(--colors-red-700);--icon-error-light:var(--colors-red-50);--icon-default-disabled:var(--colors-base-white);--icon-default-oncolor-disabled:var(--colors-base-white);--control-disabled:var(--colors-alpha-alpha-white-30);--featuredicons-icon-oncolor:var(--colors-base-white);--featuredicons-icon-success:var(--colors-green-600);--featuredicons-icon-default:var(--colors-base-white);--featuredicons-icon-error:var(--colors-red-700);--featuredicons-icon-secondary:var(--colors-secondary-gold-600-primary);--featuredicons-icon-default-500:var(--colors-neutral-200);--featuredicons-background-error-light:var(--colors-red-50);--featuredicons-background-info-light:var(--colors-blue-50);--featuredicons-background-warning-light:var(--colors-yellow-50);--featuredicons-background-success-light:var(--colors-green-50);--featuredicons-background-brand-light:var(--colors-primary-sa-flag-50);--featuredicons-background-default-light:var(--colors-neutral-50);--featuredicons-icon-default-400:var(--colors-neutral-500);--featuredicons-icon-primary:var(--colors-primary-sa-flag-600-primary);--featuredicons-icon-primary-light:var(--colors-primary-sa-flag-50);--featuredicons-icon-primary-400:var(--colors-primary-sa-flag-400);--featuredicons-icon-neutral:var(--colors-neutral-500);--featuredicons-icon-neutral-light:var(--colors-neutral-950);--featuredicons-icon-secondary-light:var(--colors-secondary-gold-50);--featuredicons-icon-tertiary:var(--colors-tertiary-lavendar-600);--featuredicons-icon-tertiary-light:var(--colors-tertiary-lavendar-50);--featuredicons-icon-success-light:var(--colors-green-50);--featuredicons-icon-info:var(--colors-blue-700);--featuredicons-icon-info-light:var(--colors-blue-50);--featuredicons-icon-warning:var(--colors-yellow-700);--featuredicons-bg-icon-warning-light:var(--alpha-warning-10);--featuredicons-bg-icon-error-light:var(--alpha-error-10);--featuredicons-bg-icon-brand-light:var(--alpha-primary-10);--featuredicons-bg-icon-info-light:var(--alpha-info-10);--featuredicons-bg-icon-success-light:var(--alpha-success-10);--controls-control-icon-pressed:var(--colors-primary-sa-flag-800);--controls-control-icon-disabled:var(--colors-neutral-400);--notification-background-error-light:var(--colors-red-50);--notification-background-info-light:var(--colors-blue-50);--notification-background-warning-light:var(--colors-yellow-50);--notification-background-success-light:var(--colors-green-50);--notification-background-brand-light:var(--colors-primary-sa-flag-50);--notification-background-default-light:var(--colors-neutral-50);--notification-background-default-50:var(--alpha-white-10);--notification-background-success-50:var(--alpha-success-20);--notification-background-warning-50:var(--alpha-warning-20);--notification-background-error-50:var(--alpha-error-20);--notification-background-brand-50:var(--alpha-primary-20);--notification-background-info-50:var(--alpha-info-20);--notification-background-default-25:var(--alpha-white-0);--notification-background-success-25:var(--alpha-primary-10);--notification-background-warning-25:var(--alpha-warning-10);--notification-background-error-25:var(--alpha-error-10);--notification-background-brand-25:var(--alpha-primary-10);--notification-background-info-25:var(--alpha-info-10);--notification-text-success:var(--colors-green-300);--notification-text-error:var(--colors-red-300);--notification-text-info:var(--colors-blue-300);--notification-text-warning:var(--colors-yellow-300);--notification-text-brand:var(--colors-primary-sa-flag-300);--controls-control-text-error:var(--colors-red-300)}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("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("https://assets-nu-mauve.vercel.app/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("https://assets-nu-mauve.vercel.app/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,.dga-number-input--lg .dga-number-input__prefix-label,.dga-number-input--lg .dga-number-input__suffix-label,.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron,.dga-number-input__field::placeholder,.dga-number-input__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-number-input--md .dga-number-input__prefix-label,.dga-number-input--md .dga-number-input__suffix-label,.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder,.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder,.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection,.dga-form-control>.dga-label{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,.dga-number-input.focus{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:hsla(var(--colors-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}.dga-form-control{display:flex;flex-direction:column;gap:8px;width:fit-content}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-number-input{display:flex;height:40px;width:100%;max-width:183px;min-width:183px;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);position:relative}.dga-number-input--full-width{max-width:none}.dga-number-input:hover{border-color:var(--form-field-border-hovered)}.dga-number-input::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-number-input__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-focused)}.dga-number-input__field::placeholder{color:var(--form-field-text-placeholder);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input.focus::after{width:100%}.dga-number-input.active::after{width:50%}.dga-number-input--readonly,.dga-number-input--readonly:hover,.dga-number-input--disabled,.dga-number-input--disabled:hover{border-color:var(--border-neutral-primary);box-shadow:none !important}.dga-number-input--readonly::after,.dga-number-input--disabled::after{display:none}.dga-number-input--readonly .dga-number-input__field,.dga-number-input--readonly .dga-number-input__field::placeholder,.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--form-field-text-readonly)}.dga-number-input--disabled{border-color:var(--border-disabled)}.dga-number-input--disabled .dga-number-input__field{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__field,.dga-number-input--disabled .dga-number-input__field::placeholder{color:var(--text-default-disabled)}.dga-number-input--disabled .dga-number-input__icon span,.dga-number-input--disabled .dga-number-input__prefix--subtle-text,.dga-number-input--disabled .dga-number-input__prefix--solid-text{color:var(--text-default-disabled)}.dga-number-input__icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__icon span{color:var(--form-field-border-hovered);font-size:20px}.dga-number-input__feedback-icon{height:100%;display:inline-flex;align-items:center}.dga-number-input__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-number-input__feedback-icon--success{color:var(--text-success)}.dga-number-input__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-number-input__feedback-icon--error{color:var(--text-error)}.dga-number-input__feedback-icon--error span::after{background-color:var(--text-error-100)}.dga-number-input__feedback-icon--warning{color:var(--text-warning)}.dga-number-input__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-number-input__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-number-input__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-number-input__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dga-number-input__prefix,.dga-number-input__suffix{display:flex;height:100%;width:56px;padding:var(--spacing-xxs) var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-xs);mix-blend-mode:multiply;padding:var(--spacing-xxs, 2px) var(--spacing-xl, 16px);align-self:stretch;border:0}.dga-number-input__prefix-label,.dga-number-input__prefix-icon,.dga-number-input__prefix-chevron,.dga-number-input__suffix-label,.dga-number-input__suffix-icon,.dga-number-input__suffix-chevron{color:var(--colors-text-primary)}.dga-number-input__prefix .dropdown__label,.dga-number-input__suffix .dropdown__label{display:none}.dga-number-input__prefix .dropdown__label--selection,.dga-number-input__suffix .dropdown__label--selection{display:inline-block;white-space:nowrap}.dga-number-input__prefix .dropdown__label--selection~.dga-number-input__prefix-label,.dga-number-input__suffix .dropdown__label--selection~.dga-number-input__prefix-label{display:none}.dga-number-input__prefix-chevron,.dga-number-input__suffix-chevron{font-size:30px !important;transform:rotate(0);transition:all 0.3s ease-in-out}.dga-number-input__prefix.active,.dga-number-input__suffix.active{background-color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--solid,.dga-number-input__suffix--solid{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text,.dga-number-input__suffix--solid-text{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid-text .dga-number-input__prefix-label,.dga-number-input__suffix--solid-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--solid:hover,.dga-number-input__suffix--solid:hover{background-color:var(--colors-gray-neutral-200)}.dga-number-input__prefix--solid:focus,.dga-number-input__suffix--solid:focus{background-color:transparent;border:4px solid var(--colors-base-black);border-radius:0}.dga-number-input__prefix--solid.active,.dga-number-input__suffix--solid.active{background-color:var(--colors-gray-neutral-300);border:0}.dga-number-input__prefix--solid:disabled,.dga-number-input__suffix--solid:disabled{background-color:var(--background-neutral-50)}.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--solid:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--solid:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix--subtle,.dga-number-input__suffix--subtle{background-color:transparent}.dga-number-input__prefix--subtle-text,.dga-number-input__suffix--subtle-text{background-color:transparent}.dga-number-input__prefix--subtle-text .dga-number-input__prefix-label,.dga-number-input__suffix--subtle-text .dga-number-input__prefix-label{color:var(--colors-text-quarterary)}.dga-number-input__prefix--subtle:hover,.dga-number-input__suffix--subtle:hover{background-color:var(--colors-gray-neutral-50)}.dga-number-input__prefix--subtle:focus,.dga-number-input__suffix--subtle:focus{background-color:transparent;border:4px solid var(--colors-base-black)}.dga-number-input__prefix--subtle.active,.dga-number-input__suffix--subtle.active{background-color:var(--colors-gray-neutral-200);border:0}.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__prefix--subtle:disabled .dga-number-input__prefix-chevron,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-label,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-icon,.dga-number-input__suffix--subtle:disabled .dga-number-input__prefix-chevron{color:var(--colors-gray-neutral-300)}.dga-number-input__prefix.selected,.dga-number-input__suffix.selected{background-color:var(--form-field-border-hovered)}.dga-number-input__prefix.selected .dga-number-input__prefix-icon,.dga-number-input__prefix.selected .dga-number-input__prefix-label,.dga-number-input__prefix.selected .dga-number-input__prefix-chevron,.dga-number-input__suffix.selected .dga-number-input__prefix-icon,.dga-number-input__suffix.selected .dga-number-input__prefix-label,.dga-number-input__suffix.selected .dga-number-input__prefix-chevron{color:var(--colors-text-primary_on-brand)}.dga-number-input__prefix.selected .dropdown__label,.dga-number-input__suffix.selected .dropdown__label{color:var(--colors-text-primary_on-brand)}.dga-number-input__dropdown-btn.open+.dga-number-input__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__prefix-chevron,.dga-number-input__dropdown-btn.open .dga-number-input__dropdown .dga-number-input__suffix-chevron{transform:rotate(180deg)}.dga-number-input__prefix{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.dga-number-input__suffix{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dga-number-input--lighter{border:0;background:var(--form-field-background-lighter, #fcfcfd)}.dga-number-input--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.focus{border:1px solid var(--form-field-border-default)}.dga-number-input--lighter.active{border:1px solid var(--form-field-border-default)}.dga-number-input--darker{border:0;background-color:var(--form-field-background-darker, #f3f4f6)}.dga-number-input--darker:hover{border:1px solid var(--form-field-border-default)}.dga-number-input--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default) !important}.dga-number-input.readOnly{border:1px solid var(--border-neutral-primary) !important;background-color:var(--form-field-background-default) !important;box-shadow:none !important}.dga-number-input.readOnly::after{content:none}.dga-number-input--error,.dga-number-input--error:hover{border:1px solid var(--form-field-border-error) !important}.dga-number-input--error::after{background-color:var(--form-field-border-error)}.dga-number-input--lg{height:40px}.dga-number-input--lg .dga-number-input__field,.dga-number-input--lg .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--lg__feedback-icon span{font-size:20px}.dga-number-input--lg .dga-number-input__prefix,.dga-number-input--lg .dga-number-input__suffix{cursor:pointer}.dga-number-input--lg .dga-number-input__prefix-icon,.dga-number-input--lg .dga-number-input__suffix-icon{font-size:24px}.dga-number-input--lg .dga-number-input__prefix-chevron,.dga-number-input--lg .dga-number-input__suffix-chevron{font-size:20px}.dga-number-input--md{height:32px}.dga-number-input--md .dga-number-input__field,.dga-number-input--md .dga-number-input__field::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dga-number-input--md__feedback-icon span{font-size:16px}.dga-number-input--md .dga-number-input__prefix-icon,.dga-number-input--md .dga-number-input__suffix-icon{font-size:20px}.dga-number-input--md .dga-number-input__prefix-chevron,.dga-number-input--md .dga-number-input__suffix-chevron{font-size:16px}`, $m = Tm, Bh = /* @__PURE__ */ D(class extends E {
|
|
19008
19008
|
constructor() {
|
|
19009
|
-
super(), this.__registerHost(), this.placeholder = "0000", this.size = "lg", this.variant = "default", this.error = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !
|
|
19009
|
+
super(), this.__registerHost(), this.placeholder = "0000", this.size = "lg", this.variant = "default", this.error = !1, this.helperText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.fullwidth = !0, this.name = be(), this.value = 0, this.isActive = !1, this.isFocused = !1, this.handleIncrement = () => {
|
|
19010
19010
|
!this.disabled && !this.readonly && (this.value += 1, this.onChange && this.onChange({ target: { value: this.value } }));
|
|
19011
19011
|
}, this.handleDecrement = () => {
|
|
19012
19012
|
!this.disabled && !this.readonly && (this.value -= 1, this.onChange && this.onChange({ target: { value: this.value } }));
|
|
@@ -19026,8 +19026,8 @@ const Dm = Ph, Lm = Em, Tm = `@import url("https://fonts.googleapis.com/css2?fam
|
|
|
19026
19026
|
(e = this.sxStyleManager) === null || e === void 0 || e.cleanup();
|
|
19027
19027
|
}
|
|
19028
19028
|
render() {
|
|
19029
|
-
return s("div", { key: "
|
|
19030
|
-
key: "
|
|
19029
|
+
return s("div", { key: "b61e6cf7e1a761a18f7a64ad69586f59f052e542", id: this.componentId, class: "dga-form-control", style: this.rootStyles }, this.label && s("dga-label", { key: "d74bb3209e04c4286274f71184a5a3e635969cbc", label: this.label, size: this.size, required: this.required, disabled: this.disabled }), s("div", { key: "e860a2a53067d37d152eaf51d71a625a8c33edda", class: `dga-number-input dga-number-input--${this.size} ${this.error ? "dga-number-input--error" : ""} ${this.fullwidth ? "dga-number-input--full-width" : ""} ${this.variant !== "default" ? `dga-number-input--${this.variant}` : ""} ${this.isActive ? "active" : ""} ${this.isFocused ? "focus" : ""} ${this.disabled ? "dga-number-input--disabled" : ""} ${this.readonly ? "readOnly" : ""}`, ref: (e) => this.inputContainerRef = e }, s("button", { key: "ffc05b03170cdd0af2614984b6817ba8774596cc", class: "dga-number-input__prefix", onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, s("span", { key: "4da4a513f529a13ad76187866b27a035baff7d5e", class: "dga-number-input__prefix-icon" }, s("dga-icon", { key: "f5100fbc06e0b729f0dc3e0df7da6d9ef7f1f04e", icon: "plus-sign", variant: "stroke", type: "rounded" }))), s("input", {
|
|
19030
|
+
key: "c3a4af1d8e800f2605cb78656adb560b012a7239",
|
|
19031
19031
|
// id={id}
|
|
19032
19032
|
value: this.value,
|
|
19033
19033
|
name: this.name,
|
|
@@ -19046,7 +19046,7 @@ const Dm = Ph, Lm = Em, Tm = `@import url("https://fonts.googleapis.com/css2?fam
|
|
|
19046
19046
|
onMouseOut: () => this.isActive = !1,
|
|
19047
19047
|
onChange: this.onChange,
|
|
19048
19048
|
onInput: this.onInput
|
|
19049
|
-
}), s("button", { key: "
|
|
19049
|
+
}), s("button", { key: "bd3e833fbda84418c436fe0921cdec9e9bf01b25", class: "dga-number-input__suffix", onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, s("span", { key: "d80c4cb80aa61fd5ce513b5416c2ec3562660cf8", class: "dga-number-input__suffix-icon" }, s("dga-icon", { key: "a8f0b60dd5b5f80b90d755ba17a90810cbbe4efb", icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && s("dga-helper-text", { key: "04b55df455160bb660330e83a29b2fec68e34248", helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }));
|
|
19050
19050
|
}
|
|
19051
19051
|
get el() {
|
|
19052
19052
|
return this;
|