prometeo-design-system 2.8.9 → 2.9.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/prometeo-design-system.css +1 -1
- package/package.json +35 -23
- package/src/styles/intellisense.css +1 -2
- package/src/styles/app.css +0 -1314
- package/src/styles/base.css +0 -1323
- package/src/styles/fonts.css +0 -46
- package/src/styles/palette.css +0 -83
- package/src/styles/utilities.css +0 -1126
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8}}@layer utilities{.prometeo-fonts-display-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:56px;line-height:64px;color:var(--black)}.prometeo-fonts-display-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:48px;line-height:56px;color:var(--black)}.prometeo-fonts-display-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:var(--black)}.prometeo-fonts-headline-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:40px;color:var(--neutral-100)}.prometeo-fonts-headline-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:32px;color:var(--neutral-100)}.prometeo-fonts-headline-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-medium{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-title-small{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-xlarge{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-body-large{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-body-medium{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-small{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-body-xsmall{font-family:Montserrat,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-fonts-label-xlarge{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-label-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-label-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-gradient-bg{background:linear-gradient(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}*,body{font-family:Montserrat,sans-serif}@utility prometeo-fonts-display-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 56px; line-height: 64px; color: var(--black);}@utility prometeo-fonts-display-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 48px; line-height: 56px; color: var(--black);}@utility prometeo-fonts-display-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 36px; line-height: 44px; color: var(--black);}@utility prometeo-fonts-headline-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; color: var(--neutral-100);}@utility prometeo-fonts-headline-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 28px; line-height: 32px; color: var(--neutral-100);}@utility prometeo-fonts-headline-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-medium{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-title-small{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-xlarge{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-body-large{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--neutral-100);}@utility prometeo-fonts-body-medium{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-small{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-body-xsmall{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-fonts-label-xlarge{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-label-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-label-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-gradient-bg{background: linear-gradient(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size)!important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}
|
|
1
|
+
@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@layer base{@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2")}}@layer base{:root{--white: #ffffff;--black: #000000;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #9f9fa9;--neutral-500: #71717b;--neutral-600: #52525c;--neutral-700: #3f3f47;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-925: #151517;--neutral-950: #09090b;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c6d2ff;--primary-300: #a3b3ff;--primary-400: #7c86ff;--primary-500: #615fff;--primary-600: #4f39f6;--primary-700: #432dd7;--primary-800: #372aac;--primary-900: #312c85;--primary-950: #1e1a4d;--success-50: #ecfdf5;--success-100: #d0fae5;--success-200: #a4f4cf;--success-300: #5ee9b5;--success-400: #00d492;--success-500: #00bc7d;--success-600: #009966;--success-700: #007a55;--success-800: #006045;--success-900: #004f3b;--success-950: #002c22;--error-50: #fef2f2;--error-100: #ffe2e2;--error-200: #ffc9c9;--error-300: #ffa2a2;--error-400: #ff6467;--error-500: #fb2c36;--error-600: #e7000b;--error-700: #c10007;--error-800: #9f0712;--error-900: #82181a;--error-950: #460809;--warning-50: #fefce8;--warning-100: #fef9c2;--warning-200: #fff085;--warning-300: #ffdf20;--warning-400: #fdc700;--warning-500: #f0b100;--warning-600: #d08700;--warning-700: #a65f00;--warning-800: #894b00;--warning-900: #733e0a;--warning-950: #432004;--pending-300: #ffb86a;--pending-500: #ff6900;--pending-800: #9f2d00;--progress-300: #51a2ff;--progress-500: #155dfc;--progress-800: #193cb8}}@layer utilities{.prometeo-fonts-display-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:56px;line-height:64px;color:var(--black)}.prometeo-fonts-display-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:48px;line-height:56px;color:var(--black)}.prometeo-fonts-display-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:var(--black)}.prometeo-fonts-headline-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:40px;color:var(--neutral-100)}.prometeo-fonts-headline-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:32px;color:var(--neutral-100)}.prometeo-fonts-headline-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-large{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-title-medium{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-title-small{font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-xlarge{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;line-height:30px;color:var(--neutral-100)}.prometeo-fonts-body-large{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100)}.prometeo-fonts-body-medium{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-body-small{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-body-xsmall{font-family:Montserrat,sans-serif;font-weight:400;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-fonts-label-xlarge{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:var(--neutral-100)}.prometeo-fonts-label-large{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-medium{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:18px;color:var(--neutral-100)}.prometeo-fonts-label-small{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;line-height:14px;color:var(--neutral-100)}.prometeo-fonts-label-xsmall{font-family:Montserrat,sans-serif;font-weight:600;font-size:10px;line-height:12px;color:var(--neutral-100)}.prometeo-gradient-bg{background:linear-gradient(to bottom,var(--primary-900),var(--primary-950))}.prometeo-gradient-border{-o-border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);border-image:linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%)}.text-white-prometeo{color:var(--white)}.text-black-prometeo{color:var(--black)}.text-primary{color:var(--primary-500)}.text-primary-default,.text-primary-default-default{color:var(--primary-400)}.text-primary-default-hover{color:var(--primary-500)}.text-primary-default-pressed,.text-primary-default-focused{color:var(--primary-600)}.text-primary-default-disabled{color:var(--neutral-800)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-600)}.text-primary-medium-default{color:var(--primary-400)}.text-primary-medium-hover{color:var(--primary-300)}.text-primary-medium-pressed,.text-primary-medium-focused{color:var(--primary-200)}.text-primary-medium-disabled{color:var(--neutral-800)}.text-neutral{color:var(--neutral-500)}.text-label-default{color:var(--neutral-400)}.text-neutral-default-default{color:var(--neutral-200)}.text-neutral-default-hover{color:var(--neutral-300)}.text-neutral-default-pressed,.text-neutral-default-focused{color:var(--neutral-400)}.text-neutral-default-disabled{color:var(--neutral-500)}.text-neutral-strong{color:var(--neutral-100)}.text-neutral-strong-hover{color:var(--neutral-200)}.text-neutral-strong-pressed,.text-neutral-strong-focused{color:var(--neutral-300)}.text-neutral-strong-disabled{color:var(--neutral-500)}.text-neutral-strong-default{color:var(--neutral-100)}.text-neutral-medium,.text-neutral-medium-default{color:var(--neutral-400)}.text-neutral-medium-hover{color:var(--neutral-500)}.text-neutral-medium-pressed,.text-neutral-medium-focused{color:var(--neutral-600)}.text-neutral-medium-disabled{color:var(--neutral-500)}.text-neutral-weak,.text-neutral-weak-default{color:var(--neutral-900)}.text-neutral-weak-hover,.text-neutral-weak-pressed,.text-neutral-weak-focused{color:var(--neutral-800)}.text-neutral-weak-disabled{color:var(--neutral-500)}.text-success,.text-success-default-default,.text-success-default-hover{color:var(--success-500)}.text-success-default-pressed{color:var(--success-700)}.text-success-default-focused{color:var(--success-500)}.text-success-default-disabled{color:var(--neutral-800)}.text-success-medium-default,.text-success-medium-hover,.text-success-medium-pressed,.text-success-medium-focused{color:var(--success-500)}.text-success-medium-disabled{color:var(--neutral-800)}.text-error,.text-error-default-default{color:var(--error-500)}.text-error-default-hover{color:var(--error-600)}.text-error-default-pressed,.text-error-default-focused{color:var(--error-700)}.text-error-default-disabled{color:var(--neutral-800)}.text-error-medium-default,.text-error-medium-hover{color:var(--error-500)}.text-error-medium-pressed,.text-error-medium-focused{color:var(--error-700)}.text-error-medium-disabled{color:var(--neutral-800)}.text-error-light{color:var(--error-400)}.text-error-dark{color:var(--error-600)}.text-error-weak-default{color:var(--error-950)}.text-warning,.text-warning-default-default{color:var(--warning-500)}.text-warning-default-hover{color:var(--warning-600)}.text-warning-default-pressed,.text-warning-default-focused{color:var(--warning-700)}.text-warning-default-disabled{color:var(--neutral-800)}.text-warning-medium-default,.text-warning-medium-hover{color:var(--warning-500)}.text-warning-medium-pressed,.text-warning-medium-focused{color:var(--warning-600)}.text-warning-medium-disabled{color:var(--neutral-800)}.text-warning-light{color:var(--warning-400)}.text-warning-dark{color:var(--warning-600)}.text-pending{color:var(--pending-500)}.text-pending-light{color:var(--pending-300)}.text-progress{color:var(--progress-500)}.text-progress-light{color:var(--progress-300)}.bg-primary,.bg-primary-default-default{background-color:var(--primary-500)}.bg-primary-default-disabled{background-color:var(--neutral-600)}.bg-primary-default-hover{background-color:var(--primary-600)}.bg-primary-default-pressed,.bg-primary-default-focused{background-color:var(--primary-700)}.bg-primary-medium-default{background-color:var(--primary-200)}.bg-primary-medium-disabled{background-color:var(--neutral-800)}.bg-primary-light{background-color:var(--primary-400)}.bg-primary-dark{background-color:var(--primary-600)}.bg-neutral{background-color:var(--neutral-500)}.bg-neutral-default-default{background-color:var(--neutral-900)}.bg-neutral-default-default-light{background-color:var(--neutral-200)}.bg-neutral-default-pressed{background-color:var(--neutral-700)}.bg-neutral-default-hover{background-color:var(--neutral-800)}.bg-neutral-default-hover-light{background-color:var(--neutral-400)}.bg-neutral-strong{background-color:var(--neutral-100)}.bg-neutral-strong-default{background-color:var(--neutral-925)}.bg-neutral-strong-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium{background-color:var(--neutral-400)}.bg-neutral-medium-default{background-color:var(--neutral-800)}.bg-neutral-medium-hover{background-color:var(--neutral-700)}.bg-neutral-medium-selected{background-color:var(--neutral-800)}.bg-neutral-medium-pressed{background-color:var(--neutral-925)}.bg-neutral-weak{background-color:var(--neutral-900)}.bg-neutral-weak-default{background-color:var(--neutral-600)}.bg-neutral-weak-hover{background-color:var(--neutral-500)}.bg-neutral-weak-focused{background-color:var(--neutral-400)}.bg-surface{background-color:var(--neutral-800)}.bg-surface-elevated{background-color:var(--neutral-700)}.bg-success,.bg-success-default-default{background-color:var(--success-500)}.bg-success-default-hover{background-color:var(--success-600)}.bg-success-default-pressed,.bg-success-default-focused{background-color:var(--success-700)}.bg-success-medium-default{background-color:var(--success-200)}.bg-success-light{background-color:var(--success-400)}.bg-success-dark{background-color:var(--success-600)}.bg-error,.bg-error-default-default{background-color:var(--error-500)}.bg-error-default-hover{background-color:var(--error-600)}.bg-error-default-pressed{background-color:var(--error-700)}.bg-error-medium-default{background-color:var(--error-200)}.bg-error-light{background-color:var(--error-400)}.bg-error-dark{background-color:var(--error-600)}.bg-warning,.bg-warning-default-default{background-color:var(--warning-500)}.bg-warning-default-hover{background-color:var(--warning-600)}.bg-warning-default-pressed{background-color:var(--warning-700)}.bg-warning-medium-default{background-color:var(--warning-200)}.bg-warning-light{background-color:var(--warning-400)}.bg-warning-dark{background-color:var(--warning-600)}.border-primary{border-color:var(--primary-500)}.border-primary-default-default{border-color:var(--primary-400)}.border-primary-default-hover{border-color:var(--primary-500)}.border-primary-default-focused,.border-primary-default-pressed{border-color:var(--primary-600)}.border-primary-default-disabled{border-color:var(--neutral-700)}.border-primary-strong-pressed{border-color:var(--primary-700)}.border-primary-light,.border-primary-medium-default{border-color:var(--primary-400)}.border-primary-medium-disabled{border-color:var(--neutral-600)}.border-primary-medium-hover{border-color:var(--primary-300)}.border-primary-medium-pressed{border-color:var(--primary-200)}.border-neutral,.border-neutral-default-default{border-color:var(--neutral-500)}.border-neutral-default-hover{border-color:var(--neutral-400)}.border-neutral-default-pressed,.border-neutral-default-focused{border-color:var(--neutral-500)}.border-neutral-default-disabled,.border-neutral-strong-default{border-color:var(--neutral-700)}.border-neutral-strong{border-color:var(--neutral-800)}.border-neutral-default{border-color:var(--neutral-900)}.border-neutral-medium{border-color:var(--neutral-600)}.border-neutral-weak{border-color:var(--neutral-700)}.border-success,.border-success-default-default{border-color:var(--success-500)}.border-success-default-hover{border-color:var(--success-600)}.border-success-default-pressed,.border-success-default-focused{border-color:var(--success-700)}.border-success-default-disabled{border-color:var(--neutral-800)}.border-error,.border-error-default-default{border-color:var(--error-500)}.border-error-default-hover{border-color:var(--error-600)}.border-error-default-pressed,.border-error-default-focused{border-color:var(--error-700)}.border-error-default-disabled{border-color:var(--neutral-800)}.border-warning,.border-warning-default-default{border-color:var(--warning-500)}.border-warning-default-hover{border-color:var(--warning-600)}.border-warning-default-pressed,.border-warning-default-focused{border-color:var(--warning-700)}.icon-neutral-default-default{color:var(--neutral-500)}.icon-neutral-medium-default{color:var(--neutral-400)}.icon-neutral-medium-focused{color:var(--neutral-600)}.icon-neutral-strong-default{color:var(--neutral-100)}.icon-neutral-strong-disabled{color:var(--neutral-500)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs-prometeo{font-size:.875rem;line-height:1.25}.text-sm-prometeo{font-size:1rem;line-height:1.375}.text-md-prometeo{font-size:1.125rem;line-height:1.375}.text-lg-prometeo{font-size:1.25rem;line-height:1.375}.text-xl-prometeo{font-size:1.5rem;line-height:1.375}.bg-primary{background-color:var(--primary-500)}.bg-primary:hover{background-color:var(--primary-600)}.bg-primary:active{background-color:var(--primary-700)}.bg-success{background-color:var(--success-500)}.bg-success:hover{background-color:var(--success-600)}.bg-error{background-color:var(--error-500)}.bg-error:hover{background-color:var(--error-600)}.input-base{padding:.5rem .75rem;border:1px solid var(--neutral-500);border-radius:.375rem;background-color:var(--neutral-800);color:var(--neutral-100)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #615fff1a}.ring-primary-default-default{--tw-ring-color: var(--primary-400)}.ring-primary-default-hover,.ring-primary-default-pressed,.ring-primary-default-focused{--tw-ring-color: var(--primary-600)}.ring-success-default-default{--tw-ring-color: var(--success-500)}.ring-success-default-hover,.ring-success-default-pressed{--tw-ring-color: var(--success-600)}.ring-success-default-focused{--tw-ring-color: var(--success-700)}.ring-warning-default-default{--tw-ring-color: var(--warning-500)}.ring-warning-default-hover{--tw-ring-color: var(--warning-600)}.ring-warning-default-pressed,.ring-warning-default-focused{--tw-ring-color: var(--warning-700)}.ring-error-default-default{--tw-ring-color: var(--error-500)}.ring-error-default-hover{--tw-ring-color: var(--error-600)}.ring-error-default-pressed,.ring-error-default-focused{--tw-ring-color: var(--error-700)}.prometeo-scrollbar-thin{--sb-size: 8px !important;--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400)}.prometeo-scrollbar-thin::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}.prometeo-scrollbar-thin::-webkit-scrollbar-track{background:var(--sb-track-color)}.prometeo-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:2px solid var(--sb-track-color);border-radius:8px}.scrollbar-stable{scrollbar-gutter:stable}.prometeo-scrollbar-overlay{--sb-size: 8px;padding-inline-end:var(--sb-size)!important;margin-inline-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay::-webkit-scrollbar{width:var(--sb-size)}.prometeo-scrollbar-overlay-x{--sb-size: 8px;padding-block-end:var(--sb-size)!important;margin-block-end:calc(-1 * var(--sb-size))!important}.prometeo-scrollbar-overlay-x::-webkit-scrollbar{height:var(--sb-size)}.prometeo-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.prometeo-scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}*,body{font-family:Montserrat,sans-serif}@utility prometeo-fonts-display-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 56px; line-height: 64px; color: var(--black);}@utility prometeo-fonts-display-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 48px; line-height: 56px; color: var(--black);}@utility prometeo-fonts-display-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 36px; line-height: 44px; color: var(--black);}@utility prometeo-fonts-headline-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; color: var(--neutral-100);}@utility prometeo-fonts-headline-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 28px; line-height: 32px; color: var(--neutral-100);}@utility prometeo-fonts-headline-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-large{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-title-medium{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-title-small{font-family: "Montserrat",sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-xlarge{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: var(--neutral-100);}@utility prometeo-fonts-body-large{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--neutral-100);}@utility prometeo-fonts-body-medium{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-body-small{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-body-xsmall{font-family: "Montserrat",sans-serif; font-weight: 400; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-fonts-label-xlarge{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--neutral-100);}@utility prometeo-fonts-label-large{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-medium{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 18px; color: var(--neutral-100);}@utility prometeo-fonts-label-small{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 12px; line-height: 14px; color: var(--neutral-100);}@utility prometeo-fonts-label-xsmall{font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 10px; line-height: 12px; color: var(--neutral-100);}@utility prometeo-gradient-bg{background: linear-gradient(to bottom,var(--primary-900),var(--primary-950));}@utility prometeo-gradient-border{-o-border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%); border-image: linear-gradient(to bottom,var(--primary-950) 0%,var(--primary-900) 100%);}@utility text-white-prometeo{color: var(--white);}@utility text-black-prometeo{color: var(--black);}@utility text-primary{color: var(--primary-500);}@utility text-primary-default{color: var(--primary-400);}@utility text-primary-default-default{color: var(--primary-400);}@utility text-primary-default-hover{color: var(--primary-500);}@utility text-primary-default-pressed{color: var(--primary-600);}@utility text-primary-default-focused{color: var(--primary-600);}@utility text-primary-default-disabled{color: var(--neutral-800);}@utility text-primary-light{color: var(--primary-400);}@utility text-primary-dark{color: var(--primary-600);}@utility text-primary-medium-default{color: var(--primary-400);}@utility text-primary-medium-hover{color: var(--primary-300);}@utility text-primary-medium-pressed{color: var(--primary-200);}@utility text-primary-medium-focused{color: var(--primary-200);}@utility text-primary-medium-disabled{color: var(--neutral-800);}@utility text-neutral{color: var(--neutral-500);}@utility text-label-default{color: var(--neutral-400);}@utility text-neutral-default-default{color: var(--neutral-200);}@utility text-neutral-default-hover{color: var(--neutral-300);}@utility text-neutral-default-pressed{color: var(--neutral-400);}@utility text-neutral-default-focused{color: var(--neutral-400);}@utility text-neutral-default-disabled{color: var(--neutral-500);}@utility text-neutral-strong{color: var(--neutral-100);}@utility text-neutral-strong-hover{color: var(--neutral-200);}@utility text-neutral-strong-pressed{color: var(--neutral-300);}@utility text-neutral-strong-focused{color: var(--neutral-300);}@utility text-neutral-strong-disabled{color: var(--neutral-500);}@utility text-neutral-strong-default{color: var(--neutral-100);}@utility text-neutral-medium{color: var(--neutral-400);}@utility text-neutral-medium-default{color: var(--neutral-400);}@utility text-neutral-medium-hover{color: var(--neutral-500);}@utility text-neutral-medium-pressed{color: var(--neutral-600);}@utility text-neutral-medium-focused{color: var(--neutral-600);}@utility text-neutral-medium-disabled{color: var(--neutral-500);}@utility text-neutral-weak{color: var(--neutral-900);}@utility text-neutral-weak-default{color: var(--neutral-900);}@utility text-neutral-weak-hover{color: var(--neutral-800);}@utility text-neutral-weak-pressed{color: var(--neutral-800);}@utility text-neutral-weak-focused{color: var(--neutral-800);}@utility text-neutral-weak-disabled{color: var(--neutral-500);}@utility text-success{color: var(--success-500);}@utility text-success-default-default{color: var(--success-500);}@utility text-success-default-hover{color: var(--success-500);}@utility text-success-default-pressed{color: var(--success-700);}@utility text-success-default-focused{color: var(--success-500);}@utility text-success-default-disabled{color: var(--neutral-800);}@utility text-success-medium-default{color: var(--success-500);}@utility text-success-medium-hover{color: var(--success-500);}@utility text-success-medium-pressed{color: var(--success-500);}@utility text-success-medium-focused{color: var(--success-500);}@utility text-success-medium-disabled{color: var(--neutral-800);}@utility text-error{color: var(--error-500);}@utility text-error-default-default{color: var(--error-500);}@utility text-error-default-hover{color: var(--error-600);}@utility text-error-default-pressed{color: var(--error-700);}@utility text-error-default-focused{color: var(--error-700);}@utility text-error-default-disabled{color: var(--neutral-800);}@utility text-error-medium-default{color: var(--error-500);}@utility text-error-medium-hover{color: var(--error-500);}@utility text-error-medium-pressed{color: var(--error-700);}@utility text-error-medium-focused{color: var(--error-700);}@utility text-error-medium-disabled{color: var(--neutral-800);}@utility text-error-light{color: var(--error-400);}@utility text-error-dark{color: var(--error-600);}@utility text-error-weak-default{color: var(--error-950);}@utility text-warning{color: var(--warning-500);}@utility text-warning-default-default{color: var(--warning-500);}@utility text-warning-default-hover{color: var(--warning-600);}@utility text-warning-default-pressed{color: var(--warning-700);}@utility text-warning-default-focused{color: var(--warning-700);}@utility text-warning-default-disabled{color: var(--neutral-800);}@utility text-warning-medium-default{color: var(--warning-500);}@utility text-warning-medium-hover{color: var(--warning-500);}@utility text-warning-medium-pressed{color: var(--warning-600);}@utility text-warning-medium-focused{color: var(--warning-600);}@utility text-warning-medium-disabled{color: var(--neutral-800);}@utility text-warning-light{color: var(--warning-400);}@utility text-warning-dark{color: var(--warning-600);}@utility text-pending{color: var(--pending-500);}@utility text-pending-light{color: var(--pending-300);}@utility text-progress{color: var(--progress-500);}@utility text-progress-light{color: var(--progress-300);}@utility bg-primary{background-color: var(--primary-500);}@utility bg-primary-default-default{background-color: var(--primary-500);}@utility bg-primary-default-disabled{background-color: var(--neutral-600);}@utility bg-primary-default-hover{background-color: var(--primary-600);}@utility bg-primary-default-pressed{background-color: var(--primary-700);}@utility bg-primary-default-focused{background-color: var(--primary-700);}@utility bg-primary-medium-default{background-color: var(--primary-200);}@utility bg-primary-medium-disabled{background-color: var(--neutral-800);}@utility bg-primary-light{background-color: var(--primary-400);}@utility bg-primary-dark{background-color: var(--primary-600);}@utility bg-neutral{background-color: var(--neutral-500);}@utility bg-neutral-default-default{background-color: var(--neutral-900);}@utility bg-neutral-default-default-light{background-color: var(--neutral-200);}@utility bg-neutral-default-pressed{background-color: var(--neutral-700);}@utility bg-neutral-default-hover{background-color: var(--neutral-800);}@utility bg-neutral-default-hover-light{background-color: var(--neutral-400);}@utility bg-neutral-strong{background-color: var(--neutral-100);}@utility bg-neutral-strong-default{background-color: var(--neutral-925);}@utility bg-neutral-strong-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium{background-color: var(--neutral-400);}@utility bg-neutral-medium-default{background-color: var(--neutral-800);}@utility bg-neutral-medium-hover{background-color: var(--neutral-700);}@utility bg-neutral-medium-selected{background-color: var(--neutral-800);}@utility bg-neutral-medium-pressed{background-color: var(--neutral-925);}@utility bg-neutral-weak{background-color: var(--neutral-900);}@utility bg-neutral-weak-default{background-color: var(--neutral-600);}@utility bg-neutral-weak-hover{background-color: var(--neutral-500);}@utility bg-neutral-weak-focused{background-color: var(--neutral-400);}@utility bg-surface{background-color: var(--neutral-800);}@utility bg-surface-elevated{background-color: var(--neutral-700);}@utility bg-success{background-color: var(--success-500);}@utility bg-success-default-default{background-color: var(--success-500);}@utility bg-success-default-hover{background-color: var(--success-600);}@utility bg-success-default-pressed{background-color: var(--success-700);}@utility bg-success-default-focused{background-color: var(--success-700);}@utility bg-success-medium-default{background-color: var(--success-200);}@utility bg-success-light{background-color: var(--success-400);}@utility bg-success-dark{background-color: var(--success-600);}@utility bg-error{background-color: var(--error-500);}@utility bg-error-default-default{background-color: var(--error-500);}@utility bg-error-default-hover{background-color: var(--error-600);}@utility bg-error-default-pressed{background-color: var(--error-700);}@utility bg-error-medium-default{background-color: var(--error-200);}@utility bg-error-light{background-color: var(--error-400);}@utility bg-error-dark{background-color: var(--error-600);}@utility bg-warning{background-color: var(--warning-500);}@utility bg-warning-default-default{background-color: var(--warning-500);}@utility bg-warning-default-hover{background-color: var(--warning-600);}@utility bg-warning-default-pressed{background-color: var(--warning-700);}@utility bg-warning-medium-default{background-color: var(--warning-200);}@utility bg-warning-light{background-color: var(--warning-400);}@utility bg-warning-dark{background-color: var(--warning-600);}@utility border-primary{border-color: var(--primary-500);}@utility border-primary-default-default{border-color: var(--primary-400);}@utility border-primary-default-hover{border-color: var(--primary-500);}@utility border-primary-default-focused{border-color: var(--primary-600);}@utility border-primary-default-pressed{border-color: var(--primary-600);}@utility border-primary-default-disabled{border-color: var(--neutral-700);}@utility border-primary-strong-pressed{border-color: var(--primary-700);}@utility border-primary-light{border-color: var(--primary-400);}@utility border-primary-medium-default{border-color: var(--primary-400);}@utility border-primary-medium-disabled{border-color: var(--neutral-600);}@utility border-primary-medium-hover{border-color: var(--primary-300);}@utility border-primary-medium-pressed{border-color: var(--primary-200);}@utility border-neutral{border-color: var(--neutral-500);}@utility border-neutral-default-default{border-color: var(--neutral-500);}@utility border-neutral-default-hover{border-color: var(--neutral-400);}@utility border-neutral-default-pressed{border-color: var(--neutral-500);}@utility border-neutral-default-focused{border-color: var(--neutral-500);}@utility border-neutral-default-disabled{border-color: var(--neutral-700);}@utility border-neutral-strong-default{border-color: var(--neutral-700);}@utility border-neutral-strong{border-color: var(--neutral-800);}@utility border-neutral-default{border-color: var(--neutral-900);}@utility border-neutral-medium{border-color: var(--neutral-600);}@utility border-neutral-weak{border-color: var(--neutral-700);}@utility border-success{border-color: var(--success-500);}@utility border-success-default-default{border-color: var(--success-500);}@utility border-success-default-hover{border-color: var(--success-600);}@utility border-success-default-pressed{border-color: var(--success-700);}@utility border-success-default-focused{border-color: var(--success-700);}@utility border-success-default-disabled{border-color: var(--neutral-800);}@utility border-error{border-color: var(--error-500);}@utility border-error-default-default{border-color: var(--error-500);}@utility border-error-default-hover{border-color: var(--error-600);}@utility border-error-default-pressed{border-color: var(--error-700);}@utility border-error-default-focused{border-color: var(--error-700);}@utility border-error-default-disabled{border-color: var(--neutral-800);}@utility border-warning{border-color: var(--warning-500);}@utility border-warning-default-default{border-color: var(--warning-500);}@utility border-warning-default-hover{border-color: var(--warning-600);}@utility border-warning-default-pressed{border-color: var(--warning-700);}@utility border-warning-default-focused{border-color: var(--warning-700);}@utility icon-neutral-default-default{color: var(--neutral-500);}@utility icon-neutral-medium-default{color: var(--neutral-400);}@utility icon-neutral-medium-focused{color: var(--neutral-600);}@utility icon-neutral-strong-default{color: var(--neutral-100);}@utility icon-neutral-strong-disabled{color: var(--neutral-500);}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility text-xs-prometeo{font-size: .875rem; line-height: 1.25;}@utility text-sm-prometeo{font-size: 1rem; line-height: 1.375;}@utility text-md-prometeo{font-size: 1.125rem; line-height: 1.375;}@utility text-lg-prometeo{font-size: 1.25rem; line-height: 1.375;}@utility text-xl-prometeo{font-size: 1.5rem; line-height: 1.375;}@utility bg-primary{background-color: var(--primary-500); &:hover {background-color: var(--primary-600);} &:active {background-color: var(--primary-700);}}@utility bg-success{background-color: var(--success-500); &:hover {background-color: var(--success-600);}}@utility bg-error{background-color: var(--error-500); &:hover {background-color: var(--error-600);}}@utility input-base{padding: .5rem .75rem; border: 1px solid var(--neutral-500); border-radius: .375rem; background-color: var(--neutral-800); color: var(--neutral-100); &:focus {outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(97,95,255,.1);}}@utility ring-primary-default-default{ --tw-ring-color: var(--primary-400); }@utility ring-primary-default-hover{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-pressed{ --tw-ring-color: var(--primary-600); }@utility ring-primary-default-focused{ --tw-ring-color: var(--primary-600); }@utility ring-success-default-default{ --tw-ring-color: var(--success-500); }@utility ring-success-default-hover{ --tw-ring-color: var(--success-600); }@utility ring-success-default-pressed{ --tw-ring-color: var(--success-600); }@utility ring-success-default-focused{ --tw-ring-color: var(--success-700); }@utility ring-warning-default-default{ --tw-ring-color: var(--warning-500); }@utility ring-warning-default-hover{ --tw-ring-color: var(--warning-600); }@utility ring-warning-default-pressed{ --tw-ring-color: var(--warning-700); }@utility ring-warning-default-focused{ --tw-ring-color: var(--warning-700); }@utility ring-error-default-default{ --tw-ring-color: var(--error-500); }@utility ring-error-default-hover{ --tw-ring-color: var(--error-600); }@utility ring-error-default-pressed{ --tw-ring-color: var(--error-700); }@utility ring-error-default-focused{ --tw-ring-color: var(--error-700); }*{--sb-track-color: var(--neutral-800);--sb-thumb-color: var(--primary-400);--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border:3px solid var(--neutral-800);border-radius:10px}@utility prometeo-scrollbar-thin{ --sb-size: 8px !important; --sb-track-color: var(--neutral-800); --sb-thumb-color: var(--primary-400); &::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); } &::-webkit-scrollbar-track { background: var(--sb-track-color); } &::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border: 2px solid var(--sb-track-color); border-radius: 8px; } }@utility scrollbar-stable{scrollbar-gutter: stable;}@utility prometeo-scrollbar-overlay{ --sb-size: 8px; padding-inline-end: var(--sb-size) !important; margin-inline-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { width: var(--sb-size); } }@utility prometeo-scrollbar-overlay-x{ --sb-size: 8px; padding-block-end: var(--sb-size) !important; margin-block-end: calc(-1 * var(--sb-size)) !important; &::-webkit-scrollbar { height: var(--sb-size); } }@utility prometeo-scrollbar-none{scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {width: 0; height: 0; display: none; background: transparent;}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.input-group{position:relative;width:var(--input-width, 100%)}.input-field{padding:12px;border:1px solid var(--neutral-500);font-size:16px;transition:all .1s ease;border-radius:8px;box-sizing:border-box}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-color:transparent;padding:0 .25rem;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease;z-index:10}.input-field:focus+.floating-label,.input-field.has-value+.floating-label{top:-10px;left:0;transform:translateY(-50%);font-size:.75rem;color:var(--neutral-400)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;background-color:transparent;border:1px solid var(--neutral-400);border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:#fff;border-bottom:1px solid #374151}.custom-option:last-child{border-bottom:none}.custom-option:hover{background-color:#374151}.custom-option.selected{background-color:#1e40af}.custom-option.selected:hover{background-color:#1d4ed8}.option-checkbox{margin-right:.75rem;accent-color:#3b82f6}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem;flex-shrink:0}@keyframes cursor-intermitent{0%{opacity:1}50%{opacity:0}to{opacity:1}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "prometeo-design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.9.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "design kit system",
|
|
7
7
|
"main": "dist/prometeo-design-system.umd.js",
|
|
@@ -33,6 +33,10 @@
|
|
|
33
33
|
"types": "./dist/CheckBox.d.ts",
|
|
34
34
|
"import": "./dist/CheckBox.es.js"
|
|
35
35
|
},
|
|
36
|
+
"./CheckboxFormik": {
|
|
37
|
+
"types": "./dist/CheckboxFormik.d.ts",
|
|
38
|
+
"import": "./dist/CheckboxFormik.es.js"
|
|
39
|
+
},
|
|
36
40
|
"./DialogModal": {
|
|
37
41
|
"types": "./dist/DialogModal.d.ts",
|
|
38
42
|
"import": "./dist/DialogModal.es.js"
|
|
@@ -53,6 +57,10 @@
|
|
|
53
57
|
"types": "./dist/Input.d.ts",
|
|
54
58
|
"import": "./dist/Input.es.js"
|
|
55
59
|
},
|
|
60
|
+
"./InputFormik": {
|
|
61
|
+
"types": "./dist/InputFormik.d.ts",
|
|
62
|
+
"import": "./dist/InputFormik.es.js"
|
|
63
|
+
},
|
|
56
64
|
"./Logo": {
|
|
57
65
|
"types": "./dist/Logo.d.ts",
|
|
58
66
|
"import": "./dist/Logo.es.js"
|
|
@@ -77,6 +85,10 @@
|
|
|
77
85
|
"types": "./dist/Select.d.ts",
|
|
78
86
|
"import": "./dist/Select.es.js"
|
|
79
87
|
},
|
|
88
|
+
"./SelectFormik": {
|
|
89
|
+
"types": "./dist/SelectFormik.d.ts",
|
|
90
|
+
"import": "./dist/SelectFormik.es.js"
|
|
91
|
+
},
|
|
80
92
|
"./Spinner": {
|
|
81
93
|
"types": "./dist/Spinner.d.ts",
|
|
82
94
|
"import": "./dist/Spinner.es.js"
|
|
@@ -89,10 +101,6 @@
|
|
|
89
101
|
"types": "./dist/SwipeContainer.d.ts",
|
|
90
102
|
"import": "./dist/SwipeContainer.es.js"
|
|
91
103
|
},
|
|
92
|
-
"./Switch": {
|
|
93
|
-
"types": "./dist/Switch.d.ts",
|
|
94
|
-
"import": "./dist/Switch.es.js"
|
|
95
|
-
},
|
|
96
104
|
"./TabLinks": {
|
|
97
105
|
"types": "./dist/TabLinks.d.ts",
|
|
98
106
|
"import": "./dist/TabLinks.es.js"
|
|
@@ -149,6 +157,10 @@
|
|
|
149
157
|
"types": "./dist/Image.d.ts",
|
|
150
158
|
"import": "./dist/Image.es.js"
|
|
151
159
|
},
|
|
160
|
+
"./InputFormikV2": {
|
|
161
|
+
"types": "./dist/InputFormikV2.d.ts",
|
|
162
|
+
"import": "./dist/InputFormikV2.es.js"
|
|
163
|
+
},
|
|
152
164
|
"./SelectSearch": {
|
|
153
165
|
"types": "./dist/SelectSearch.d.ts",
|
|
154
166
|
"import": "./dist/SelectSearch.es.js"
|
|
@@ -165,21 +177,17 @@
|
|
|
165
177
|
"types": "./dist/RadioButton.d.ts",
|
|
166
178
|
"import": "./dist/RadioButton.es.js"
|
|
167
179
|
},
|
|
168
|
-
"./
|
|
169
|
-
"types": "./dist/
|
|
170
|
-
"import": "./dist/
|
|
180
|
+
"./RadioButtonFormik": {
|
|
181
|
+
"types": "./dist/RadioButtonFormik.d.ts",
|
|
182
|
+
"import": "./dist/RadioButtonFormik.es.js"
|
|
171
183
|
},
|
|
172
|
-
"./
|
|
173
|
-
"types": "./dist/useDevice.d.ts",
|
|
174
|
-
"import": "./dist/useDevice.es.js"
|
|
175
|
-
},
|
|
176
|
-
"./css": "./src/styles/app.css",
|
|
184
|
+
"./styles": "./dist/prometeo-design-system.css",
|
|
177
185
|
"./intellisense": "./src/styles/intellisense.css"
|
|
178
186
|
},
|
|
179
187
|
"files": [
|
|
180
188
|
"dist",
|
|
181
189
|
"README.md",
|
|
182
|
-
"src/styles"
|
|
190
|
+
"src/styles/intellisense.css"
|
|
183
191
|
],
|
|
184
192
|
"keywords": [
|
|
185
193
|
"react",
|
|
@@ -194,7 +202,7 @@
|
|
|
194
202
|
"license": "MIT",
|
|
195
203
|
"repository": {
|
|
196
204
|
"type": "git",
|
|
197
|
-
"url": "
|
|
205
|
+
"url": "https://github.com/your-username/prometeo-design-system.git"
|
|
198
206
|
},
|
|
199
207
|
"homepage": "https://github.com/your-username/prometeo-design-system#readme",
|
|
200
208
|
"bugs": {
|
|
@@ -202,24 +210,24 @@
|
|
|
202
210
|
},
|
|
203
211
|
"scripts": {
|
|
204
212
|
"dev": "vite",
|
|
205
|
-
"build": "node scripts/migrate-utilities.js && tsc -
|
|
206
|
-
"build:mf": "node scripts/migrate-utilities.js && tsc -p tsconfig.build.json && vite build --config vite.mf.config.ts",
|
|
207
|
-
"preview:mf": "vite preview --config vite.mf.config.ts --port 5001",
|
|
213
|
+
"build": "node scripts/migrate-utilities.js && tsc -b && vite build",
|
|
208
214
|
"lint": "eslint .",
|
|
209
215
|
"dev:preview": "vite --config vite.preview.config.ts",
|
|
210
216
|
"build:preview": "vite build --config vite.preview.config.ts",
|
|
211
217
|
"preview": "vite preview --config vite.preview.config.ts --port 4173",
|
|
212
218
|
"clean": "rm -rf dist",
|
|
213
219
|
"storybook": "storybook dev -p 6006",
|
|
214
|
-
"build-storybook": "
|
|
220
|
+
"build-storybook": "storybook build",
|
|
215
221
|
"migrate:utilities": "node scripts/migrate-utilities.js"
|
|
216
222
|
},
|
|
223
|
+
"dependencies": {
|
|
224
|
+
"shared-dependencies-tickets": "^1.0.11"
|
|
225
|
+
},
|
|
217
226
|
"devDependencies": {
|
|
218
227
|
"@biomejs/biome": "2.2.7",
|
|
219
228
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
220
229
|
"@eslint/js": "^9.33.0",
|
|
221
230
|
"@gsap/react": "^2.1.2",
|
|
222
|
-
"@originjs/vite-plugin-federation": "^1.4.1",
|
|
223
231
|
"@storybook/addon-docs": "^9.1.3",
|
|
224
232
|
"@storybook/addon-onboarding": "^9.1.3",
|
|
225
233
|
"@storybook/react-vite": "^9.1.3",
|
|
@@ -236,10 +244,12 @@
|
|
|
236
244
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
237
245
|
"eslint-plugin-react-refresh": "^0.4.20",
|
|
238
246
|
"eslint-plugin-storybook": "^9.1.3",
|
|
247
|
+
"formik": "^2.4.6",
|
|
239
248
|
"framer-motion": "^12.23.22",
|
|
240
249
|
"globals": "^16.3.0",
|
|
241
250
|
"gsap": "^3.13.0",
|
|
242
251
|
"input-otp": "^1.4.2",
|
|
252
|
+
"lucide-react": "^0.400.0",
|
|
243
253
|
"react": "^19.0.0",
|
|
244
254
|
"react-day-picker": "^9.11.1",
|
|
245
255
|
"react-dom": "^19.0.0",
|
|
@@ -256,6 +266,7 @@
|
|
|
256
266
|
"typescript-eslint": "^8.39.1",
|
|
257
267
|
"unplugin-fonts": "^1.4.0",
|
|
258
268
|
"use-debounce": "^10.0.6",
|
|
269
|
+
"vaul": "^1.1.2",
|
|
259
270
|
"vite": "^7.1.2",
|
|
260
271
|
"vite-plugin-dts": "^4.5.4"
|
|
261
272
|
},
|
|
@@ -263,10 +274,10 @@
|
|
|
263
274
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
264
275
|
"@gsap/react": "^2.0.0",
|
|
265
276
|
"clsx": "^2.0.0",
|
|
266
|
-
"
|
|
267
|
-
"@tailwindcss/postcss": "^4.1.14",
|
|
277
|
+
"formik": "^2.4.6",
|
|
268
278
|
"framer-motion": "^12.0.0",
|
|
269
279
|
"gsap": "^3.12.5",
|
|
280
|
+
"lucide-react": "^0.400.0",
|
|
270
281
|
"react": "^19.0.0",
|
|
271
282
|
"react-dom": "^19.0.0",
|
|
272
283
|
"react-dropzone": "^14.3.8",
|
|
@@ -275,7 +286,8 @@
|
|
|
275
286
|
"react-spinners": "^0.17.0",
|
|
276
287
|
"sonner": "^2.0.7",
|
|
277
288
|
"tailwind-merge": "^3.0.0",
|
|
278
|
-
"use-debounce": "^10.0.0"
|
|
289
|
+
"use-debounce": "^10.0.0",
|
|
290
|
+
"vaul": "^1.1.2"
|
|
279
291
|
},
|
|
280
292
|
"overrides": {
|
|
281
293
|
"ajv": "^8.17.1",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
@utility bg-primary-default-disabled { --intellisense-bg-primary-default-disabled: 1; }
|
|
109
109
|
@utility bg-primary-default-hover { --intellisense-bg-primary-default-hover: 1; }
|
|
110
110
|
@utility bg-primary-default-pressed { --intellisense-bg-primary-default-pressed: 1; }
|
|
111
|
-
@utility bg-primary-default-
|
|
111
|
+
@utility bg-primary-default-pressed { --intellisense-bg-primary-default-pressed: 1; }
|
|
112
112
|
@utility bg-primary-medium-default { --intellisense-bg-primary-medium-default: 1; }
|
|
113
113
|
@utility bg-primary-medium-disabled { --intellisense-bg-primary-medium-disabled: 1; }
|
|
114
114
|
@utility bg-primary-light { --intellisense-bg-primary-light: 1; }
|
|
@@ -167,7 +167,6 @@
|
|
|
167
167
|
@utility border-primary-medium-pressed { --intellisense-border-primary-medium-pressed: 1; }
|
|
168
168
|
@utility border-primary-medium-disabled { --intellisense-border-primary-medium-disabled: 1; }
|
|
169
169
|
@utility border-primary-medium-hover { --intellisense-border-primary-medium-hover: 1; }
|
|
170
|
-
@utility border-primary-medium-pressed { --intellisense-border-primary-medium-pressed: 1; }
|
|
171
170
|
@utility border-neutral { --intellisense-border-neutral: 1; }
|
|
172
171
|
@utility border-neutral-default-default { --intellisense-border-neutral-default-default: 1; }
|
|
173
172
|
@utility border-neutral-default-hover { --intellisense-border-neutral-default-hover: 1; }
|