@vector-crystal-web/atoms 1.26.1 → 1.26.2
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 +6 -2
- package/button/index.d.ts +1 -1
- package/button/src/button.scss +1 -0
- package/divider/index.d.ts +2 -2
- package/fesm2022/vector-crystal-web-atoms-button.mjs +2 -2
- package/fesm2022/vector-crystal-web-atoms-tag.mjs +3 -2
- package/fesm2022/vector-crystal-web-atoms-toast.mjs +2 -2
- package/package.json +27 -27
- package/tag/index.d.ts +2 -1
- package/tag/src/tag.scss +4 -8
- package/toast/src/toast.scss +11 -9
|
@@ -35,7 +35,7 @@ class CrystalToast {
|
|
|
35
35
|
this.toasts.set([]);
|
|
36
36
|
}
|
|
37
37
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CrystalToast, isStandalone: true, selector: "cw-toast", inputs: { showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"cw-toast-container\">\n @for (toast of toasts(); track toast.id) {\n <div\n class=\"cw-toast cw-toast--{{ toast.variant }}\"\n [@toastAnimation]\n >\n <div class=\"cw-toast__icon\">\n <i class=\"ph ph-bold\" [class]=\"getIconClass(toast.variant)\"></i>\n </div>\n\n <div class=\"cw-toast__content\">\n <div class=\"cw-toast__title\">{{ toast.title }}</div>\n @if (toast.message) {\n <div class=\"cw-toast__message\">{{ toast.message }}</div>\n }\n </div>\n\n @if (showCloseButton()) {\n <button\n class=\"cw-toast__close\"\n (click)=\"removeToast(toast.id)\"\n type=\"button\"\n aria-label=\"Fechar\"\n >\n <i class=\"ph ph-x ph-bold\"></i>\n </button>\n }\n </div>\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 .cw-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}:host .cw-toast{width:340px;min-height:75px;padding:8px;border-radius:12px;display:flex;align-items:flex-start;gap:8px;pointer-events:auto}:host .cw-toast--success{background-color:#e6eee4;color:#1f2937}:host .cw-toast--success .cw-toast__icon{background-color:#2f7700}:host .cw-toast--info{background-color:#1f2937;color:#fff}:host .cw-toast--info .cw-toast__icon{background-color:#4b5563}:host .cw-toast--info .cw-toast__close i{color:#fff}:host .cw-toast--warning{background-color:#fdeaca;color:#1f2937}:host .cw-toast--warning .cw-toast__icon{background-color:var(--primitive-color-amber-600)}:host .cw-toast--error{background-color:var(--primitive-color-red-100);color:#1f2937}:host .cw-toast--error .cw-toast__icon{background-color:var(--primitive-color-red-600)}:host .cw-toast__icon{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}:host .cw-toast__icon i{font-size:20px;color:#fff}:host .cw-toast__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}:host .cw-toast__title{font-family:var(--primitive-font-family-body);font-weight:600;font-size:var(--primitive-font-size-3);line-height:calc(var(--primitive-font-size-3) * 1.5);margin:0}:host .cw-toast__message{font-family:var(--primitive-font-family-caption);font-weight:400;font-size:var(--primitive-font-size-2);line-height:calc(var(--primitive-font-size-2) * 1.5);margin:0}:host .cw-toast__close{width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;opacity:.7;transition:opacity .2s,background-color .2s}:host .cw-toast__close:hover{opacity:1;background:#ffffff4d}:host .cw-toast__close i{font-size:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CrystalToast, isStandalone: true, selector: "cw-toast", inputs: { showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"cw-toast-container\">\n @for (toast of toasts(); track toast.id) {\n <div\n class=\"cw-toast cw-toast--{{ toast.variant }}\"\n [@toastAnimation]\n >\n <div class=\"cw-toast__icon\">\n <i class=\"ph ph-bold\" [class]=\"getIconClass(toast.variant)\"></i>\n </div>\n\n <div class=\"cw-toast__content\">\n <div class=\"cw-toast__title\">{{ toast.title }}</div>\n @if (toast.message) {\n <div class=\"cw-toast__message\">{{ toast.message }}</div>\n }\n </div>\n\n @if (showCloseButton()) {\n <button\n class=\"cw-toast__close\"\n (click)=\"removeToast(toast.id)\"\n type=\"button\"\n aria-label=\"Fechar\"\n >\n <i class=\"ph ph-x ph-bold\"></i>\n </button>\n }\n </div>\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 .cw-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}:host .cw-toast{width:340px;min-height:75px;padding:1.1428571429rem;border-radius:12px;box-shadow:var(--primitive-shadow-x-large);display:flex;align-items:flex-start;pointer-events:auto}:host .cw-toast--success{background-color:#e6eee4;color:#1f2937}:host .cw-toast--success .cw-toast__icon{background-color:#2f7700}:host .cw-toast--info{background-color:#1f2937;color:#fff}:host .cw-toast--info .cw-toast__icon{background-color:#4b5563}:host .cw-toast--info .cw-toast__close i{color:#fff}:host .cw-toast--warning{background-color:#fdeaca;color:#1f2937}:host .cw-toast--warning .cw-toast__icon{background-color:var(--primitive-color-amber-600)}:host .cw-toast--error{background-color:var(--primitive-color-red-100);color:#1f2937}:host .cw-toast--error .cw-toast__icon{background-color:var(--primitive-color-red-600)}:host .cw-toast__icon{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px}:host .cw-toast__icon i{font-size:var(--primitive-dimension-6);color:#fff}:host .cw-toast__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;margin-right:8px}:host .cw-toast__title{font-family:var(--primitive-font-family-body);font-weight:600;font-size:var(--primitive-font-size-body-3);line-height:var(--primitive-line-height-title-1);margin:0}:host .cw-toast__message{font-family:var(--primitive-font-family-caption);font-weight:400;font-size:var(--primitive-font-size-body-2);line-height:var(--primitive-line-height-body-2);margin:0}:host .cw-toast__close{width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;opacity:.7;transition:opacity .2s,background-color .2s}:host .cw-toast__close:hover{opacity:1;background:#ffffff4d}:host .cw-toast__close i{font-size:var(--primitive-dimension-6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
|
|
39
39
|
trigger('toastAnimation', [
|
|
40
40
|
transition(':enter', [
|
|
41
41
|
style({ opacity: 0, transform: 'translateY(-100%)' }),
|
|
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
59
59
|
animate('300ms ease-in', style({ opacity: 0, transform: 'translateY(-100%)' })),
|
|
60
60
|
]),
|
|
61
61
|
]),
|
|
62
|
-
], template: "<div class=\"cw-toast-container\">\n @for (toast of toasts(); track toast.id) {\n <div\n class=\"cw-toast cw-toast--{{ toast.variant }}\"\n [@toastAnimation]\n >\n <div class=\"cw-toast__icon\">\n <i class=\"ph ph-bold\" [class]=\"getIconClass(toast.variant)\"></i>\n </div>\n\n <div class=\"cw-toast__content\">\n <div class=\"cw-toast__title\">{{ toast.title }}</div>\n @if (toast.message) {\n <div class=\"cw-toast__message\">{{ toast.message }}</div>\n }\n </div>\n\n @if (showCloseButton()) {\n <button\n class=\"cw-toast__close\"\n (click)=\"removeToast(toast.id)\"\n type=\"button\"\n aria-label=\"Fechar\"\n >\n <i class=\"ph ph-x ph-bold\"></i>\n </button>\n }\n </div>\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 .cw-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}:host .cw-toast{width:340px;min-height:75px;padding:8px;border-radius:12px;display:flex;align-items:flex-start;gap:8px;pointer-events:auto}:host .cw-toast--success{background-color:#e6eee4;color:#1f2937}:host .cw-toast--success .cw-toast__icon{background-color:#2f7700}:host .cw-toast--info{background-color:#1f2937;color:#fff}:host .cw-toast--info .cw-toast__icon{background-color:#4b5563}:host .cw-toast--info .cw-toast__close i{color:#fff}:host .cw-toast--warning{background-color:#fdeaca;color:#1f2937}:host .cw-toast--warning .cw-toast__icon{background-color:var(--primitive-color-amber-600)}:host .cw-toast--error{background-color:var(--primitive-color-red-100);color:#1f2937}:host .cw-toast--error .cw-toast__icon{background-color:var(--primitive-color-red-600)}:host .cw-toast__icon{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}:host .cw-toast__icon i{font-size:20px;color:#fff}:host .cw-toast__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}:host .cw-toast__title{font-family:var(--primitive-font-family-body);font-weight:600;font-size:var(--primitive-font-size-3);line-height:calc(var(--primitive-font-size-3) * 1.5);margin:0}:host .cw-toast__message{font-family:var(--primitive-font-family-caption);font-weight:400;font-size:var(--primitive-font-size-2);line-height:calc(var(--primitive-font-size-2) * 1.5);margin:0}:host .cw-toast__close{width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;opacity:.7;transition:opacity .2s,background-color .2s}:host .cw-toast__close:hover{opacity:1;background:#ffffff4d}:host .cw-toast__close i{font-size:20px}\n"] }]
|
|
62
|
+
], template: "<div class=\"cw-toast-container\">\n @for (toast of toasts(); track toast.id) {\n <div\n class=\"cw-toast cw-toast--{{ toast.variant }}\"\n [@toastAnimation]\n >\n <div class=\"cw-toast__icon\">\n <i class=\"ph ph-bold\" [class]=\"getIconClass(toast.variant)\"></i>\n </div>\n\n <div class=\"cw-toast__content\">\n <div class=\"cw-toast__title\">{{ toast.title }}</div>\n @if (toast.message) {\n <div class=\"cw-toast__message\">{{ toast.message }}</div>\n }\n </div>\n\n @if (showCloseButton()) {\n <button\n class=\"cw-toast__close\"\n (click)=\"removeToast(toast.id)\"\n type=\"button\"\n aria-label=\"Fechar\"\n >\n <i class=\"ph ph-x ph-bold\"></i>\n </button>\n }\n </div>\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 .cw-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}:host .cw-toast{width:340px;min-height:75px;padding:1.1428571429rem;border-radius:12px;box-shadow:var(--primitive-shadow-x-large);display:flex;align-items:flex-start;pointer-events:auto}:host .cw-toast--success{background-color:#e6eee4;color:#1f2937}:host .cw-toast--success .cw-toast__icon{background-color:#2f7700}:host .cw-toast--info{background-color:#1f2937;color:#fff}:host .cw-toast--info .cw-toast__icon{background-color:#4b5563}:host .cw-toast--info .cw-toast__close i{color:#fff}:host .cw-toast--warning{background-color:#fdeaca;color:#1f2937}:host .cw-toast--warning .cw-toast__icon{background-color:var(--primitive-color-amber-600)}:host .cw-toast--error{background-color:var(--primitive-color-red-100);color:#1f2937}:host .cw-toast--error .cw-toast__icon{background-color:var(--primitive-color-red-600)}:host .cw-toast__icon{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px}:host .cw-toast__icon i{font-size:var(--primitive-dimension-6);color:#fff}:host .cw-toast__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;margin-right:8px}:host .cw-toast__title{font-family:var(--primitive-font-family-body);font-weight:600;font-size:var(--primitive-font-size-body-3);line-height:var(--primitive-line-height-title-1);margin:0}:host .cw-toast__message{font-family:var(--primitive-font-family-caption);font-weight:400;font-size:var(--primitive-font-size-body-2);line-height:var(--primitive-line-height-body-2);margin:0}:host .cw-toast__close{width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;opacity:.7;transition:opacity .2s,background-color .2s}:host .cw-toast__close:hover{opacity:1;background:#ffffff4d}:host .cw-toast__close i{font-size:var(--primitive-dimension-6)}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
export { CrystalToast };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vector-crystal-web/atoms",
|
|
3
|
-
"version": "1.26.
|
|
3
|
+
"version": "1.26.2",
|
|
4
4
|
"description": "Atomic components for the Crystal Design System (Angular, PrimeNG)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -39,22 +39,22 @@
|
|
|
39
39
|
"types": "./accordion/index.d.ts",
|
|
40
40
|
"default": "./fesm2022/vector-crystal-web-atoms-accordion.mjs"
|
|
41
41
|
},
|
|
42
|
-
"./avatar": {
|
|
43
|
-
"types": "./avatar/index.d.ts",
|
|
44
|
-
"default": "./fesm2022/vector-crystal-web-atoms-avatar.mjs"
|
|
45
|
-
},
|
|
46
42
|
"./badge": {
|
|
47
43
|
"types": "./badge/index.d.ts",
|
|
48
44
|
"default": "./fesm2022/vector-crystal-web-atoms-badge.mjs"
|
|
49
45
|
},
|
|
50
|
-
"./
|
|
51
|
-
"types": "./
|
|
52
|
-
"default": "./fesm2022/vector-crystal-web-atoms-
|
|
46
|
+
"./avatar": {
|
|
47
|
+
"types": "./avatar/index.d.ts",
|
|
48
|
+
"default": "./fesm2022/vector-crystal-web-atoms-avatar.mjs"
|
|
53
49
|
},
|
|
54
50
|
"./checkbox": {
|
|
55
51
|
"types": "./checkbox/index.d.ts",
|
|
56
52
|
"default": "./fesm2022/vector-crystal-web-atoms-checkbox.mjs"
|
|
57
53
|
},
|
|
54
|
+
"./button": {
|
|
55
|
+
"types": "./button/index.d.ts",
|
|
56
|
+
"default": "./fesm2022/vector-crystal-web-atoms-button.mjs"
|
|
57
|
+
},
|
|
58
58
|
"./chip": {
|
|
59
59
|
"types": "./chip/index.d.ts",
|
|
60
60
|
"default": "./fesm2022/vector-crystal-web-atoms-chip.mjs"
|
|
@@ -63,6 +63,10 @@
|
|
|
63
63
|
"types": "./divider/index.d.ts",
|
|
64
64
|
"default": "./fesm2022/vector-crystal-web-atoms-divider.mjs"
|
|
65
65
|
},
|
|
66
|
+
"./dropdown": {
|
|
67
|
+
"types": "./dropdown/index.d.ts",
|
|
68
|
+
"default": "./fesm2022/vector-crystal-web-atoms-dropdown.mjs"
|
|
69
|
+
},
|
|
66
70
|
"./datepicker": {
|
|
67
71
|
"types": "./datepicker/index.d.ts",
|
|
68
72
|
"default": "./fesm2022/vector-crystal-web-atoms-datepicker.mjs"
|
|
@@ -75,18 +79,14 @@
|
|
|
75
79
|
"types": "./label/index.d.ts",
|
|
76
80
|
"default": "./fesm2022/vector-crystal-web-atoms-label.mjs"
|
|
77
81
|
},
|
|
78
|
-
"./message": {
|
|
79
|
-
"types": "./message/index.d.ts",
|
|
80
|
-
"default": "./fesm2022/vector-crystal-web-atoms-message.mjs"
|
|
81
|
-
},
|
|
82
|
-
"./dropdown": {
|
|
83
|
-
"types": "./dropdown/index.d.ts",
|
|
84
|
-
"default": "./fesm2022/vector-crystal-web-atoms-dropdown.mjs"
|
|
85
|
-
},
|
|
86
82
|
"./multiselect": {
|
|
87
83
|
"types": "./multiselect/index.d.ts",
|
|
88
84
|
"default": "./fesm2022/vector-crystal-web-atoms-multiselect.mjs"
|
|
89
85
|
},
|
|
86
|
+
"./message": {
|
|
87
|
+
"types": "./message/index.d.ts",
|
|
88
|
+
"default": "./fesm2022/vector-crystal-web-atoms-message.mjs"
|
|
89
|
+
},
|
|
90
90
|
"./paginator": {
|
|
91
91
|
"types": "./paginator/index.d.ts",
|
|
92
92
|
"default": "./fesm2022/vector-crystal-web-atoms-paginator.mjs"
|
|
@@ -107,10 +107,6 @@
|
|
|
107
107
|
"types": "./segment-control/index.d.ts",
|
|
108
108
|
"default": "./fesm2022/vector-crystal-web-atoms-segment-control.mjs"
|
|
109
109
|
},
|
|
110
|
-
"./snackbar": {
|
|
111
|
-
"types": "./snackbar/index.d.ts",
|
|
112
|
-
"default": "./fesm2022/vector-crystal-web-atoms-snackbar.mjs"
|
|
113
|
-
},
|
|
114
110
|
"./stepper": {
|
|
115
111
|
"types": "./stepper/index.d.ts",
|
|
116
112
|
"default": "./fesm2022/vector-crystal-web-atoms-stepper.mjs"
|
|
@@ -119,14 +115,22 @@
|
|
|
119
115
|
"types": "./switch/index.d.ts",
|
|
120
116
|
"default": "./fesm2022/vector-crystal-web-atoms-switch.mjs"
|
|
121
117
|
},
|
|
122
|
-
"./
|
|
123
|
-
"types": "./
|
|
124
|
-
"default": "./fesm2022/vector-crystal-web-atoms-
|
|
118
|
+
"./snackbar": {
|
|
119
|
+
"types": "./snackbar/index.d.ts",
|
|
120
|
+
"default": "./fesm2022/vector-crystal-web-atoms-snackbar.mjs"
|
|
125
121
|
},
|
|
126
122
|
"./tag": {
|
|
127
123
|
"types": "./tag/index.d.ts",
|
|
128
124
|
"default": "./fesm2022/vector-crystal-web-atoms-tag.mjs"
|
|
129
125
|
},
|
|
126
|
+
"./tabs": {
|
|
127
|
+
"types": "./tabs/index.d.ts",
|
|
128
|
+
"default": "./fesm2022/vector-crystal-web-atoms-tabs.mjs"
|
|
129
|
+
},
|
|
130
|
+
"./textarea": {
|
|
131
|
+
"types": "./textarea/index.d.ts",
|
|
132
|
+
"default": "./fesm2022/vector-crystal-web-atoms-textarea.mjs"
|
|
133
|
+
},
|
|
130
134
|
"./text-field": {
|
|
131
135
|
"types": "./text-field/index.d.ts",
|
|
132
136
|
"default": "./fesm2022/vector-crystal-web-atoms-text-field.mjs"
|
|
@@ -134,10 +138,6 @@
|
|
|
134
138
|
"./toast": {
|
|
135
139
|
"types": "./toast/index.d.ts",
|
|
136
140
|
"default": "./fesm2022/vector-crystal-web-atoms-toast.mjs"
|
|
137
|
-
},
|
|
138
|
-
"./textarea": {
|
|
139
|
-
"types": "./textarea/index.d.ts",
|
|
140
|
-
"default": "./fesm2022/vector-crystal-web-atoms-textarea.mjs"
|
|
141
141
|
}
|
|
142
142
|
},
|
|
143
143
|
"dependencies": {
|
package/tag/index.d.ts
CHANGED
|
@@ -9,13 +9,14 @@ type severityType = 'success' | 'info' | 'warning' | 'danger' | 'default' | 'inv
|
|
|
9
9
|
type sizeType = 'small' | 'medium' | 'large' | 'x-large';
|
|
10
10
|
declare class CrystalTag {
|
|
11
11
|
value: _angular_core.InputSignal<string>;
|
|
12
|
+
icon: _angular_core.InputSignal<string>;
|
|
12
13
|
severity: _angular_core.InputSignal<severityType | undefined>;
|
|
13
14
|
size: _angular_core.InputSignal<sizeType | null>;
|
|
14
15
|
get primeNgSeverity(): 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | undefined;
|
|
15
16
|
get primeNgSize(): 'small' | 'medium' | 'large' | 'x-large' | undefined;
|
|
16
17
|
get customClass(): string;
|
|
17
18
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CrystalTag, never>;
|
|
18
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CrystalTag, "cw-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CrystalTag, "cw-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
export { CrystalTag };
|
package/tag/src/tag.scss
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
:host ::ng-deep {
|
|
4
4
|
.p-tag {
|
|
5
5
|
padding: tokens.$padding-padding-2 tokens.$padding-padding-5;
|
|
6
|
-
min-height: var(--primitive-dimension-7);
|
|
7
6
|
font-family: tokens.$primitive-font-family-body;
|
|
8
|
-
font-size: var(--primitive-font-size-body-
|
|
9
|
-
font-weight: var(--primitive-font-weight-
|
|
7
|
+
font-size: var(--primitive-font-size-body-2);
|
|
8
|
+
font-weight: var(--primitive-font-weight-6);
|
|
9
|
+
line-height: var(--primitive-line-height-body-2);
|
|
10
10
|
border-radius: tokens.$radius-radius-1;
|
|
11
|
-
gap:
|
|
11
|
+
gap: var(--primitive-dimension-3);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
// severity
|
|
@@ -60,22 +60,18 @@
|
|
|
60
60
|
|
|
61
61
|
// size
|
|
62
62
|
.cw-tag--small {
|
|
63
|
-
padding: tokens.$padding-padding-1 tokens.$padding-padding-3;
|
|
64
63
|
height: var(--primitive-dimension-7);
|
|
65
64
|
}
|
|
66
65
|
|
|
67
66
|
.cw-tag--medium {
|
|
68
|
-
padding: tokens.$padding-padding-1 tokens.$padding-padding-3;
|
|
69
67
|
height: var(--primitive-dimension-8);
|
|
70
68
|
}
|
|
71
69
|
|
|
72
70
|
.cw-tag--large {
|
|
73
|
-
padding: tokens.$padding-padding-2 tokens.$padding-padding-5;
|
|
74
71
|
height: var(--primitive-dimension-9);
|
|
75
72
|
}
|
|
76
73
|
|
|
77
74
|
.cw-tag--x-large {
|
|
78
|
-
padding: tokens.$padding-padding-2 tokens.$padding-padding-5;
|
|
79
75
|
height: var(--primitive-dimension-10);
|
|
80
76
|
}
|
|
81
77
|
}
|
package/toast/src/toast.scss
CHANGED
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
.cw-toast {
|
|
16
16
|
width: 340px;
|
|
17
17
|
min-height: 75px;
|
|
18
|
-
padding: tokens.$
|
|
18
|
+
padding: tokens.$padding-padding-6;
|
|
19
19
|
border-radius: tokens.$radius-radius-3;
|
|
20
|
+
box-shadow: var(--primitive-shadow-x-large);
|
|
20
21
|
display: flex;
|
|
21
22
|
align-items: flex-start;
|
|
22
|
-
gap: tokens.$spacing-spacing-4;
|
|
23
23
|
pointer-events: auto;
|
|
24
24
|
|
|
25
25
|
&--success {
|
|
@@ -70,9 +70,10 @@
|
|
|
70
70
|
align-items: center;
|
|
71
71
|
justify-content: center;
|
|
72
72
|
flex-shrink: 0;
|
|
73
|
-
|
|
73
|
+
margin-right: tokens.$spacing-spacing-5;
|
|
74
74
|
i {
|
|
75
|
-
font-size:
|
|
75
|
+
font-size: var(--primitive-dimension-6);
|
|
76
|
+
|
|
76
77
|
color: tokens.$color-icon-primary-inverse;
|
|
77
78
|
}
|
|
78
79
|
}
|
|
@@ -83,21 +84,22 @@
|
|
|
83
84
|
gap: 4px;
|
|
84
85
|
flex: 1;
|
|
85
86
|
min-width: 0;
|
|
87
|
+
margin-right: tokens.$spacing-spacing-4;
|
|
86
88
|
}
|
|
87
89
|
|
|
88
90
|
&__title {
|
|
89
91
|
font-family: var(--primitive-font-family-body);
|
|
90
92
|
font-weight: 600;
|
|
91
|
-
font-size: var(--primitive-font-size-3);
|
|
92
|
-
line-height:
|
|
93
|
+
font-size: var(--primitive-font-size-body-3);
|
|
94
|
+
line-height: var(--primitive-line-height-title-1);
|
|
93
95
|
margin: 0;
|
|
94
96
|
}
|
|
95
97
|
|
|
96
98
|
&__message {
|
|
97
99
|
font-family: var(--primitive-font-family-caption);
|
|
98
100
|
font-weight: 400;
|
|
99
|
-
font-size: var(--primitive-font-size-2);
|
|
100
|
-
line-height:
|
|
101
|
+
font-size: var(--primitive-font-size-body-2);
|
|
102
|
+
line-height: var(--primitive-line-height-body-2);
|
|
101
103
|
margin: 0;
|
|
102
104
|
}
|
|
103
105
|
|
|
@@ -122,7 +124,7 @@
|
|
|
122
124
|
}
|
|
123
125
|
|
|
124
126
|
i {
|
|
125
|
-
font-size:
|
|
127
|
+
font-size: var(--primitive-dimension-6);
|
|
126
128
|
}
|
|
127
129
|
}
|
|
128
130
|
}
|