@ironsource/shared-ui 2.2.0-test.9 → 2.2.0-test.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-test.9",
+  "version": "2.2.0-test.90",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/style/v4/border-radius.scss

@@ -1,8 +1,8 @@
-.light-theme-v4 {
+:root {
     --border-radius-xs: 2px;
     --border-radius-sm: 4px;
     --border-radius-md: 6px;
     --border-radius-lg: 8px;
     --border-radius-xl: 16px;
     --border-radius-full: 100px;
-}
+}

package/style/v4/colors.scss

@@ -1,4 +1,5 @@
 .light-theme-v4 {
+  color: var(--text-primary);
   --background-default: #FFFFFF;
   --background-paper: #FCFCFC;
   --background-modal-elevation: #FFFFFF;
@@ -104,3 +105,107 @@
   --ab-a: #FFC134;
   --ab-b: #4F4FF5;
 }
+
+.dark-theme-v4 {
+  color: var(--text-primary);
+  --background-default: #131313;
+  --background-paper: #191919;
+  --background-modal-elevation: #1f1f1f;
+  --background-backdrop: rgba(0, 0, 0, 0.5);
+  --background-paper-elevation-0: #222222;
+  --background-inset: #222222;
+  --background-paper-elevation-1: #2a2a2a;
+  --background-paper-elevation-2: #313131;
+  --background-paper-elevation-3: #3a3a3a;
+  --background-paper-elevation-4: #484848;
+  --background-paper-elevation-5: #606060;
+  --background-paper-elevation-6: #707070;
+  --background-paper-elevation-7: #848484;
+  --background-paper-elevation-8: #909090;
+  --background-paper-elevation-9: #a0a0a0;
+
+  --action-primary: #0a6ec8;
+  --action-active: #7b7b7b;
+  --action-hover: rgba(255, 255, 255, 0.07);
+  --action-selected: rgba(255, 255, 255, 0.12);
+  --action-disabled: #3a3a3a;
+  --action-disabled-background: rgba(255, 255, 255, 0.04);
+  --action-focus: rgba(255, 255, 255, 0.16);
+  --action-outlined-border: rgba(255, 255, 255, 0.5);
+
+  --default-light: rgba(255, 255, 255, 0.10);
+  --default-main: transparent;
+  --default-dark: rgba(255, 255, 255, 0.05);
+  --default-outlined-border: rgba(255, 255, 255, 0.5);
+  --default-contrast-text: #eeeeee;
+  --default-button-contrast-text: #eeeeee;
+
+  --common-white: #FFFFFF;
+  --common-black: #000000;
+  --common-inverse-white: #000000;
+  --common-inverse-black: #FFFFFF;
+  --common-divider: rgba(255, 255, 255, 0.08);
+  --common-divider-elevation-0: rgba(255, 255, 255, 0.10);
+
+  --text-primary: #eeeeee;
+  --text-secondary: #b4b4b4;
+  --text-disabled: #4b4b4b;
+
+  --primary-lighter: #012348;
+  --primary-light: #0d3868;
+  --primary-main: #0a6ec8;
+  --primary-main-8-p: rgba(10, 110, 200, 0.08);
+  --primary-main-50-p: rgba(10, 110, 200, 0.50);
+  --primary-dark: #0860b0;
+  --primary-darker: #075099;
+  --primary-outlined-border: #0a6ec8;
+  --primary-contrast-text: #c2e2ff;
+  --primary-button-contrast-text: #FFFFFF;
+
+  --info-lighter: #1a1f5e;
+  --info-light: #2a3487;
+  --info-main: #5472e4;
+  --info-main-8-p: rgba(84, 114, 228, 0.08);
+  --info-main-50-p: rgba(84, 114, 228, 0.50);
+  --info-dark: #4861cc;
+  --info-darker: #3b51b8;
+  --info-outlined-border: #5472e4;
+  --info-contrast-text: #c5d4ff;
+  --info-button-contrast-text: #FFFFFF;
+
+  --success-lighter: #0b3e2b;
+  --success-light: #1a6a47;
+  --success-main: #30a46c;
+  --success-main-8-p: rgba(48, 164, 108, 0.08);
+  --success-main-50-p: rgba(48, 164, 108, 0.50);
+  --success-dark: #2a9060;
+  --success-darker: #237c51;
+  --success-outlined-border: #30a46c;
+  --success-contrast-text: #b3f0d2;
+  --success-button-contrast-text: #FFFFFF;
+
+  --warning-lighter: #4a2e00;
+  --warning-light: #7a4c00;
+  --warning-main: #e5a200;
+  --warning-main-8-p: rgba(255, 197, 61, 0.08);
+  --warning-main-50-p: rgba(255, 197, 61, 0.50);
+  --warning-dark: #ffc53d;
+  --warning-darker: #ffcc50;
+  --warning-outlined-border: #e5a200;
+  --warning-contrast-text: #fff3c6;
+  --warning-button-contrast-text: rgba(38, 27, 0, 1);
+
+  --error-lighter: #3b0d11;
+  --error-light: #611623;
+  --error-main: #e5484d;
+  --error-main-8-p: rgba(229, 72, 77, 0.08);
+  --error-main-50-p: rgba(229, 72, 77, 0.50);
+  --error-dark: #ec5d5e;
+  --error-darker: #d13d42;
+  --error-outlined-border: #e5484d;
+  --error-contrast-text: #ffc9cc;
+  --error-button-contrast-text: #FFFFFF;
+
+  --ab-a: #FFC134;
+  --ab-b: #4F4FF5;
+}

package/style/v4/elevations.scss

@@ -8,3 +8,14 @@
   --elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);
   --elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14);
 }
+
+.dark-theme-v4 {
+  --elevation-xs: 0px 1px 2px rgba(0, 0, 0, 0.15);
+  --elevation-sm: 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 1px 3px rgba(0, 0, 0, 0.30);
+  --elevation-md: 0px 4px 8px -2px rgba(0, 0, 0, 0.35);
+  --elevation-lg: 0px 12px 16px -4px rgba(0, 0, 0, 0.30);
+  --elevation-xl: 0px 8px 8px -4px rgba(0, 0, 0, 0.15), 0px 20px 24px -6px rgba(0, 0, 0, 0.30);
+  --elevation-xxl: 0px 24px 48px -12px rgba(0, 0, 0, 0.50);
+  --elevation-xxxl: 0px 19px 32px 2px rgba(0, 0, 0, 0.40);
+  --elevation-sl: 0px 27px 27px 2px rgba(0, 0, 0, 0.40);
+}

package/style/v4/grid.css

@@ -1 +1 @@
-.light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
+.light-theme-v4{color:var(--text-primary);--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.dark-theme-v4{color:var(--text-primary);--background-default: #131313;--background-paper: #191919;--background-modal-elevation: #1f1f1f;--background-backdrop: rgba(0, 0, 0, 0.5);--background-paper-elevation-0: #222222;--background-inset: #222222;--background-paper-elevation-1: #2a2a2a;--background-paper-elevation-2: #313131;--background-paper-elevation-3: #3a3a3a;--background-paper-elevation-4: #484848;--background-paper-elevation-5: #606060;--background-paper-elevation-6: #707070;--background-paper-elevation-7: #848484;--background-paper-elevation-8: #909090;--background-paper-elevation-9: #a0a0a0;--action-primary: #0a6ec8;--action-active: #7b7b7b;--action-hover: rgba(255, 255, 255, 0.07);--action-selected: rgba(255, 255, 255, 0.12);--action-disabled: #3a3a3a;--action-disabled-background: rgba(255, 255, 255, 0.04);--action-focus: rgba(255, 255, 255, 0.16);--action-outlined-border: rgba(255, 255, 255, 0.5);--default-light: rgba(255, 255, 255, 0.10);--default-main: transparent;--default-dark: rgba(255, 255, 255, 0.05);--default-outlined-border: rgba(255, 255, 255, 0.5);--default-contrast-text: #eeeeee;--default-button-contrast-text: #eeeeee;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #000000;--common-inverse-black: #FFFFFF;--common-divider: rgba(255, 255, 255, 0.08);--common-divider-elevation-0: rgba(255, 255, 255, 0.10);--text-primary: #eeeeee;--text-secondary: #b4b4b4;--text-disabled: #4b4b4b;--primary-lighter: #012348;--primary-light: #0d3868;--primary-main: #0a6ec8;--primary-main-8-p: rgba(10, 110, 200, 0.08);--primary-main-50-p: rgba(10, 110, 200, 0.50);--primary-dark: #0860b0;--primary-darker: #075099;--primary-outlined-border: #0a6ec8;--primary-contrast-text: #c2e2ff;--primary-button-contrast-text: #FFFFFF;--info-lighter: #1a1f5e;--info-light: #2a3487;--info-main: #5472e4;--info-main-8-p: rgba(84, 114, 228, 0.08);--info-main-50-p: rgba(84, 114, 228, 0.50);--info-dark: #4861cc;--info-darker: #3b51b8;--info-outlined-border: #5472e4;--info-contrast-text: #c5d4ff;--info-button-contrast-text: #FFFFFF;--success-lighter: #0b3e2b;--success-light: #1a6a47;--success-main: #30a46c;--success-main-8-p: rgba(48, 164, 108, 0.08);--success-main-50-p: rgba(48, 164, 108, 0.50);--success-dark: #2a9060;--success-darker: #237c51;--success-outlined-border: #30a46c;--success-contrast-text: #b3f0d2;--success-button-contrast-text: #FFFFFF;--warning-lighter: #4a2e00;--warning-light: #7a4c00;--warning-main: #e5a200;--warning-main-8-p: rgba(255, 197, 61, 0.08);--warning-main-50-p: rgba(255, 197, 61, 0.50);--warning-dark: #ffc53d;--warning-darker: #ffcc50;--warning-outlined-border: #e5a200;--warning-contrast-text: #fff3c6;--warning-button-contrast-text: rgba(38, 27, 0, 1);--error-lighter: #3b0d11;--error-light: #611623;--error-main: #e5484d;--error-main-8-p: rgba(229, 72, 77, 0.08);--error-main-50-p: rgba(229, 72, 77, 0.50);--error-dark: #ec5d5e;--error-darker: #d13d42;--error-outlined-border: #e5484d;--error-contrast-text: #ffc9cc;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}:root{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.dark-theme-v4{--elevation-xs: 0px 1px 2px rgba(0, 0, 0, 0.15);--elevation-sm: 0px 1px 2px rgba(0, 0, 0, 0.20), 0px 1px 3px rgba(0, 0, 0, 0.30);--elevation-md: 0px 4px 8px -2px rgba(0, 0, 0, 0.35);--elevation-lg: 0px 12px 16px -4px rgba(0, 0, 0, 0.30);--elevation-xl: 0px 8px 8px -4px rgba(0, 0, 0, 0.15), 0px 20px 24px -6px rgba(0, 0, 0, 0.30);--elevation-xxl: 0px 24px 48px -12px rgba(0, 0, 0, 0.50);--elevation-xxxl: 0px 19px 32px 2px rgba(0, 0, 0, 0.40);--elevation-sl: 0px 27px 27px 2px rgba(0, 0, 0, 0.40)}:root{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}.light-theme-v4 ::-webkit-scrollbar,.dark-theme-v4 ::-webkit-scrollbar{width:.5rem;height:.5rem}.light-theme-v4 ::-webkit-scrollbar-track,.dark-theme-v4 ::-webkit-scrollbar-track{background:var(--background-paper-elevation-1);border-radius:.25rem}.light-theme-v4 ::-webkit-scrollbar-thumb,.dark-theme-v4 ::-webkit-scrollbar-thumb{background:var(--background-paper-elevation-6);border-radius:.25rem}.light-theme-v4 ::-webkit-scrollbar-thumb:hover,.dark-theme-v4 ::-webkit-scrollbar-thumb:hover{background:var(--background-paper-elevation-7)}/*# sourceMappingURL=grid.css.map */

package/style/v4/grid.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,kCAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
+{"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss","scrollbar.scss"],"names":[],"mappings":"AAAA,gBACE,0BACA,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,kCAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBAGF,eACE,0BACA,8BACA,4BACA,sCACA,0CACA,wCACA,4BACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,0BACA,yBACA,0CACA,6CACA,2BACA,wDACA,0CACA,mDAEA,2CACA,4BACA,0CACA,oDACA,iCACA,wCAEA,wBACA,wBACA,gCACA,gCACA,4CACA,wDAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,6CACA,8CACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,0CACA,2CACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,6CACA,8CACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,6CACA,8CACA,wBACA,0BACA,mCACA,iCACA,mDAEA,yBACA,uBACA,sBACA,0CACA,2CACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCjNF,MACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDAGF,eACE,gDACA,iFACA,qDACA,uDACA,6FACA,yDACA,wDACA,sDCnBF,MACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBChBA,uEACE,YACA,aAGF,mFACE,+CACA,qBAGF,mFACE,+CACA,qBAEA,+FACE","file":"grid.css"}

package/style/v4/grid.scss

@@ -71,4 +71,4 @@ $columnHiddenPrefix: '.hidden' !default;
     }
 
     @include make-grid-columns();
-}
+}

package/style/v4/scrollbar.scss

@@ -0,0 +1,21 @@
+.light-theme-v4,
+.dark-theme-v4 {
+  ::-webkit-scrollbar {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--background-paper-elevation-1);
+    border-radius: 0.25rem;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--background-paper-elevation-6);
+    border-radius: 0.25rem;
+
+    &:hover {
+      background: var(--background-paper-elevation-7);
+    }
+  }
+}

package/style/v4/spacings.scss

@@ -1,4 +1,4 @@
-.light-theme-v4 {
+:root {
   --spacing-tokenset: 0px;
   --spacing-25: 2px;
   --spacing-50: 4px;

package/style/v4/styleguideV4.scss

@@ -2,3 +2,4 @@
 @import './border-radius.scss';
 @import './elevations.scss';
 @import './spacings.scss';
+@import './scrollbar.scss';

package/styleguide.scss

@@ -199,11 +199,11 @@ $error-focus-line-white: linear-gradient(
     border: 3px solid transparent;
     background-clip: padding-box;
     border-radius: 0.625rem;
-    background-color: $light-500 !important;
+    background-color: var(--background-paper-elevation-6, #{$light-500}) !important;
   }
 
   ::-webkit-scrollbar-track {
     border-radius: 0.625rem;
-    background-color: transparent;
+    background-color: var(--background-paper-elevation-1, transparent);
   }
 }

package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css

@@ -1 +0,0 @@
-.alert[data-v-5e66710b]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-5e66710b]{border-radius:var(--border-radius-lg)}.alert--default[data-v-5e66710b]{outline-color:var(--default-main);background-color:var(--default-main)}.alert--default .alert-icon[data-v-5e66710b]{color:var(--text-secondary)}.alert--default.alert--outlined[data-v-5e66710b]{outline-color:var(--default-outlined-border)}.alert--default.alert--outlined .alert-icon[data-v-5e66710b]{color:var(--default-button-contrast-text)}.alert--success[data-v-5e66710b]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-5e66710b]{color:var(--success-main)}.alert--warning[data-v-5e66710b]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-5e66710b]{color:var(--warning-main)}.alert--danger[data-v-5e66710b]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-5e66710b]{color:var(--error-main)}.alert--info[data-v-5e66710b]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-5e66710b]{color:var(--info-main)}.alert--standard[data-v-5e66710b]{outline:none}.alert--outlined[data-v-5e66710b]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-5e66710b]{align-self:flex-start}.alert-content[data-v-5e66710b]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-5e66710b]{margin-left:var(--spacing-100)}.title-container[data-v-5e66710b]{display:flex;align-items:center}.alert-title[data-v-5e66710b]{color:var(--text-primary);line-height:20px}.alert-description[data-v-5e66710b]{color:var(--text-secondary)}.close-button[data-v-5e66710b]{margin-left:var(--spacing-100)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-a59af1ad]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-a59af1ad]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-a59af1ad]:hover{background:var(--primary-dark)}.contained.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.default[data-v-a59af1ad]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-a59af1ad]:hover{background:var(--default-dark)}.contained.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-a59af1ad]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-a59af1ad]:hover{background:var(--error-dark)}.contained.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.info[data-v-a59af1ad]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-a59af1ad]:hover{background:var(--info-dark)}.contained.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.success[data-v-a59af1ad]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-a59af1ad]:hover{background:var(--success-dark)}.contained.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-a59af1ad]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-a59af1ad]:hover{background:var(--warning-dark)}.contained.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-a59af1ad],.contained.loading[data-v-a59af1ad]:hover{background:var(--action-disabled-background)}.outlined[data-v-a59af1ad]{background:transparent}.outlined.primary[data-v-a59af1ad]{color:var(--primary-darker);border:1px solid var(--primary-main-50-p)}.outlined.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-a59af1ad]{color:var(--default-contrast-text);border:1px solid var(--default-main-50-p)}.outlined.default[data-v-a59af1ad]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-a59af1ad]{color:var(--error-darker);border:1px solid var(--error-main-50-p)}.outlined.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.outlined.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-a59af1ad]{color:var(--info-darker);border:1px solid var(--info-main-50-p)}.outlined.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.outlined.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-a59af1ad]{color:var(--success-darker);border:1px solid var(--success-main-50-p)}.outlined.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.outlined.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-a59af1ad]{color:var(--warning-darker);border:1px solid var(--warning-main)}.outlined.warning[data-v-a59af1ad]:hover{border:1px solid var(--warning-darker);background:var(--warning-main-8-p)}.outlined.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-a59af1ad],.outlined.loading[data-v-a59af1ad]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-a59af1ad]{background:transparent}.text.primary[data-v-a59af1ad]{color:var(--primary-darker)}.text.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.text.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.default[data-v-a59af1ad]{color:var(--default-contrast-text)}.text.default[data-v-a59af1ad]:hover{background:var(--action-hover)}.text.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.danger[data-v-a59af1ad]{color:var(--error-darker)}.text.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.text.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.info[data-v-a59af1ad]{color:var(--info-darker)}.text.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.text.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.success[data-v-a59af1ad]{color:var(--success-darker)}.text.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.text.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.warning[data-v-a59af1ad]{color:var(--warning-darker)}.text.warning[data-v-a59af1ad]:hover{background:var(--warning-main-8-p)}.text.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.loading[data-v-a59af1ad],.text.loading[data-v-a59af1ad]:hover{border:0;background:transparent}.small[data-v-a59af1ad]{padding:2px 6px}.small.outlined[data-v-a59af1ad]{padding:1px 5px}.medium[data-v-a59af1ad]{padding:4px 8px}.medium.outlined[data-v-a59af1ad]{padding:3px 7px}.large[data-v-a59af1ad]{padding:6px 8px}.large.outlined[data-v-a59af1ad]{padding:5px 7px}.extraLarge[data-v-a59af1ad]{padding:10px 12px}.extraLarge.outlined[data-v-a59af1ad]{padding:9px 11px}.small[data-v-a59af1ad],.medium[data-v-a59af1ad],.large[data-v-a59af1ad],.extraLarge[data-v-a59af1ad]{height:auto}.flex[data-v-a59af1ad]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-a59af1ad]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-a59af1ad]{padding-right:22px}

package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_6eae923a_lang.css

@@ -1 +0,0 @@
-.label[data-v-6eae923a]{color:#41454d}.days-wrapper .date-wrapper[data-v-6eae923a]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-6eae923a]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-6eae923a]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-6eae923a]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-6eae923a]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day[data-v-6eae923a]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer;color:var(--text-Primary, #202020)}.days-wrapper .day[data-v-6eae923a]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.today[data-v-6eae923a]:after{content:"";background:var(--primary-main, #0091ff);position:absolute;text-align:center;width:4px;height:4px;border-radius:var(--borderRadius-full, 100px);bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-6eae923a]:after,.days-wrapper .day.today.selected-day-between[data-v-6eae923a]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-6eae923a]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-6eae923a]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-6eae923a]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-6eae923a]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.selected-day-between[data-v-6eae923a]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-6eae923a]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-6eae923a]{background:var(--primary-main, #0091ff)!important;border-radius:var(--borderRadius-full, 100px);color:var(--common-white, #fff)}.days-wrapper .day.selected-day[data-v-6eae923a]:hover{color:var(--common-white, #fff)}.days-wrapper .day.disabled-day[data-v-6eae923a]{color:var(--text-disabled, #bbb);cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-6eae923a]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-6eae923a]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header span[data-v-6eae923a]{width:32px;display:inline-block;display:inline-flex;text-align:center;height:32px;justify-content:center;align-items:center}.calendar-month .month-header[data-v-6eae923a]{display:flex;height:var(--spacing-500, 40px);padding:8px 0;align-items:center;gap:8px;align-self:stretch;text-align:center;flex-direction:column}.calendar-month .month-header .month-name[data-v-6eae923a]{color:var(--text-primary, #202020)}.calendar-month .week-day[data-v-6eae923a]{color:var(--text-secondary, #646464);text-align:center}.calendar-month .next[data-v-6eae923a]{right:1px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-6eae923a],.calendar-month .previous[data-v-6eae923a]{transform:translateY(8px)}.calendar-month .previous[data-v-6eae923a]{left:1px;cursor:pointer;position:absolute;z-index:16}

package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-22477735]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-22477735]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-22477735]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-22477735]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-22477735]{border-left:1px solid var(--common-divider)}

package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css

@@ -1 +0,0 @@
-.label[data-v-39e6c10c]{color:#41454d}.date-picker[data-v-39e6c10c]{position:relative}.date-picker .input[data-v-39e6c10c]{max-width:100%}.date-picker-popup[data-v-39e6c10c]{width:258px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.date-picker-popup.align-right[data-v-39e6c10c]{left:inherit;right:0}

package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css

@@ -1 +0,0 @@
-.label[data-v-f8826716]{color:#41454d}.pop-up[data-v-f8826716]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-f8826716]{top:0}.pop-up.hide-presets[data-v-f8826716],.pop-up.hide-presets .calendar-wrap[data-v-f8826716]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f8826716]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f8826716]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f8826716]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f8826716]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f8826716]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f8826716]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f8826716]{left:-1px}.pop-up .date-picker-calendar[data-v-f8826716]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f8826716]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f8826716]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f8826716]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-f8826716]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f8826716]{float:right;margin-left:8px}.pop-up .error[data-v-f8826716]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f8826716]{display:inline-block}.pop-up.right[data-v-f8826716]{left:initial;right:1px}.calendar-wrap[data-v-f8826716]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f8826716]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f8826716]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f8826716]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f8826716]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f8826716]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f8826716]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f8826716]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f8826716]{padding-left:12px}.date-range-field.no-button-limit[data-v-f8826716]{overflow:visible}.date-range-field.no-button-limit span[data-v-f8826716]{width:100%;line-height:22px}.date-range-field span[data-v-f8826716]{line-height:26px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f8826716]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f8826716]:after{border-top-color:#8e959d}.pop-up-content[data-v-f8826716]{margin-top:1px}.type-message[data-v-f8826716]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f8826716]{position:relative}.space-right[data-v-f8826716]{margin-right:13px}.space-left[data-v-f8826716]{margin-left:9px}.top-date[data-v-f8826716]{line-height:13px}.flex[data-v-f8826716]{display:flex}

package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-526bf0a1],.v-leave-active[data-v-526bf0a1]{transition:opacity .25s ease}ol[data-v-526bf0a1],ul[data-v-526bf0a1],menu[data-v-526bf0a1]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-526bf0a1],.dropdown.full-width .button__container[data-v-526bf0a1]{width:100%}.dropdown-list-wrapper[data-v-526bf0a1]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-526bf0a1]{padding:.5rem}.list-container--multi[data-v-526bf0a1]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-526bf0a1]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-526bf0a1]{width:100%}.inline-search .list-container[data-v-526bf0a1]{padding-top:0}.no-result-container[data-v-526bf0a1]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-526bf0a1]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-526bf0a1]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-526bf0a1]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-526bf0a1]{min-height:0;margin-bottom:0}.image-slot[data-v-526bf0a1]{margin-right:.5rem}.actions-wrapper[data-v-526bf0a1]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.dropdown-footer[data-v-526bf0a1]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-526bf0a1]{margin-left:.5rem}

package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css

@@ -1 +0,0 @@
-.form-card[data-v-86feae7b]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-86feae7b]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-86feae7b]{width:220px;height:20px}.card-content[data-v-86feae7b]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-86feae7b]{padding:0}.form-actions[data-v-86feae7b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-86feae7b]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-86feae7b]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css

@@ -1 +0,0 @@
-.loader-container[data-v-50d9be64]{height:100%;width:100%;box-sizing:border-box;position:relative}.circle-svg[data-v-50d9be64]{margin:0 auto;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-svg circle[data-v-50d9be64]{stroke:#cbcbcb;fill:transparent;transform-origin:center;stroke-dasharray:314.159265359%;animation:spinner-50d9be64 1.4s linear 0s infinite normal none running}@keyframes spinner-50d9be64{0%{stroke-dashoffset:314.159265359%;transform:rotate(0)}to{stroke-dashoffset:-314.159265359%;transform:rotate(390deg)}}

package/Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css

@@ -1 +0,0 @@
-.label[data-v-eb057818]{color:#41454d}.menu[data-v-eb057818]{display:inline-flex}.menu-popup[data-v-eb057818]{min-width:13.125rem}

package/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css

@@ -1 +0,0 @@
-.multi-bar[data-v-c4395fb6]{bottom:var(--spacing-500);width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-c4395fb6]{justify-content:flex-start}.multi-bar--small[data-v-c4395fb6]{height:var(--spacing-600)}.multi-bar--medium[data-v-c4395fb6]{height:var(--spacing-700)}.multi-bar--fixed[data-v-c4395fb6]{position:fixed}.multi-bar--absolute[data-v-c4395fb6]{left:0;right:0;position:absolute}.multi-bar-enter-from[data-v-c4395fb6],.multi-bar-leave-to[data-v-c4395fb6]{opacity:0;transform:translateY(var(--spacing-500))}.multi-bar-panel[data-v-c4395fb6]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-modal-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-c4395fb6]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-c4395fb6]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-c4395fb6]{margin-right:4px}.action-button--last[data-v-c4395fb6]{margin-right:0}

package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css

@@ -1 +0,0 @@
-.label[data-v-752a357d]{color:#41454d}.item-container[data-v-752a357d]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-752a357d]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-752a357d],.item-container--disabled .item .end-icon[data-v-752a357d],.item-container--disabled .item .end-text-icon[data-v-752a357d]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-752a357d]{opacity:.5}.item-container[data-v-752a357d]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-752a357d],.item-container[data-v-752a357d]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-752a357d]{background-color:var(--action-selected)}.subtitle[data-v-752a357d]{color:#7b838c;line-height:1rem}.clear-button[data-v-752a357d]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-752a357d]:hover{color:#3083ff}.item[data-v-752a357d]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-752a357d],.item--multi[data-v-752a357d]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-752a357d]{width:20px;height:20px;flex:none}.item .image img[data-v-752a357d]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-752a357d]{width:16px;height:16px}.item .flag img[data-v-752a357d]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-752a357d],.item .end-icon[data-v-752a357d]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-752a357d]{display:inline-flex}.item .option-text[data-v-752a357d]{line-height:1.1875rem}.text-container[data-v-752a357d]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-752a357d]{display:block}.tooltip-option[data-v-752a357d] .container{width:100%}.app-trigger--icon[data-v-752a357d]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-752a357d]{transform:rotate(0)}.option-warning[data-v-752a357d]{display:flex}.option-warning__icon[data-v-752a357d]{color:var(--warning-main)}.option-content[data-v-752a357d]{display:flex}.option-content[data-v-752a357d]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-752a357d]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-752a357d]{flex-direction:column}.option-text .main-text[data-v-752a357d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-752a357d]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-752a357d]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-752a357d]{color:var(--text-secondary)}.multiline-tooltip[data-v-752a357d]{display:flex;flex-direction:column}

package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css

@@ -1 +0,0 @@
-div[data-v-66694b4e]{display:block}

package/SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css

@@ -1 +0,0 @@
-.container[data-v-35c79635]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-35c79635]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-35c79635]{margin-top:8px;margin-left:28px;width:calc(100% - 24px);color:var(--text-secondary)}.title[data-v-35c79635]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-35c79635]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-35c79635]{right:1rem}.snackbar.left[data-v-35c79635]{left:1rem}.close-button-wrapper[data-v-35c79635]{width:20px}.snackbar-enter-from.right[data-v-35c79635]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-35c79635]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-35c79635]{opacity:0}.snackbar-leave-to.right[data-v-35c79635]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-35c79635]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-35c79635]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-35c79635]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-35c79635]{color:var(--success-main)}.snackbar-icon-loading[data-v-35c79635]{width:20px;height:20px}.snackbar-icon-loading[data-v-35c79635] .circle-svg{width:100%;height:100%}.action-wrapper[data-v-35c79635]{margin-left:28px;width:calc(100% - 16px)}.action-wrapper .actions[data-v-35c79635]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

package/Tag.vue_vue_type_style_index_0_scoped_043adaf5_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-043adaf5],.font-chart-2[data-v-043adaf5],.font-chart-1[data-v-043adaf5]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-043adaf5],.tag-input[data-v-043adaf5],.font-chip-label[data-v-043adaf5],.font-table-label[data-v-043adaf5],.font-button[data-v-043adaf5],.font-heading-6[data-v-043adaf5],.font-heading-5[data-v-043adaf5],.font-heading-4[data-v-043adaf5],.font-heading-3[data-v-043adaf5],.font-heading-2[data-v-043adaf5],.font-heading-1[data-v-043adaf5],.font-title[data-v-043adaf5]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-043adaf5],.font-input-label[data-v-043adaf5],.font-overline[data-v-043adaf5],.font-subtitle-2[data-v-043adaf5],.font-subtitle-1[data-v-043adaf5]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-043adaf5],.font-body-2[data-v-043adaf5],.font-body-1[data-v-043adaf5]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-043adaf5]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-043adaf5]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-043adaf5]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-043adaf5]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-043adaf5]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-043adaf5]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-043adaf5]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-043adaf5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-043adaf5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-043adaf5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-043adaf5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-043adaf5]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-043adaf5]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-043adaf5]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-043adaf5]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-043adaf5]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-043adaf5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-043adaf5]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-043adaf5],.font-tab-label2[data-v-043adaf5]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-043adaf5],.tag-input[data-v-043adaf5],.font-chip-label[data-v-043adaf5]{font-size:.75rem;line-height:1rem}h1[data-v-043adaf5],h2[data-v-043adaf5],h3[data-v-043adaf5],h4[data-v-043adaf5],h5[data-v-043adaf5],h6[data-v-043adaf5]{margin:0}.tag-container[data-v-043adaf5]{position:relative;width:200px}.rounded-tag[data-v-043adaf5]{border-radius:100px}.tag-editing[data-v-043adaf5]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-043adaf5]{background-color:var(--action-hover)}.tag-hover-outline[data-v-043adaf5]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-043adaf5]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-043adaf5]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-043adaf5]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-043adaf5]{margin-right:.25rem}.tag-label[data-v-043adaf5]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-043adaf5]{color:var(--action-disabled)}.tag-label--hidden[data-v-043adaf5]{visibility:hidden}.tag-input[data-v-043adaf5]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-043adaf5]:focus{outline:none}.tag-input-outline[data-v-043adaf5]::placeholder{color:var(--action-disabled)}.clear-button[data-v-043adaf5]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-043adaf5]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-043adaf5]{color:var(--error-dark)}.clear-button--invalid[data-v-043adaf5]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-043adaf5]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-043adaf5]{cursor:text}.empty-tag[data-v-043adaf5]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-043adaf5]:hover{outline:1px dashed var(--action-active)}.tag-max-length-tooltip[data-v-043adaf5]{display:flex;width:250px;padding:.25rem}

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css

@@ -1 +0,0 @@
-.theme--wrapper-container[data-v-66bd448a]{width:100%}

package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css

@@ -1 +0,0 @@
-div[data-v-8a451e54]{display:block}