@dss-kit/ui-kit 0.1.18 → 0.1.20
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/root.css +1 -1
- package/dist/ui-kit.cjs.js +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +1 -1
- package/package.json +1 -1
package/dist/root.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}:root{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-10: rgba(0, 82, 255, .1);--accent-50-12: rgba(0, 82, 255, .12);--accent-50-20: rgba(0, 82, 255, .2);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-inverse: var(--neutral-100);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-inverse: var(--neutral-80-50);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-primary-inverse: var(--neutral-100);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-inverse: var(--neutral-80-50);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100);--fill-neutral-primary-hover: var(--neutral-96);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-inverse: var(--neutral-60-8);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-primary-inverse: var(--neutral-15);--fill-bg-secondary: var(--neutral-98);--fill-bg-secondary-inverse: var(--neutral-20);--fill-bg-tertiary: var(--neutral-96);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-86);--scrollbar-track-primary: var(--neutral-96);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=dark],:root [data-theme=dark]{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-10: rgba(0, 82, 255, .1);--accent-50-12: rgba(0, 82, 255, .12);--accent-50-20: rgba(0, 82, 255, .2);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=brand],:root [data-theme=brand]{--accent-10: #321101;--accent-10-5: rgba(50, 17, 1, .05);--accent-20: #642102;--accent-30: #953204;--accent-40: #c74205;--accent-50: #f95306;--accent-50-8: rgba(249, 83, 6, .08);--accent-50-10: rgba(249, 83, 6, .1);--accent-50-12: rgba(249, 83, 6, .12);--accent-50-20: rgba(249, 83, 6, .2);--accent-60: #fa641f;--accent-60-8: rgba(250, 100, 31, .08);--accent-60-12: rgba(250, 100, 31, .12);--accent-70: #fb986a;--accent-80: #fdba9b;--accent-90: #feddcd;--accent-90-12: rgba(254, 221, 205, .12);--accent-92: #fee3d7;--accent-96: #fff1eb;--accent-96-8: rgba(255, 241, 235, .08);--accent-98: #fff1eb;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-40);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}
|
|
1
|
+
@charset "UTF-8";@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}:root{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-10: rgba(0, 82, 255, .1);--accent-50-12: rgba(0, 82, 255, .12);--accent-50-20: rgba(0, 82, 255, .2);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-100) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-100-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-100-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-50-10: rgba(95, 115, 160, .1);--neutral-50-20: rgba(95, 115, 160, .2);--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-inverse: var(--neutral-100);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-inverse: var(--neutral-80-50);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-primary-inverse: var(--neutral-100);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-inverse: var(--neutral-80-50);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100);--fill-neutral-primary-hover: var(--neutral-96);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-inverse: var(--neutral-60-8);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-primary-inverse: var(--neutral-15);--fill-bg-secondary: var(--neutral-98);--fill-bg-secondary-inverse: var(--neutral-20);--fill-bg-tertiary: var(--neutral-96);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-86);--scrollbar-track-primary: var(--neutral-96);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=dark],:root [data-theme=dark]{--accent-10: #001033;--accent-10-5: rgba(0, 16, 51, .05);--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-10: rgba(0, 82, 255, .1);--accent-50-12: rgba(0, 82, 255, .12);--accent-50-20: rgba(0, 82, 255, .2);--accent-60: #3375ff;--accent-60-8: rgba(51, 117, 255, .08);--accent-60-12: rgba(51, 117, 255, .12);--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-90-12: rgba(204, 220, 255, .12);--accent-96: #ebf1ff;--accent-96-8: rgba(235, 241, 255, .08);--accent-98: #f5f8ff;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-50-10: rgba(95, 115, 160, .1);--neutral-50-20: rgba(95, 115, 160, .2);--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-80-70);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root[data-theme=brand],:root [data-theme=brand]{--accent-10: #321101;--accent-10-5: rgba(50, 17, 1, .05);--accent-20: #642102;--accent-30: #953204;--accent-40: #c74205;--accent-50: #f95306;--accent-50-8: rgba(249, 83, 6, .08);--accent-50-10: rgba(249, 83, 6, .1);--accent-50-12: rgba(249, 83, 6, .12);--accent-50-20: rgba(249, 83, 6, .2);--accent-60: #fa641f;--accent-60-8: rgba(250, 100, 31, .08);--accent-60-12: rgba(250, 100, 31, .12);--accent-70: #fb986a;--accent-80: #fdba9b;--accent-90: #feddcd;--accent-90-12: rgba(254, 221, 205, .12);--accent-92: #fee3d7;--accent-96: #fff1eb;--accent-96-8: rgba(255, 241, 235, .08);--accent-98: #fff1eb;--gradient-accent-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--accent-50) 100% );--gradient-accent-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--accent-50-20) 100% );--gradient-accent-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--accent-50-10) 100% );--gradient-negative-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--negative-50) 100% );--gradient-negative-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--negative-50-20) 100% );--gradient-negative-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--negative-50-10) 100% );--gradient-positive-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--positive-50) 100% );--gradient-positive-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--positive-50-20) 100% );--gradient-positive-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--positive-50-10) 100% );--gradient-warning-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--warning-50) 100% );--gradient-warning-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--warning-50-20) 100% );--gradient-warning-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--warning-50-10) 100% );--gradient-neutral-1: linear-gradient( 180deg, var(--neutral-15) 0%, var(--neutral-50) 100% );--gradient-neutral-1-20: linear-gradient( 180deg, var(--neutral-15-20) 0%, var(--neutral-50-20) 100% );--gradient-neutral-1-10: linear-gradient( 180deg, var(--neutral-15-10) 0%, var(--neutral-50-10) 100% );--gradient-accent-alternative-1: linear-gradient( 235deg, var(--accent-50) 29.61%, var(--accent-20) 84.78% );--neutral-10: #131720;--neutral-10-40: rgba(19, 23, 32, .4);--neutral-15: #1c2230;--neutral-15-10: rgba(28, 34, 48, .1);--neutral-15-20: rgba(38, 46, 64, .2);--neutral-20: #262e40;--neutral-25: #313b50;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-50-10: rgba(95, 115, 160, .1);--neutral-50-20: rgba(95, 115, 160, .2);--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-80-50: rgba(191, 199, 217, .5);--neutral-80-70: rgba(191, 199, 217, .7);--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--neutral-100-8: rgba(255, 255, 255, .08);--neutral-100-10: rgba(255, 255, 255, .1);--neutral-100-12: rgba(255, 255, 255, .12);--neutral-100-20: rgba(255, 255, 255, .2);--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-50-10: rgba(249, 6, 6, .1);--negative-50-20: rgba(249, 6, 6, .2);--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-10: rgba(87, 194, 61, .1);--positive-50-12: rgba(87, 194, 61, .12);--positive-50-20: rgba(87, 194, 61, .2);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-80-8: rgba(188, 231, 177, .08);--positive-80-12: rgba(188, 231, 177, .12);--positive-90: #ddf3d8;--positive-90-8: rgba(221, 243, 216, .08);--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-50-10: rgba(254, 152, 1, .1);--warning-50-20: rgba(254, 152, 1, .2);--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-60-8);--border-accent-secondary-hover: var(--accent-60-12);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-60-8);--border-negative-secondary-hover: var(--negative-60-12);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-80-8);--border-positive-secondary-hover: var(--positive-50-12);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-60-8);--border-warning-secondary-hover: var(--warning-60-12);--border-neutral-primary: var(--neutral-30);--border-neutral-primary-hover: var(--neutral-40);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-100);--text-primary-inverse: var(--neutral-20);--text-primary-hover: var(--neutral-100);--text-secondary: var(--neutral-80-70);--text-secondary-inverse: var(--neutral-40);--text-secondary-hover: var(--neutral-80-70);--text-tertiary: var(--neutral-80-50);--text-tertiary-inverse: var(--neutral-60);--text-tertiary-hover: var(--neutral-80-50);--text-positive: var(--positive-60);--text-positive-hover: var(--positive-50);--text-negative: var(--negative-70);--text-negative-hover: var(--negative-60);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-50);--text-accent-hover: var(--accent-40);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-100);--icon-primary-hover: var(--neutral-100);--icon-primary-inverse: var(--neutral-20);--icon-secondary: var(--neutral-80-70);--icon-secondary-hover: var(--neutral-80-70);--icon-tertiary: var(--neutral-80-50);--icon-tertiary-inverse: var(--neutral-60);--icon-tertiary-hover: var(--neutral-80-50);--icon-positive: var(--positive-60);--icon-positive-hover: var(--positive-60);--icon-negative: var(--negative-70);--icon-negative-hover: var(--negative-70);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-60);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-50-8);--fill-accent-secondary-hover: var(--accent-50-12);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-50-8);--fill-positive-secondary-hover: var(--positive-50-12);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-60-8);--fill-negative-secondary-hover: var(--negative-60-12);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-60-8);--fill-warning-secondary-hover: var(--warning-60-12);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-primary: var(--neutral-100-8);--fill-neutral-primary-hover: var(--neutral-100-12);--fill-neutral-secondary: var(--neutral-60-8);--fill-neutral-secondary-inverse: var(--neutral-98);--fill-neutral-secondary-hover: var(--neutral-60-12);--fill-bg-primary: var(--neutral-15);--fill-bg-primary-inverse: var(--neutral-100);--fill-bg-secondary: var(--neutral-20);--fill-bg-tertiary: var(--neutral-25);--fill-bg-overlay-primary: var(--neutral-10-40);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-70);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-60);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-70);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-70);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--shadow-accent-primary: var(--accent-10-5);--scrollbar-thumb-primary: var(--neutral-80-50);--scrollbar-track-primary: var(--neutral-25);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--height-switch-sm: 20px;--height-switch-md: 24px;--height-switch-lg: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}
|
package/dist/ui-kit.cjs.js
CHANGED
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
transform-origin: center;\r
|
|
48
48
|
animation: spin 1s linear infinite;\r
|
|
49
49
|
}\r
|
|
50
|
-
`),P.createElement("g",{className:"spinner"},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0003 6.83317C13.5692 6.83317 11.2376 7.79894 9.51851 9.51803C7.79943 11.2371 6.83366 13.5687 6.83366 15.9998C6.83366 18.431 7.79943 20.7626 9.51851 22.4817C11.2376 24.2007 13.5692 25.1665 16.0003 25.1665C18.4315 25.1665 20.7631 24.2007 22.4821 22.4817C24.2012 20.7626 25.167 18.431 25.167 15.9998C25.167 13.5687 24.2012 11.2371 22.4821 9.51803C20.7631 7.79894 18.4315 6.83317 16.0003 6.83317ZM3.16699 15.9998C3.16699 8.91217 8.91266 3.1665 16.0003 3.1665C23.088 3.1665 28.8337 8.91217 28.8337 15.9998C28.8337 23.0875 23.088 28.8332 16.0003 28.8332C8.91266 28.8332 3.16699 23.0875 3.16699 15.9998Z",fill:"currentColor",fillOpacity:.12}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9997 6.83319C13.6363 6.82787 11.3633 7.74068 9.65999 9.37907C9.30711 9.70535 8.84021 9.88001 8.35982 9.86545C7.87943 9.85089 7.42396 9.64827 7.09149 9.30122C6.75902 8.95416 6.57612 8.49043 6.58218 8.00985C6.58823 7.52928 6.78276 7.07031 7.12388 6.73174C9.50956 4.43941 12.6912 3.16143 15.9997 3.16652C16.4859 3.16652 16.9522 3.35967 17.296 3.70349C17.6398 4.04731 17.833 4.51362 17.833 4.99985C17.833 5.48608 17.6398 5.9524 17.296 6.29621C16.9522 6.64003 16.4859 6.83319 15.9997 6.83319Z",fill:"currentColor"}))),Kp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("g",{clipPath:"url(#clip0_2074_3858)"},P.createElement("path",{d:"M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_2074_3858"},P.createElement("rect",{width:24,height:24,fill:"white"})))),qp="_table_19yhs_8",Xp={table:qp},Yp=w.forwardRef(({children:e,className:t,style:n,...i},s)=>m.jsx("td",{ref:s,className:M.cx(t),style:n,...i,children:e})),Sa=w.forwardRef(({children:e,className:t,showBorders:n=!1,isSelected:i=!1,...s},o)=>{const r=M.css({borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:o,className:M.cx(r,t),...s,children:e})});Sa.displayName="TableBodyRow";const Zp=w.forwardRef(({children:e,className:t,style:n,justifyContent:i="flex-start",alignItems:s="flex-start",...o},r)=>{const a=M.css({justifyContent:i,alignItems:s,fontWeight:"inherit"});return m.jsx("th",{ref:r,className:M.cx(a,t),style:n,...o,children:e})}),_a=w.forwardRef(({children:e,className:t,showBorders:n=!1,...i},s)=>{const o=M.css({backgroundColor:"var(--fill-bg-secondary)",borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:s,className:M.cx(o,t),...i,children:e})});_a.displayName="TableHeadRow";const Jp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),em=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),tm=(e,t)=>{const n=[];if(t<=10){for(let o=1;o<=t;o++)n.push(o);return n}const i=2,s=[];for(let o=Math.max(2,e+1-i);o<=Math.min(t-1,e+1+i);o++)s.push(o);return e+1-i>2?n.push(1,"..."):n.push(1),n.push(...s),e+1+i<t-1?n.push("...",t):t>1&&n.push(t),n},nm=({pageIndex:e,pageSize:t,totalCount:n,onPageChange:i,onPageSizeChange:s,pageSizeOptions:o=[10,20,50,100],showPageSizeSelector:r=!0,renderPageSizeSelectorItem:a=l=>l.label})=>{const l=Math.ceil(n/t),c=e>0,u=e<l-1,d=()=>{c&&i(e-1)},f=()=>{u&&i(e+1)},h=g=>{s(Number(g))},p=tm(e,l);return n===0?null:m.jsxs(V,{row:!0,justifyContent:"space-between",children:[m.jsxs(V,{row:!0,gap:"var(--spacing-sm)",children:[m.jsx(dt,{onClick:d,disabled:!c,color:"neutral",size:"sm",children:m.jsx(Jp,{})}),m.jsx(V,{row:!0,gap:"var(--spacing-sm)",children:p.map(g=>m.jsx(im,{isDots:g==="...",isCurrentPage:g===e+1,disabled:g==="...",onClick:()=>i(g-1),children:g},g))}),m.jsx(dt,{color:"neutral",size:"sm",onClick:f,disabled:!u,children:m.jsx(Qp,{})})]}),r&&m.jsx(V,{children:m.jsx(aa,{value:t.toString(),size:"sm",items:o.map(g=>({value:g.toString(),label:g.toString()})),returnedValue:g=>g.value,renderItem:a,onChange:g=>h(g)})})]})},im=({children:e,isCurrentPage:t=!1,onClick:n,isDots:i=!1,disabled:s=!1})=>{const o=M.css({cursor:s?"not-allowed":"pointer",userSelect:"none",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t?"var(--fill-accent-secondary)":"var(--fill-bg-secondary)",borderRadius:"var(--corner-sm)",border:t?"1px solid var(--fill-accent-secondary-hover)":"1px solid var(--border-neutral-alpha-basic)"}),r=M.css({width:"24px",height:"24px",color:t?"var(--icon-secondary)":"var(--icon-tertiary)"});return m.jsx(V,{className:o,onClick:s?void 0:n,children:i?m.jsx(em,{className:r}):m.jsx(O,{center:!0,variant:"body-2",fontWeight:"medium",children:e})})},sm=M.css({position:"relative",borderRadius:"var(--corner-md)",overflow:"hidden","&::before, &::after":{content:'""',position:"absolute",top:0,bottom:14,width:96,pointerEvents:"none",zIndex:2,transition:"opacity 0.2s ease"},"&::before":{left:0,background:"linear-gradient(to left, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"},"&::after":{right:0,background:"linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"}}),om=M.css({overflowX:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--neutral-86) var(--neutral-96)"}),Ra=w.memo(({data:e,children:t,className:n,showBorders:i=!1,...s})=>{const[o,r]=w.useState(!1),[a,l]=w.useState(!1),c=w.useRef(null),u=w.useCallback(()=>{const f=c.current;if(!f)return;const{scrollLeft:h,scrollWidth:p,clientWidth:g}=f,x=p>g;r(x&&h>0),l(x&&h<p-g-1)},[]);w.useEffect(()=>{const f=c.current;if(!f)return;u();const h=new ResizeObserver(u);return h.observe(f),f.addEventListener("scroll",u),()=>{h.disconnect(),f.removeEventListener("scroll",u)}},[u,e]);const d=M.css({border:i?"1px solid var(--border-neutral-alpha-low)":"transparent","&::before":{opacity:o?1:0},"&::after":{opacity:a?1:0}});return m.jsx(V,{className:M.cx(sm,d,n),...s,children:m.jsx(V,{ref:c,className:om,children:t})})});Ra.displayName="TableWrapper";const ba=w.forwardRef(({data:e,columns:t,showBorders:n=!0,enableSorting:i=!1,enablePagination:s=!1,enableRowSelection:o=!1,enableMultiRowSelection:r=!1,sorting:a,onSortingChange:l,columnFilters:c,onColumnFiltersChange:u,columnVisibility:d,onColumnVisibilityChange:f,pagination:h,onPaginationChange:p,rowSelection:g,onRowSelectionChange:x,totalCount:v,loading:C=!1,emptyLabels:y={title:"Nothing found",description:"No results found for “result”",action:"Reset"},loadingLabels:S={title:"Loading...",description:"Please wait or reset your promt",action:"Reset"},className:_,containerClassName:R,tableOptions:T={},onRowClick:b,getRowId:k,headCellComponent:F=Zp,bodyCellComponent:z=Yp,headRowComponent:Y=_a,bodyRowComponent:ee=Sa,onReset:ie,renderPageSizeSelectorItem:re},te)=>{const $=w.useMemo(()=>Zg(),[]),[U,I]=w.useState([]),[j,W]=w.useState([]),[ve,Qe]=w.useState({}),[Jt,Qt]=w.useState({pageIndex:0,pageSize:10}),[en,tn]=w.useState({}),_t=a??U,Rt=c??j,Wi=d??ve,Ee=h??Jt,Ui=g??en,Ma=L=>{const B=typeof L=="function"?L(_t):L;l?l(B):I(B)},Ta=L=>{const B=typeof L=="function"?L(Rt):L;u?u(B):W(B)},Va=L=>{const B=typeof L=="function"?L(Wi):L;f?f(B):Qe(B)},nn=L=>{const B=typeof L=="function"?L(Ee):L;p?p(B):Qt(B)},Ea=L=>{const B=typeof L=="function"?L(Ui):L;x?x(B):tn(B)},Aa=w.useMemo(()=>t.map(({key:L,accessor:B,...je})=>L==="accessor"?$.accessor(Ia=>Ia[B],{id:B.toString(),...je}):$[L]({id:B.toString(),...je})),[t,$]),sn=Wp({data:e,columns:Aa,state:{sorting:_t,columnFilters:Rt,columnVisibility:Wi,pagination:Ee,rowSelection:Ui},onSortingChange:Ma,onColumnFiltersChange:Ta,onColumnVisibilityChange:Va,onPaginationChange:nn,onRowSelectionChange:Ea,getCoreRowModel:jp(),getSortedRowModel:i?Bp():void 0,getPaginationRowModel:s?zp():void 0,enableRowSelection:o,enableMultiRowSelection:r,getRowId:k,manualPagination:!!v,pageCount:v?Math.ceil(v/Ee.pageSize):void 0,...T});w.useImperativeHandle(te,()=>sn);const{rows:Ki}=sn.getRowModel(),Da=(L,B)=>{b&&b(L.original,B)},Fa=M.css({width:"100%",maxWidth:"100%",minWidth:"max-content",borderCollapse:"collapse",borderSpacing:0,backgroundColor:"var(--fill-bg-primary)"}),ka=M.css({backgroundColor:"var(--fill-bg-secondary)",color:"var(--text-tertiary)"});return C?m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Up,{width:32,height:32,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:S.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:S.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:S.action})]}):Ki.length?m.jsxs(V,{w:"full",gap:"var(--spacing-xl)",className:M.cx(R),children:[m.jsx(Ra,{data:e,showBorders:n,children:m.jsxs("table",{className:M.cx(Fa,Xp.table,_),children:[m.jsx("thead",{className:ka,children:sn.getHeaderGroups().map(L=>m.jsx(Y,{showBorders:n,children:L.headers.map(B=>m.jsx(F,{style:{width:B.getSize()},onClick:B.column.getToggleSortingHandler(),children:B.isPlaceholder?null:So(B.column.columnDef.header,B.getContext())},B.id))},L.id))}),m.jsx("tbody",{children:Ki.map((L,B)=>m.jsx(ee,{showBorders:n,isSelected:L.getIsSelected(),onClick:()=>Da(L,B),children:L.getVisibleCells().map(je=>m.jsx(z,{children:So(je.column.columnDef.cell,je.getContext())},je.id))},L.id))})]})}),s&&!C&&m.jsx(nm,{pageIndex:Ee.pageIndex,pageSize:Ee.pageSize,totalCount:v||e.length,renderPageSizeSelectorItem:re,onPageChange:L=>nn({...Ee,pageIndex:L}),onPageSizeChange:L=>nn({...Ee,pageSize:L,pageIndex:0})})]}):m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Kp,{width:24,height:24,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:y.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:y.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:y.action})]})});ba.displayName="Table";const rm=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e})),Gi=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e}));Gi.displayName="TableHeadCellContent";const am=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 4.75L4.75 0.75L0.75 4.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),lm=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 0.75L4.75 4.75L0.75 0.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),um=({sortDirection:e,gap:t="5px",...n})=>m.jsxs(V,{gap:t,...n,children:[m.jsx(am,{style:{color:e==="asc"?"var(--icon-accent)":"var(--icon-tertiary)"}}),m.jsx(lm,{style:{color:e==="desc"?"var(--icon-accent)":"var(--icon-tertiary)"}})]}),Pa=({children:e,tableProps:t,gap:n="10px",...i})=>{const s=t.column.getIsSorted();return m.jsxs(Gi,{style:{cursor:"pointer",userSelect:"none"},gap:n,...i,children:[e,m.jsx(um,{sortDirection:s})]})};Pa.displayName="TableHeadCellContentSortable";const Zt=ba;Zt.HeadCellContent=Gi;Zt.HeadCellContentSortable=Pa;Zt.BodyCellContent=rm;const cm="_themeProviderScoped_165ro_9",dm={themeProviderScoped:cm};function fm({className:e,children:t,theme:n}){return m.jsx("div",{className:Fe(dm.themeProviderScoped,e),id:"theme-provider-scoped","data-theme":n,children:t})}exports.AnimatedText=Nt;exports.Avatar=Hh;exports.Box=V;exports.Button=dh;exports.Checkbox=Oi;exports.Hint=ug;exports.IconButton=dt;exports.Input=oa;exports.Modal=Xt;exports.Portal=ra;exports.Ripple=yt;exports.Select=aa;exports.Switch=la;exports.Table=Zt;exports.Tag=zi;exports.Text=O;exports.ThemeProviderScoped=fm;exports.getSizeClass=ct;exports.getStyleClass=Gt;exports.useControlled=Ht;exports.useDropdownPosition=bo;
|
|
50
|
+
`),P.createElement("g",{className:"spinner"},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0003 6.83317C13.5692 6.83317 11.2376 7.79894 9.51851 9.51803C7.79943 11.2371 6.83366 13.5687 6.83366 15.9998C6.83366 18.431 7.79943 20.7626 9.51851 22.4817C11.2376 24.2007 13.5692 25.1665 16.0003 25.1665C18.4315 25.1665 20.7631 24.2007 22.4821 22.4817C24.2012 20.7626 25.167 18.431 25.167 15.9998C25.167 13.5687 24.2012 11.2371 22.4821 9.51803C20.7631 7.79894 18.4315 6.83317 16.0003 6.83317ZM3.16699 15.9998C3.16699 8.91217 8.91266 3.1665 16.0003 3.1665C23.088 3.1665 28.8337 8.91217 28.8337 15.9998C28.8337 23.0875 23.088 28.8332 16.0003 28.8332C8.91266 28.8332 3.16699 23.0875 3.16699 15.9998Z",fill:"currentColor",fillOpacity:.12}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9997 6.83319C13.6363 6.82787 11.3633 7.74068 9.65999 9.37907C9.30711 9.70535 8.84021 9.88001 8.35982 9.86545C7.87943 9.85089 7.42396 9.64827 7.09149 9.30122C6.75902 8.95416 6.57612 8.49043 6.58218 8.00985C6.58823 7.52928 6.78276 7.07031 7.12388 6.73174C9.50956 4.43941 12.6912 3.16143 15.9997 3.16652C16.4859 3.16652 16.9522 3.35967 17.296 3.70349C17.6398 4.04731 17.833 4.51362 17.833 4.99985C17.833 5.48608 17.6398 5.9524 17.296 6.29621C16.9522 6.64003 16.4859 6.83319 15.9997 6.83319Z",fill:"currentColor"}))),Kp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("g",{clipPath:"url(#clip0_2074_3858)"},P.createElement("path",{d:"M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_2074_3858"},P.createElement("rect",{width:24,height:24,fill:"white"})))),qp="_table_19yhs_8",Xp={table:qp},Yp=w.forwardRef(({children:e,className:t,style:n,...i},s)=>m.jsx("td",{ref:s,className:M.cx(t),style:n,...i,children:e})),Sa=w.forwardRef(({children:e,className:t,showBorders:n=!1,isSelected:i=!1,...s},o)=>{const r=M.css({borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:o,className:M.cx(r,t),...s,children:e})});Sa.displayName="TableBodyRow";const Zp=w.forwardRef(({children:e,className:t,style:n,justifyContent:i="flex-start",alignItems:s="flex-start",...o},r)=>{const a=M.css({justifyContent:i,alignItems:s,fontWeight:"inherit"});return m.jsx("th",{ref:r,className:M.cx(a,t),style:n,...o,children:e})}),_a=w.forwardRef(({children:e,className:t,showBorders:n=!1,...i},s)=>{const o=M.css({backgroundColor:"var(--fill-bg-secondary)",borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:s,className:M.cx(o,t),...i,children:e})});_a.displayName="TableHeadRow";const Jp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),em=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),tm=(e,t)=>{const n=[];if(t<=10){for(let o=1;o<=t;o++)n.push(o);return n}const i=2,s=[];for(let o=Math.max(2,e+1-i);o<=Math.min(t-1,e+1+i);o++)s.push(o);return e+1-i>2?n.push(1,"..."):n.push(1),n.push(...s),e+1+i<t-1?n.push("...",t):t>1&&n.push(t),n},nm=({pageIndex:e,pageSize:t,totalCount:n,onPageChange:i,onPageSizeChange:s,pageSizeOptions:o=[10,20,50,100],showPageSizeSelector:r=!0,renderPageSizeSelectorItem:a=l=>l.label})=>{const l=Math.ceil(n/t),c=e>0,u=e<l-1,d=()=>{c&&i(e-1)},f=()=>{u&&i(e+1)},h=g=>{s(Number(g))},p=tm(e,l);return n===0?null:m.jsxs(V,{row:!0,justifyContent:"space-between",children:[m.jsxs(V,{row:!0,gap:"var(--spacing-sm)",children:[m.jsx(dt,{onClick:d,disabled:!c,color:"neutral",size:"sm",children:m.jsx(Jp,{})}),m.jsx(V,{row:!0,gap:"var(--spacing-sm)",children:p.map(g=>m.jsx(im,{isDots:g==="...",isCurrentPage:g===e+1,disabled:g==="...",onClick:()=>i(g-1),children:g},g))}),m.jsx(dt,{color:"neutral",size:"sm",onClick:f,disabled:!u,children:m.jsx(Qp,{})})]}),r&&m.jsx(V,{children:m.jsx(aa,{value:t.toString(),size:"sm",items:o.map(g=>({value:g.toString(),label:g.toString()})),returnedValue:g=>g.value,renderItem:a,onChange:g=>h(g)})})]})},im=({children:e,isCurrentPage:t=!1,onClick:n,isDots:i=!1,disabled:s=!1})=>{const o=M.css({cursor:s?"not-allowed":"pointer",userSelect:"none",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t?"var(--fill-accent-secondary)":"var(--fill-bg-secondary)",borderRadius:"var(--corner-sm)",border:t?"1px solid var(--fill-accent-secondary-hover)":"1px solid var(--border-neutral-alpha-basic)"}),r=M.css({width:"24px",height:"24px",color:t?"var(--icon-secondary)":"var(--icon-tertiary)"});return m.jsx(V,{className:o,onClick:s?void 0:n,children:i?m.jsx(em,{className:r}):m.jsx(O,{center:!0,variant:"body-2",fontWeight:"medium",children:e})})},sm=M.css({position:"relative",borderRadius:"var(--corner-md)",overflow:"hidden","&::before, &::after":{content:'""',position:"absolute",top:0,bottom:14,width:96,pointerEvents:"none",zIndex:2,transition:"opacity 0.2s ease"},"&::before":{left:0,background:"linear-gradient(to left, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"},"&::after":{right:0,background:"linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"}}),om=M.css({overflowX:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--neutral-86) var(--neutral-96)"}),Ra=w.memo(({data:e,children:t,className:n,showBorders:i=!1,...s})=>{const[o,r]=w.useState(!1),[a,l]=w.useState(!1),c=w.useRef(null),u=w.useCallback(()=>{const f=c.current;if(!f)return;const{scrollLeft:h,scrollWidth:p,clientWidth:g}=f,x=p>g;r(x&&h>0),l(x&&h<p-g-1)},[]);w.useEffect(()=>{const f=c.current;if(!f)return;u();const h=new ResizeObserver(u);return h.observe(f),f.addEventListener("scroll",u),()=>{h.disconnect(),f.removeEventListener("scroll",u)}},[u,e]);const d=M.css({border:i?"1px solid var(--border-neutral-alpha-low)":"transparent","&::before":{opacity:o?1:0},"&::after":{opacity:a?1:0}});return m.jsx(V,{className:M.cx(sm,d,n),...s,children:m.jsx(V,{ref:c,className:om,children:t})})});Ra.displayName="TableWrapper";const ba=w.forwardRef(({data:e,columns:t,showBorders:n=!0,enableSorting:i=!1,enablePagination:s=!1,enableRowSelection:o=!1,enableMultiRowSelection:r=!1,sorting:a,onSortingChange:l,columnFilters:c,onColumnFiltersChange:u,columnVisibility:d,onColumnVisibilityChange:f,pagination:h,onPaginationChange:p,rowSelection:g,onRowSelectionChange:x,totalCount:v,loading:C=!1,emptyLabels:y={title:"Nothing found",description:"No results found for “result”",action:"Reset"},loadingLabels:S={title:"Loading...",description:"Please wait or reset your promt",action:"Reset"},className:_,containerClassName:R,tableOptions:T={},onRowClick:b,getRowId:k,headCellComponent:F=Zp,bodyCellComponent:z=Yp,headRowComponent:Y=_a,bodyRowComponent:ee=Sa,onReset:ie,renderPageSizeSelectorItem:re},te)=>{const $=w.useMemo(()=>Zg(),[]),[U,I]=w.useState([]),[j,W]=w.useState([]),[ve,Qe]=w.useState({}),[Jt,Qt]=w.useState({pageIndex:0,pageSize:10}),[en,tn]=w.useState({}),_t=a??U,Rt=c??j,Wi=d??ve,Ee=h??Jt,Ui=g??en,Ma=L=>{const B=typeof L=="function"?L(_t):L;l?l(B):I(B)},Ta=L=>{const B=typeof L=="function"?L(Rt):L;u?u(B):W(B)},Va=L=>{const B=typeof L=="function"?L(Wi):L;f?f(B):Qe(B)},nn=L=>{const B=typeof L=="function"?L(Ee):L;p?p(B):Qt(B)},Ea=L=>{const B=typeof L=="function"?L(Ui):L;x?x(B):tn(B)},Aa=w.useMemo(()=>t.map(({key:L,accessor:B,...je})=>L==="accessor"?$.accessor(Ia=>Ia[B],{id:B.toString(),...je}):$[L]({id:B.toString(),...je})),[t,$]),sn=Wp({data:e,columns:Aa,state:{sorting:_t,columnFilters:Rt,columnVisibility:Wi,pagination:Ee,rowSelection:Ui},onSortingChange:Ma,onColumnFiltersChange:Ta,onColumnVisibilityChange:Va,onPaginationChange:nn,onRowSelectionChange:Ea,getCoreRowModel:jp(),getSortedRowModel:i?Bp():void 0,getPaginationRowModel:s?zp():void 0,enableRowSelection:o,enableMultiRowSelection:r,getRowId:k,manualPagination:!!v,pageCount:v?Math.ceil(v/Ee.pageSize):void 0,...T});w.useImperativeHandle(te,()=>sn);const{rows:Ki}=sn.getRowModel(),Da=(L,B)=>{b&&b(L.original,B)},Fa=M.css({width:"100%",maxWidth:"100%",minWidth:"max-content",borderCollapse:"collapse",borderSpacing:0,backgroundColor:"var(--fill-bg-primary)"}),ka=M.css({backgroundColor:"var(--fill-bg-secondary)",color:"var(--text-tertiary)"});return C?m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Up,{width:32,height:32,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:S.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:S.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:S.action})]}):Ki.length?m.jsxs(V,{w:"full",gap:"var(--spacing-xl)",className:M.cx(R),children:[m.jsx(Ra,{data:e,showBorders:n,children:m.jsxs("table",{className:M.cx(Fa,Xp.table,_),children:[m.jsx("thead",{className:ka,children:sn.getHeaderGroups().map(L=>m.jsx(Y,{showBorders:n,children:L.headers.map(B=>m.jsx(F,{style:{width:B.getSize()},onClick:B.column.getToggleSortingHandler(),children:B.isPlaceholder?null:So(B.column.columnDef.header,B.getContext())},B.id))},L.id))}),m.jsx("tbody",{children:Ki.map((L,B)=>m.jsx(ee,{showBorders:n,isSelected:L.getIsSelected(),onClick:()=>Da(L,B),children:L.getVisibleCells().map(je=>m.jsx(z,{children:So(je.column.columnDef.cell,je.getContext())},je.id))},L.id))})]})}),s&&!C&&m.jsx(nm,{pageIndex:Ee.pageIndex,pageSize:Ee.pageSize,totalCount:v||e.length,renderPageSizeSelectorItem:re,onPageChange:L=>nn({...Ee,pageIndex:L}),onPageSizeChange:L=>nn({...Ee,pageSize:L,pageIndex:0})})]}):m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Kp,{width:24,height:24,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:y.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:y.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:y.action})]})});ba.displayName="Table";const rm=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e})),Gi=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e}));Gi.displayName="TableHeadCellContent";const am=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 4.75L4.75 0.75L0.75 4.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),lm=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 0.75L4.75 4.75L0.75 0.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),um=({sortDirection:e,gap:t="5px",...n})=>m.jsxs(V,{gap:t,...n,children:[m.jsx(am,{style:{color:e==="asc"?"var(--icon-accent)":"var(--icon-tertiary)"}}),m.jsx(lm,{style:{color:e==="desc"?"var(--icon-accent)":"var(--icon-tertiary)"}})]}),Pa=({children:e,tableProps:t,gap:n="10px",...i})=>{const s=t.column.getIsSorted();return m.jsxs(Gi,{style:{cursor:"pointer",userSelect:"none"},gap:n,...i,children:[e,m.jsx(um,{sortDirection:s})]})};Pa.displayName="TableHeadCellContentSortable";const Zt=ba;Zt.HeadCellContent=Gi;Zt.HeadCellContentSortable=Pa;Zt.BodyCellContent=rm;const cm="_themeProviderScoped_1i2r1_9",dm={themeProviderScoped:cm};function fm({className:e,children:t,theme:n}){return m.jsx("div",{className:Fe(dm.themeProviderScoped,e),id:"theme-provider-scoped","data-theme":n,children:t})}exports.AnimatedText=Nt;exports.Avatar=Hh;exports.Box=V;exports.Button=dh;exports.Checkbox=Oi;exports.Hint=ug;exports.IconButton=dt;exports.Input=oa;exports.Modal=Xt;exports.Portal=ra;exports.Ripple=yt;exports.Select=aa;exports.Switch=la;exports.Table=Zt;exports.Tag=zi;exports.Text=O;exports.ThemeProviderScoped=fm;exports.getSizeClass=ct;exports.getStyleClass=Gt;exports.useControlled=Ht;exports.useDropdownPosition=bo;
|
|
51
51
|
//# sourceMappingURL=ui-kit.cjs.js.map
|