@vector-crystal-web/atoms 1.25.2 → 1.26.1
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/CHANGELOG.md +9 -1
- package/button/index.d.ts +1 -1
- package/button/src/button.scss +29 -10
- package/chip/src/chip.scss +30 -20
- package/divider/index.d.ts +2 -2
- package/fesm2022/vector-crystal-web-atoms-accordion.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-avatar.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-badge.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-button.mjs +4 -4
- package/fesm2022/vector-crystal-web-atoms-checkbox.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-chip.mjs +5 -5
- package/fesm2022/vector-crystal-web-atoms-datepicker.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-divider.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-dropdown.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-hint.mjs +7 -7
- package/fesm2022/vector-crystal-web-atoms-label.mjs +6 -6
- package/fesm2022/vector-crystal-web-atoms-message.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-multiselect.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-paginator.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-panel.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-popover.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-radio.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-segment-control.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-snackbar.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-stepper.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-switch.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-tabs.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-tag.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-text-field.mjs +23 -11
- package/fesm2022/vector-crystal-web-atoms-textarea.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-toast.mjs +7 -7
- package/label/index.d.ts +9 -8
- package/label/src/label.scss +3 -1
- package/package.json +31 -31
- package/text-field/index.d.ts +17 -5
- package/text-field/src/text-field.scss +83 -84
|
@@ -1,19 +1,33 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, computed, Component } from '@angular/core';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i3 from '@angular/forms';
|
|
4
4
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { CrystalHint } from '@vector-crystal-web/atoms/hint';
|
|
5
6
|
import * as i1 from 'primeng/inputtext';
|
|
6
7
|
import { InputTextModule } from 'primeng/inputtext';
|
|
8
|
+
import * as i2 from 'primeng/password';
|
|
9
|
+
import { PasswordModule } from 'primeng/password';
|
|
7
10
|
|
|
11
|
+
const DEFAULT_HINT = {
|
|
12
|
+
display: false,
|
|
13
|
+
text: '',
|
|
14
|
+
severity: 'info',
|
|
15
|
+
showIcon: true,
|
|
16
|
+
};
|
|
8
17
|
class CrystalTextField {
|
|
9
|
-
|
|
10
|
-
|
|
18
|
+
fieldtype = input('text', ...(ngDevMode ? [{ debugName: "fieldtype" }] : []));
|
|
19
|
+
placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
11
20
|
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
21
|
+
invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
12
22
|
required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
|
|
13
23
|
class = input(null, ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
14
|
-
size = input('
|
|
24
|
+
size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
15
25
|
type = input('outlined', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
16
26
|
control = input(null, ...(ngDevMode ? [{ debugName: "control" }] : []));
|
|
27
|
+
hint = input(DEFAULT_HINT, ...(ngDevMode ? [{ debugName: "hint" }] : []));
|
|
28
|
+
get hintConfig() {
|
|
29
|
+
return { ...DEFAULT_HINT, ...this.hint() };
|
|
30
|
+
}
|
|
17
31
|
_internalControl = null;
|
|
18
32
|
formControl = computed(() => {
|
|
19
33
|
const externalControl = this.control();
|
|
@@ -44,16 +58,14 @@ class CrystalTextField {
|
|
|
44
58
|
}, ...(ngDevMode ? [{ debugName: "formControl" }] : []));
|
|
45
59
|
get customClass() {
|
|
46
60
|
const sizeClass = `cw-text-field--${this.size()}`;
|
|
47
|
-
|
|
48
|
-
const disabledClass = this.disabled() ? `${typeClass}__disabled` : '';
|
|
49
|
-
return `${sizeClass} ${typeClass} ${disabledClass} `;
|
|
61
|
+
return `${sizeClass}`;
|
|
50
62
|
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CrystalTextField, isStandalone: true, selector: "cw-text-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"customClass\">\n <div class=\"container-block\">\n @if (label()) {\n <label for=\"\">{{label()}}</label>\n }\n @if(required()){\n <label for=\"\">*</label>\n }\n @if(icon()) {\n <i class=\"{{icon()}}\"></i>\n }\n</div>\n<input type=\"text\" pInputText [formControl]=\"formControl()\" [disabled]=\"disabled()\"/>\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .container-block{gap:4px;display:flex;margin-bottom:2px}:host ::ng-deep .container-block label{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-6);font-size:var(--primitive-font-size-body-4);color:#1f2937}:host ::ng-deep .container-block i{color:#1f2937;font-weight:var(--primitive-font-weight-6)}:host ::ng-deep .p-inputtext{padding:.5714285714rem .8571428571rem;width:320px;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#9ca3af;border:1px solid #d1d5db;border-radius:8px}:host ::ng-deep .cw-text-field--outlined .p-inputtext{background-color:#fff}:host ::ng-deep .cw-text-field--outlined .p-inputtext:hover{border-color:#6b7280}:host ::ng-deep .cw-text-field--outlined .p-inputtext:focus{border-color:#1545de}:host ::ng-deep .cw-text-field--outlined__disabled label{color:#f3f4f6}:host ::ng-deep .cw-text-field--outlined__disabled i{color:#f3f4f6}:host ::ng-deep .cw-text-field--outlined__disabled .p-inputtext{background-color:#fff}:host ::ng-deep .cw-text-field--outlined__disabled .p-inputtext:hover{border:1px solid #d1d5db}:host ::ng-deep .cw-text-field--filled .p-inputtext{background-color:#f3f4f6}:host ::ng-deep .cw-text-field--filled .p-inputtext:hover{background-color:#e5e7eb;border-color:#e5e7eb}:host ::ng-deep .cw-text-field--filled .p-inputtext:focus{background-color:#fff;border-color:#1545de;box-shadow:0 0 0 3px #ced9fa}:host ::ng-deep .cw-text-field--filled__disabled label{color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled i{color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled .p-inputtext{background-color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled .p-inputtext:hover{border:1px solid #d1d5db;background-color:#f3f4f6}:host ::ng-deep .cw-text-field--error .p-inputtext{background-color:#fff;border-color:#da2323}:host ::ng-deep .cw-text-field--x-small .p-inputtext{height:var(--primitive-dimension-10)}:host ::ng-deep .cw-text-field--small .p-inputtext{height:var(--primitive-dimension-11)}:host ::ng-deep .cw-text-field--medium .p-inputtext{height:42px}:host ::ng-deep .cw-text-field--large .p-inputtext{height:48px}:host ::ng-deep .cw-button--disabled{opacity:.5;color:#9ca3af;background-color:#f3f4f6}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalTextField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CrystalTextField, isStandalone: true, selector: "cw-text-field", inputs: { fieldtype: { classPropertyName: "fieldtype", publicName: "fieldtype", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"customClass\">\n <!-- text: valida\u00E7\u00E3o fica por conta do consumidor ([invalid] e/ou validadores no FormControl) -->\n @if (fieldtype() === 'text'){\n <input\n type=\"text\"\n pInputText\n [formControl]=\"formControl()\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [invalid]=\"invalid()\"\n [variant]=\"type() === 'filled' ? 'filled' : 'outlined'\"\n />\n }\n <!-- password: valida\u00E7\u00E3o fica por conta do consumidor -->\n @if (fieldtype() === 'password'){\n <p-password\n [toggleMask]=\"true\"\n [feedback]=\"false\"\n [formControl]=\"formControl()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [invalid]=\"invalid()\"\n [variant]=\"type() === 'filled' ? 'filled' : 'outlined'\"\n autocomplete=\"off\"\n [attr.title]=\"''\"\n />\n }\n\n <!-- hint -->\n @if (hintConfig.display) {\n <cw-hint\n [text]=\"hintConfig.text\"\n [severity]=\"hintConfig.severity\"\n [showIcon]=\"hintConfig.showIcon\"\n ></cw-hint>\n }\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .p-inputtext{padding:.5714285714rem .8571428571rem;width:100%;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#1f2937;border:1px solid #d1d5db;border-radius:8px;background:#fff!important}:host ::ng-deep .p-inputtext::placeholder{color:#9ca3af;opacity:.6}:host ::ng-deep .p-inputtext:focus{border:1px solid #da2323;background:#fff;outline:none}:host ::ng-deep .p-inputtext:focus-visible,:host ::ng-deep .p-inputtext:focus-within{background-color:#fff;border:1px solid #1545de!important;outline:3px solid #ced9fa!important;outline-offset:0}:host ::ng-deep .p-inputtext.p-invalid{border:1px solid #da2323;background:#fff!important}:host ::ng-deep .p-inputtext.p-variant-filled{border:none;background:#f3f4f6!important}:host ::ng-deep .p-inputtext.p-variant-filled:hover:not(:disabled){background-color:#e5e7eb!important}:host ::ng-deep .p-inputtext.p-variant-filled:disabled{color:#9ca3af!important;background-color:#f3f4f6!important;cursor:not-allowed}:host ::ng-deep .p-inputtext.p-variant-filled.p-invalid{border:1px solid #da2323;background:#f3f4f6!important}:host ::ng-deep .p-inputtext:disabled{color:#9ca3af!important;border:1px solid #e5e7eb!important;background-color:#fff!important;cursor:not-allowed}:host ::ng-deep .p-password{width:100%;align-items:center}:host ::ng-deep .p-password .p-inputtext{padding:.5714285714rem .8571428571rem;width:100%;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#1f2937;border:1px solid #d1d5db;border-radius:8px;background:#fff!important}:host ::ng-deep .p-password .p-inputtext::placeholder{color:#9ca3af;opacity:.6}:host ::ng-deep .p-password .p-inputtext:focus{border:1px solid #da2323;background:#fff;outline:none}:host ::ng-deep .p-password .p-inputtext:focus-visible,:host ::ng-deep .p-password .p-inputtext:focus-within{background-color:#fff;border:1px solid #1545de!important;outline:3px solid #ced9fa!important;outline-offset:0}:host ::ng-deep .p-password .p-inputtext.p-invalid{border:1px solid #da2323;background:#fff!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled{border:none;background:#f3f4f6!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled:hover:not(:disabled){background-color:#e5e7eb!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled:disabled{color:#9ca3af!important;background-color:#f3f4f6!important;cursor:not-allowed}:host ::ng-deep .p-password .p-inputtext.p-variant-filled.p-invalid{border:1px solid #da2323;background:#f3f4f6!important}:host ::ng-deep .p-password .p-inputtext[type=password]::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none;position:absolute;right:0}:host ::ng-deep .p-password svg{margin:0 0 0 -32px;width:var(--primitive-dimension-7);height:var(--primitive-dimension-7);color:#374151;position:relative;object-fit:cover;cursor:pointer}:host ::ng-deep .cw-text-field--x-small .p-inputtext{height:var(--primitive-dimension-10)}:host ::ng-deep .cw-text-field--small .p-inputtext{height:var(--primitive-dimension-11)}:host ::ng-deep .cw-text-field--medium .p-inputtext{height:42px}:host ::ng-deep .cw-text-field--large .p-inputtext{height:48px}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i2.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CrystalHint, selector: "cw-hint", inputs: ["text", "severity", "showIcon", "customIcon", "progress"] }] });
|
|
53
65
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalTextField, decorators: [{
|
|
55
67
|
type: Component,
|
|
56
|
-
args: [{ selector: 'cw-text-field', imports: [InputTextModule, ReactiveFormsModule], template: "<div [class]=\"customClass\">\n <div class=\"container-block\">\n @if (label()) {\n <label for=\"\">{{label()}}</label>\n }\n @if(required()){\n <label for=\"\">*</label>\n }\n @if(icon()) {\n <i class=\"{{icon()}}\"></i>\n }\n</div>\n<input type=\"text\" pInputText [formControl]=\"formControl()\" [disabled]=\"disabled()\"/>\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .container-block{gap:4px;display:flex;margin-bottom:2px}:host ::ng-deep .container-block label{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-6);font-size:var(--primitive-font-size-body-4);color:#1f2937}:host ::ng-deep .container-block i{color:#1f2937;font-weight:var(--primitive-font-weight-6)}:host ::ng-deep .p-inputtext{padding:.5714285714rem .8571428571rem;width:320px;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#9ca3af;border:1px solid #d1d5db;border-radius:8px}:host ::ng-deep .cw-text-field--outlined .p-inputtext{background-color:#fff}:host ::ng-deep .cw-text-field--outlined .p-inputtext:hover{border-color:#6b7280}:host ::ng-deep .cw-text-field--outlined .p-inputtext:focus{border-color:#1545de}:host ::ng-deep .cw-text-field--outlined__disabled label{color:#f3f4f6}:host ::ng-deep .cw-text-field--outlined__disabled i{color:#f3f4f6}:host ::ng-deep .cw-text-field--outlined__disabled .p-inputtext{background-color:#fff}:host ::ng-deep .cw-text-field--outlined__disabled .p-inputtext:hover{border:1px solid #d1d5db}:host ::ng-deep .cw-text-field--filled .p-inputtext{background-color:#f3f4f6}:host ::ng-deep .cw-text-field--filled .p-inputtext:hover{background-color:#e5e7eb;border-color:#e5e7eb}:host ::ng-deep .cw-text-field--filled .p-inputtext:focus{background-color:#fff;border-color:#1545de;box-shadow:0 0 0 3px #ced9fa}:host ::ng-deep .cw-text-field--filled__disabled label{color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled i{color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled .p-inputtext{background-color:#f3f4f6}:host ::ng-deep .cw-text-field--filled__disabled .p-inputtext:hover{border:1px solid #d1d5db;background-color:#f3f4f6}:host ::ng-deep .cw-text-field--error .p-inputtext{background-color:#fff;border-color:#da2323}:host ::ng-deep .cw-text-field--x-small .p-inputtext{height:var(--primitive-dimension-10)}:host ::ng-deep .cw-text-field--small .p-inputtext{height:var(--primitive-dimension-11)}:host ::ng-deep .cw-text-field--medium .p-inputtext{height:42px}:host ::ng-deep .cw-text-field--large .p-inputtext{height:48px}:host ::ng-deep .cw-button--disabled{opacity:.5;color:#9ca3af;background-color:#f3f4f6}\n"] }]
|
|
68
|
+
args: [{ selector: 'cw-text-field', imports: [InputTextModule, PasswordModule, ReactiveFormsModule, CrystalHint], template: "<div [class]=\"customClass\">\n <!-- text: valida\u00E7\u00E3o fica por conta do consumidor ([invalid] e/ou validadores no FormControl) -->\n @if (fieldtype() === 'text'){\n <input\n type=\"text\"\n pInputText\n [formControl]=\"formControl()\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [invalid]=\"invalid()\"\n [variant]=\"type() === 'filled' ? 'filled' : 'outlined'\"\n />\n }\n <!-- password: valida\u00E7\u00E3o fica por conta do consumidor -->\n @if (fieldtype() === 'password'){\n <p-password\n [toggleMask]=\"true\"\n [feedback]=\"false\"\n [formControl]=\"formControl()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [invalid]=\"invalid()\"\n [variant]=\"type() === 'filled' ? 'filled' : 'outlined'\"\n autocomplete=\"off\"\n [attr.title]=\"''\"\n />\n }\n\n <!-- hint -->\n @if (hintConfig.display) {\n <cw-hint\n [text]=\"hintConfig.text\"\n [severity]=\"hintConfig.severity\"\n [showIcon]=\"hintConfig.showIcon\"\n ></cw-hint>\n }\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .p-inputtext{padding:.5714285714rem .8571428571rem;width:100%;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#1f2937;border:1px solid #d1d5db;border-radius:8px;background:#fff!important}:host ::ng-deep .p-inputtext::placeholder{color:#9ca3af;opacity:.6}:host ::ng-deep .p-inputtext:focus{border:1px solid #da2323;background:#fff;outline:none}:host ::ng-deep .p-inputtext:focus-visible,:host ::ng-deep .p-inputtext:focus-within{background-color:#fff;border:1px solid #1545de!important;outline:3px solid #ced9fa!important;outline-offset:0}:host ::ng-deep .p-inputtext.p-invalid{border:1px solid #da2323;background:#fff!important}:host ::ng-deep .p-inputtext.p-variant-filled{border:none;background:#f3f4f6!important}:host ::ng-deep .p-inputtext.p-variant-filled:hover:not(:disabled){background-color:#e5e7eb!important}:host ::ng-deep .p-inputtext.p-variant-filled:disabled{color:#9ca3af!important;background-color:#f3f4f6!important;cursor:not-allowed}:host ::ng-deep .p-inputtext.p-variant-filled.p-invalid{border:1px solid #da2323;background:#f3f4f6!important}:host ::ng-deep .p-inputtext:disabled{color:#9ca3af!important;border:1px solid #e5e7eb!important;background-color:#fff!important;cursor:not-allowed}:host ::ng-deep .p-password{width:100%;align-items:center}:host ::ng-deep .p-password .p-inputtext{padding:.5714285714rem .8571428571rem;width:100%;font-family:Inter,sans-serif;font-size:var(--primitive-font-size-body-3);font-weight:var(--primitive-font-weight-4);color:#1f2937;border:1px solid #d1d5db;border-radius:8px;background:#fff!important}:host ::ng-deep .p-password .p-inputtext::placeholder{color:#9ca3af;opacity:.6}:host ::ng-deep .p-password .p-inputtext:focus{border:1px solid #da2323;background:#fff;outline:none}:host ::ng-deep .p-password .p-inputtext:focus-visible,:host ::ng-deep .p-password .p-inputtext:focus-within{background-color:#fff;border:1px solid #1545de!important;outline:3px solid #ced9fa!important;outline-offset:0}:host ::ng-deep .p-password .p-inputtext.p-invalid{border:1px solid #da2323;background:#fff!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled{border:none;background:#f3f4f6!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled:hover:not(:disabled){background-color:#e5e7eb!important}:host ::ng-deep .p-password .p-inputtext.p-variant-filled:disabled{color:#9ca3af!important;background-color:#f3f4f6!important;cursor:not-allowed}:host ::ng-deep .p-password .p-inputtext.p-variant-filled.p-invalid{border:1px solid #da2323;background:#f3f4f6!important}:host ::ng-deep .p-password .p-inputtext[type=password]::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none;position:absolute;right:0}:host ::ng-deep .p-password svg{margin:0 0 0 -32px;width:var(--primitive-dimension-7);height:var(--primitive-dimension-7);color:#374151;position:relative;object-fit:cover;cursor:pointer}:host ::ng-deep .cw-text-field--x-small .p-inputtext{height:var(--primitive-dimension-10)}:host ::ng-deep .cw-text-field--small .p-inputtext{height:var(--primitive-dimension-11)}:host ::ng-deep .cw-text-field--medium .p-inputtext{height:42px}:host ::ng-deep .cw-text-field--large .p-inputtext{height:48px}\n"] }]
|
|
57
69
|
}] });
|
|
58
70
|
|
|
59
71
|
export { CrystalTextField };
|