lingee-ui 0.0.18 → 0.0.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/button/index.d.mts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/chunk-4QG542GX.js +1 -0
- package/dist/{chunk-KSRZSPQR.js → chunk-5LB5DYXZ.js} +1 -1
- package/dist/chunk-67CCJI3Y.mjs +1 -0
- package/dist/{chunk-QRQE2XPJ.js → chunk-ARLTJ7O7.js} +1 -1
- package/dist/chunk-IBJZAWUP.mjs +1 -0
- package/dist/chunk-N4R34DPZ.js +1 -0
- package/dist/{chunk-X2JJ6KOR.mjs → chunk-NLYZRYOJ.mjs} +1 -1
- package/dist/{chunk-L6IXM6OV.mjs → chunk-QIGXWGB4.mjs} +1 -1
- package/dist/chunk-R2WK7AJL.mjs +1 -0
- package/dist/{chunk-CW6SU5IY.js → chunk-V32QRQMP.js} +1 -1
- package/dist/{index-7pb5YOcq.d.mts → index-BVXwKHfX.d.mts} +1 -1
- package/dist/{index-7pb5YOcq.d.ts → index-BVXwKHfX.d.ts} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.mts +520 -10
- package/dist/index.d.ts +520 -10
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/input/index.css +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input/index.mjs +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/popover/index.mjs +1 -1
- package/dist/tabs/index.css +1 -1
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/index.mjs +1 -1
- package/dist/toast/index.css +1 -1
- package/dist/toast/index.js +1 -1
- package/dist/toast/index.mjs +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tree/index.css +1 -1
- package/dist/tree/index.js +1 -1
- package/dist/tree/index.mjs +1 -1
- package/package.json +1 -1
- package/skill/AGENTS-SNIPPET.md +13 -4
- package/skill/SKILL.md +6 -4
- package/skill/VERSION.json +3 -3
- package/skill/references/components/breadcrumb.md +44 -0
- package/skill/references/components/checkbox.md +2 -0
- package/skill/references/components/dropdown.md +11 -1
- package/skill/references/components/person-picker.md +176 -0
- package/skill/references/setup.md +1 -1
- package/skill/references/tokens.md +10 -3
- package/dist/chunk-3RAHZU2C.js +0 -1
- package/dist/chunk-4OLAOR2B.mjs +0 -1
- package/dist/chunk-6OF5LIF4.mjs +0 -1
- package/dist/chunk-A2VQ5WK4.js +0 -1
- package/dist/chunk-XQRQYJIE.mjs +0 -1
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6D80FF;--lg-success-10: var(--lg-green-10);--lg-success-50: var(--lg-green-50);--lg-success-100: var(--lg-green-100);--lg-success-200: var(--lg-green-200);--lg-success-300: var(--lg-green-300);--lg-success-400: var(--lg-green-400);--lg-success-500: var(--lg-green-500);--lg-success-600: var(--lg-green-600);--lg-success-700: var(--lg-green-700);--lg-success-800: var(--lg-green-800);--lg-success-900: var(--lg-green-900);--lg-success-950: var(--lg-green-950);--lg-warning-10: var(--lg-orange-10);--lg-warning-50: var(--lg-orange-50);--lg-warning-100: var(--lg-orange-100);--lg-warning-200: var(--lg-orange-200);--lg-warning-300: var(--lg-orange-300);--lg-warning-400: var(--lg-orange-400);--lg-warning-500: var(--lg-orange-500);--lg-warning-600: var(--lg-orange-600);--lg-warning-700: var(--lg-orange-700);--lg-warning-800: var(--lg-orange-800);--lg-warning-900: var(--lg-orange-900);--lg-warning-950: var(--lg-orange-950);--lg-danger-10: var(--lg-red-10);--lg-danger-50: var(--lg-red-50);--lg-danger-100: var(--lg-red-100);--lg-danger-200: var(--lg-red-200);--lg-danger-300: var(--lg-red-300);--lg-danger-400: var(--lg-red-400);--lg-danger-500: var(--lg-red-500);--lg-danger-600: var(--lg-red-600);--lg-danger-700: var(--lg-red-700);--lg-danger-800: var(--lg-red-800);--lg-danger-900: var(--lg-red-900);--lg-danger-950: var(--lg-red-950);--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-4: rgba(0, 0, 0, .04);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-2: rgba(255, 255, 255, .02);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-4: rgba(255, 255, 255, .04);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-8: rgba(255, 255, 255, .08);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #FFFFFF;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(255, 41, 59, 0);--lg-red-500-3: rgba(255, 41, 59, .03);--lg-red-500-6: rgba(255, 41, 59, .06);--lg-red-500-8: rgba(255, 41, 59, .08);--lg-red-500-12: rgba(255, 41, 59, .12);--lg-red-500-28: rgba(255, 41, 59, .28);--lg-red-500-46: rgba(255, 41, 59, .46);--lg-red-500-64: rgba(255, 41, 59, .64);--lg-red-500-82: rgba(255, 41, 59, .82);--lg-red-500-94: rgba(255, 41, 59, .94);--lg-red-500-100: #FF293B;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF5EC;--lg-orange-100: #FFE8D6;--lg-orange-200: #FFD5B5;--lg-orange-300: #FFBE90;--lg-orange-400: #FFA56A;--lg-orange-500: #FF8D42;--lg-orange-600: #FF7700;--lg-orange-700: #DD6301;--lg-orange-800: #BA5002;--lg-orange-900: #964009;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #FF7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #FFB200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE500;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 229, 0, 0);--lg-yellow-500-3: rgba(255, 229, 0, .03);--lg-yellow-500-6: rgba(255, 229, 0, .06);--lg-yellow-500-8: rgba(255, 229, 0, .08);--lg-yellow-500-12: rgba(255, 229, 0, .12);--lg-yellow-500-28: rgba(255, 229, 0, .28);--lg-yellow-500-46: rgba(255, 229, 0, .46);--lg-yellow-500-64: rgba(255, 229, 0, .64);--lg-yellow-500-82: rgba(255, 229, 0, .82);--lg-yellow-500-94: rgba(255, 229, 0, .94);--lg-yellow-500-100: #FFE500;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74D70B;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08CC50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E5B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-color-11: #08C787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00E5E5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00A3F4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4D89FF;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155F6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858F9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8F40FF;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #F858D0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-new-group-0: rgba(255, 36, 109, 0);--lg-pink-new-group-3: rgba(255, 36, 109, .03);--lg-pink-new-group-6: rgba(255, 36, 109, .06);--lg-pink-new-group-8: rgba(255, 36, 109, .08);--lg-pink-new-group-12: rgba(255, 36, 109, .12);--lg-pink-new-group-28: rgba(255, 36, 109, .28);--lg-pink-new-group-46: rgba(255, 36, 109, .46);--lg-pink-new-group-64: rgba(255, 36, 109, .64);--lg-pink-new-group-82: rgba(255, 36, 109, .82);--lg-pink-new-group-94: rgba(255, 36, 109, .94);--lg-pink-new-group-100: #FF246D;--lg-chart-1: #599CFF;--lg-chart-2: var(--lg-emerald-500);--lg-chart-3: var(--lg-amber-500);--lg-chart-4: var(--lg-cyan-500);--lg-chart-5: var(--lg-lime-500);--lg-chart-6: #767AFF;--lg-chart-7: #97A3C1;--lg-chart-8: #769DFF;--lg-chart-9: #999999;--lg-chart-10: var(--lg-fuchsia-500);--lg-chart-11: var(--lg-teal-500);--lg-chart-12: var(--lg-yellow-500);--lg-chart-13: var(--lg-purple-500);--lg-chart-14: var(--lg-pink-500);--lg-chart-15: var(--lg-violet-500);--lg-chart-1-64: rgba(89, 156, 255, .64);--lg-chart-2-64: rgba(8, 199, 135, .64);--lg-chart-3-64: rgba(255, 178, 0, .64);--lg-chart-4-64: rgba(0, 163, 244, .64);--lg-chart-5-64: rgba(116, 215, 11, .64);--lg-chart-6-64: rgba(118, 122, 255, .64);--lg-chart-7-64: rgba(151, 163, 193, .64);--lg-chart-8-64: rgba(118, 157, 255, .64);--lg-chart-9-64: rgba(153, 153, 153, .64);--lg-chart-10-64: rgba(248, 88, 208, .64);--lg-chart-11-64: rgba(0, 229, 229, .64);--lg-chart-12-64: rgba(255, 230, 0, .64);--lg-chart-13-64: rgba(143, 64, 255, .64);--lg-chart-14-64: rgba(255, 36, 109, .64);--lg-chart-15-64: rgba(120, 88, 249, .64);--lg-chart-1-28: rgba(89, 156, 255, .28);--lg-chart-2-28: rgba(8, 199, 135, .28);--lg-chart-1-8: rgba(89, 156, 255, .08);--lg-chart-2-8: rgba(8, 199, 135, .08);--lg-chart-1-0: rgba(89, 156, 255, 0)}:root{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-100);--lg-g-fg-color-black-moderate: var(--lg-black-18);--lg-g-fg-color-black-faint: var(--lg-black-28);--lg-g-fg-color-black-default: var(--lg-black-46);--lg-g-fg-color-black-muted: var(--lg-black-64);--lg-g-fg-color-black-strong: var(--lg-black-82);--lg-g-fg-color-black-intense: var(--lg-black-94);--lg-g-fg-color-primary-muted: var(--lg-primary-300);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-danger-300);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-300);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-black-64);--lg-g-border-color-black-faint: var(--lg-black-3);--lg-g-border-color-black-dim: var(--lg-black-4);--lg-g-border-color-black-subtle: var(--lg-black-6);--lg-g-border-color-black-soft: var(--lg-black-8);--lg-g-border-color-black-muted: var(--lg-black-12);--lg-g-border-color-black-moderate: var(--lg-black-18);--lg-g-border-color-black-emphasis: var(--lg-black-64);--lg-g-border-color-black-intense: var(--lg-black-94);--lg-g-border-color-primary-soft: var(--lg-primary-300);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-border-color-warning-subtle: var(--lg-warning-100);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-border-color-danger-subtle: var(--lg-danger-100);--lg-g-border-color-danger-muted: var(--lg-danger-300);--lg-g-border-color-danger-low: var(--lg-danger-500);--lg-g-border-color-danger-default: var(--lg-danger-600);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-border-color-success-subtle: var(--lg-success-100);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-border-color-blue-subtle: var(--lg-blue-100);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-black-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-black-6);--lg-g-border-color-warning-muted: var(--lg-warning-300);--lg-g-border-color-success-muted: var(--lg-success-300);--lg-g-bg-color-white-emphasis: var(--lg-white-64);--lg-g-bg-color-white-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-strong: var(--lg-white-82);--lg-g-bg-color-white-translucent-ghost: var(--lg-white-0);--lg-g-bg-color-black-ghost: var(--lg-black-0);--lg-g-bg-color-black-hint: var(--lg-black-2);--lg-g-bg-color-black-faint: var(--lg-black-3);--lg-g-bg-color-black-dim: var(--lg-black-4);--lg-g-bg-color-black-subtle: var(--lg-black-6);--lg-g-bg-color-black-soft: var(--lg-black-8);--lg-g-bg-color-black-muted: var(--lg-black-12);--lg-g-bg-color-black-moderate: var(--lg-black-18);--lg-g-bg-color-black-default: var(--lg-black-46);--lg-g-bg-color-black-emphasis: var(--lg-black-64);--lg-g-bg-color-black-strong: var(--lg-black-82);--lg-g-bg-color-black-intense: var(--lg-black-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-300);--lg-g-bg-color-primary-low: var(--lg-primary-500);--lg-g-bg-color-primary-default: var(--lg-primary-600);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-600);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-danger-50);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-danger-300);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-600);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0);--lg-g-bg-color-success-translucent-faint: rgba(8, 204, 80, .03);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-success-50);--lg-g-bg-color-success-faint-dark: var(--lg-success-50);--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-50);--lg-g-bg-color-blue-faint-dark: var(--lg-blue-50);--lg-g-bg-color-blue-default: var(--lg-blue-600);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-50);--lg-g-bg-color-amber-faint-dark: var(--lg-amber-50);--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-50);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50);--lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50);--lg-g-bg-color-emerald-faint: var(--lg-emerald-50);--lg-g-bg-color-indigo-faint: var(--lg-indigo-50);--lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50);--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #F7F7FA;--lg-g-bg-color-white: #FAFAFA;--lg-g-bg-color-navigation: #F1F1F6;--lg-g-bg-color-white-tabs: var(--lg-white-64);--lg-g-bg-color-white-default: var(--lg-white-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-6);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-6);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-12);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-100);--lg-g-bg-color-white-bg2: var(--lg-white-82);--lg-g-bg-color-white-bg3: var(--lg-white-100);--lg-g-bg-color-white-tabs2: var(--lg-white-82);--lg-g-bg-color-black-people: var(--lg-black-18);--lg-g-bg-color-black-translucent-soft: var(--lg-black-4);--lg-g-bg-color-black-translucent-muted: var(--lg-black-2);--lg-g-shadow-color-black-subtle: var(--lg-black-3);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}[data-theme=dark]{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-28);--lg-g-fg-color-black-moderate: var(--lg-white-18);--lg-g-fg-color-black-faint: var(--lg-white-28);--lg-g-fg-color-black-default: var(--lg-white-46);--lg-g-fg-color-black-muted: var(--lg-white-64);--lg-g-fg-color-black-strong: var(--lg-white-82);--lg-g-fg-color-black-intense: var(--lg-white-94);--lg-g-fg-color-primary-muted: var(--lg-primary-500-28);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-red-500-28);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-500-28);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-white-46);--lg-g-border-color-black-faint: var(--lg-white-3);--lg-g-border-color-black-dim: var(--lg-white-4);--lg-g-border-color-black-subtle: var(--lg-white-3);--lg-g-border-color-black-soft: var(--lg-white-12);--lg-g-border-color-black-muted: var(--lg-white-18);--lg-g-border-color-black-moderate: var(--lg-white-28);--lg-g-border-color-black-emphasis: var(--lg-white-64);--lg-g-border-color-black-intense: var(--lg-white-94);--lg-g-border-color-primary-soft: var(--lg-primary-500-28);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-border-color-warning-subtle: var(--lg-warning-900);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-border-color-danger-subtle: var(--lg-danger-900);--lg-g-border-color-danger-muted: var(--lg-red-500-12);--lg-g-border-color-danger-low: var(--lg-red-500-46);--lg-g-border-color-danger-default: var(--lg-red-500-28);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-12);--lg-g-border-color-success-subtle: var(--lg-success-900);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-12);--lg-g-border-color-blue-subtle: var(--lg-blue-900);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-white-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-white-8);--lg-g-border-color-warning-muted: var(--lg-warning-800);--lg-g-border-color-success-muted: var(--lg-success-900);--lg-g-bg-color-white-emphasis: var(--lg-white-4);--lg-g-bg-color-white-heavy: #232426;--lg-g-bg-color-white-translucent-heavy: var(--lg-white-12);--lg-g-bg-color-white-translucent-strong: rgba(35, 36, 38, .82);--lg-g-bg-color-white-translucent-ghost: rgba(35, 36, 38, 0);--lg-g-bg-color-black-ghost: var(--lg-white-0);--lg-g-bg-color-black-hint: var(--lg-white-3);--lg-g-bg-color-black-faint: var(--lg-white-3);--lg-g-bg-color-black-dim: var(--lg-white-6);--lg-g-bg-color-black-subtle: var(--lg-white-8);--lg-g-bg-color-black-soft: var(--lg-white-12);--lg-g-bg-color-black-muted: var(--lg-white-12);--lg-g-bg-color-black-moderate: var(--lg-white-18);--lg-g-bg-color-black-default: var(--lg-white-46);--lg-g-bg-color-black-emphasis: var(--lg-white-64);--lg-g-bg-color-black-strong: var(--lg-white-82);--lg-g-bg-color-black-intense: var(--lg-white-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-white-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-12);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-500-28);--lg-g-bg-color-primary-low: var(--lg-primary-800);--lg-g-bg-color-primary-default: var(--lg-primary-700);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-700);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-700);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-3);--lg-g-bg-color-success-translucent-faint: var(--lg-green-500-8);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-green-500-3);--lg-g-bg-color-success-faint-dark: #222428;--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-faint-dark: #222428;--lg-g-bg-color-blue-default: var(--lg-blue-700);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-500-8);--lg-g-bg-color-amber-faint-dark: #282520;--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-500-12);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-500-12);--lg-g-bg-color-fuchsia-faint-dark: #272326;--lg-g-bg-color-emerald-faint: var(--lg-green-500-12);--lg-g-bg-color-indigo-faint: var(--lg-indigo-500-12);--lg-g-bg-color-indigo-faint-dark: #222327;--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #121214;--lg-g-bg-color-white: #191A1B;--lg-g-bg-color-navigation: #19191B;--lg-g-bg-color-white-tabs: var(--lg-white-8);--lg-g-bg-color-white-default: var(--lg-black-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-8);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-8);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-28);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-4);--lg-g-bg-color-white-bg2: var(--lg-white-6);--lg-g-bg-color-white-bg3: var(--lg-white-6);--lg-g-bg-color-white-tabs2: var(--lg-white-12);--lg-g-bg-color-black-people: var(--lg-white-18);--lg-g-bg-color-black-translucent-soft: var(--lg-white-8);--lg-g-bg-color-black-translucent-muted: var(--lg-white-6);--lg-g-shadow-color-black-subtle: var(--lg-black-12);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}:root{--lg-g-fg-color-black-aint: var(--lg-g-fg-color-black-faint);--lg-g-fg-color-indigo-defauit: var(--lg-g-fg-color-indigo-default);--lg-g-fg-color-lime-defauit: var(--lg-g-fg-color-lime-default);--lg-g-fg-color-violet-defauit: var(--lg-g-fg-color-violet-default);--lg-g-bg-color-emeraid-translucent-soft: var(--lg-g-bg-color-emerald-translucent-soft)}:root{--lg-spacing-3x-small: 2px;--lg-spacing-2x-small: 4px;--lg-spacing-1-5x-small: 6px;--lg-spacing-x-small: 8px;--lg-spacing-0-5x-small: 10px;--lg-spacing-small: 12px;--lg-spacing-medium: 16px;--lg-spacing-large: 20px;--lg-spacing-0-5x-large: 24px;--lg-spacing-x-large: 28px;--lg-spacing-2x-large: 36px;--lg-spacing-3x-large: 48px;--lg-spacing-4x-large: 72px;--lg-radius-small: 4px;--lg-radius-medium: 6px;--lg-radius-x-medium: 8px;--lg-radius-large: 12px;--lg-radius-x-large: 16px;--lg-radius-2x-large: 20px;--lg-radius-3x-large: 24px;--lg-radius-4x-large: 28px;--lg-radius-5x-large: 32px;--lg-radius-circle: 999px;--lg-radius-pill: 999px;--lg-font-size-small-10: 10px;--lg-font-size-small-12: 12px;--lg-font-size-small-14: 14px;--lg-font-size-medium-16: 16px;--lg-font-size-medium-18: 18px;--lg-font-size-large-20: 20px;--lg-font-size-large-24: 24px;--lg-font-size-large-28: 28px;--lg-font-size-large-32: 32px;--lg-font-size-large-36: 36px;--lg-font-size-large-48: 48px;--lg-font-size-large-72: 72px;--lg-font-family-body: "PingFang SC";--lg-font-family-title: "PingFang SC";--lg-font-family-display: "PingFang SC";--lg-font-weight-light: light;--lg-font-weight-normal: regular;--lg-font-weight-semibold: semibold;--lg-font-weight-bold: bold;--lg-transition-duration: .2s;--lg-transition-timing: cubic-bezier(.645, .045, .355, 1);--lg-line-height-15: 15px;--lg-line-height-18: 18px;--lg-line-height-22: 22px;--lg-line-height-24: 24px;--lg-line-height-28: 28px;--lg-line-height-30: 30px;--lg-line-height-36: 36px;--lg-line-height-42: 42px;--lg-line-height-48: 48px;--lg-line-height-54: 54px;--lg-line-height-72: 72px;--lg-line-height-108: 108px}
|
|
1
|
+
:root{--lg-primary-50: #F3F5FF;--lg-primary-100: #E9EDFF;--lg-primary-200: #D4DBFF;--lg-primary-300: #B7C1FF;--lg-primary-400: #95A2FF;--lg-primary-500: #6D80FF;--lg-primary-600: #495DFF;--lg-primary-700: #3B47F2;--lg-primary-800: #2F37C7;--lg-primary-900: #272F9C;--lg-primary-950: #1B2169;--lg-primary-500-0: rgba(109, 128, 255, 0);--lg-primary-500-3: rgba(109, 128, 255, .03);--lg-primary-500-6: rgba(109, 128, 255, .06);--lg-primary-500-8: rgba(109, 128, 255, .08);--lg-primary-500-12: rgba(109, 128, 255, .12);--lg-primary-500-28: rgba(109, 128, 255, .28);--lg-primary-500-46: rgba(109, 128, 255, .46);--lg-primary-500-64: rgba(109, 128, 255, .64);--lg-primary-500-82: rgba(109, 128, 255, .82);--lg-primary-500-94: rgba(109, 128, 255, .94);--lg-primary-500-100: #6D80FF;--lg-success-10: var(--lg-green-10);--lg-success-50: var(--lg-green-50);--lg-success-100: var(--lg-green-100);--lg-success-200: var(--lg-green-200);--lg-success-300: var(--lg-green-300);--lg-success-400: var(--lg-green-400);--lg-success-500: var(--lg-green-500);--lg-success-600: var(--lg-green-600);--lg-success-700: var(--lg-green-700);--lg-success-800: var(--lg-green-800);--lg-success-900: var(--lg-green-900);--lg-success-950: var(--lg-green-950);--lg-warning-10: var(--lg-orange-10);--lg-warning-50: var(--lg-orange-50);--lg-warning-100: var(--lg-orange-100);--lg-warning-200: var(--lg-orange-200);--lg-warning-300: var(--lg-orange-300);--lg-warning-400: var(--lg-orange-400);--lg-warning-500: var(--lg-orange-500);--lg-warning-600: var(--lg-orange-600);--lg-warning-700: var(--lg-orange-700);--lg-warning-800: var(--lg-orange-800);--lg-warning-900: var(--lg-orange-900);--lg-warning-950: var(--lg-orange-950);--lg-danger-10: var(--lg-red-10);--lg-danger-50: var(--lg-red-50);--lg-danger-100: var(--lg-red-100);--lg-danger-200: var(--lg-red-200);--lg-danger-300: var(--lg-red-300);--lg-danger-400: var(--lg-red-400);--lg-danger-500: var(--lg-red-500);--lg-danger-600: var(--lg-red-600);--lg-danger-700: var(--lg-red-700);--lg-danger-800: var(--lg-red-800);--lg-danger-900: var(--lg-red-900);--lg-danger-950: var(--lg-red-950);--lg-black-0: rgba(0, 0, 0, 0);--lg-black-2: rgba(0, 0, 0, .02);--lg-black-3: rgba(0, 0, 0, .03);--lg-black-4: rgba(0, 0, 0, .04);--lg-black-6: rgba(0, 0, 0, .06);--lg-black-8: rgba(0, 0, 0, .08);--lg-black-12: rgba(0, 0, 0, .12);--lg-black-18: rgba(0, 0, 0, .18);--lg-black-28: rgba(0, 0, 0, .28);--lg-black-46: rgba(0, 0, 0, .46);--lg-black-64: rgba(0, 0, 0, .64);--lg-black-82: rgba(0, 0, 0, .82);--lg-black-94: rgba(0, 0, 0, .94);--lg-black-100: #000000;--lg-black-blue-0: rgba(0, 29, 65, 0);--lg-black-blue-2: rgba(0, 29, 65, .02);--lg-black-blue-3: rgba(0, 29, 65, .03);--lg-black-blue-4: rgba(0, 29, 65, .04);--lg-black-blue-6: rgba(0, 29, 65, .06);--lg-black-blue-8: rgba(0, 29, 65, .08);--lg-black-blue-12: rgba(0, 29, 65, .12);--lg-black-blue-18: rgba(0, 29, 65, .18);--lg-black-blue-28: rgba(0, 29, 65, .28);--lg-black-blue-46: rgba(0, 29, 65, .46);--lg-black-blue-64: rgba(0, 29, 65, .64);--lg-black-blue-82: rgba(0, 29, 65, .82);--lg-black-blue-94: rgba(0, 29, 65, .94);--lg-black-blue-100: #001D41;--lg-white-0: rgba(255, 255, 255, 0);--lg-white-2: rgba(255, 255, 255, .02);--lg-white-3: rgba(255, 255, 255, .03);--lg-white-4: rgba(255, 255, 255, .04);--lg-white-6: rgba(255, 255, 255, .06);--lg-white-8: rgba(255, 255, 255, .08);--lg-white-12: rgba(255, 255, 255, .12);--lg-white-18: rgba(255, 255, 255, .18);--lg-white-28: rgba(255, 255, 255, .28);--lg-white-46: rgba(255, 255, 255, .46);--lg-white-64: rgba(255, 255, 255, .64);--lg-white-82: rgba(255, 255, 255, .82);--lg-white-94: rgba(255, 255, 255, .94);--lg-white-100: #FFFFFF;--lg-gray-blue-50: #FAFBFC;--lg-gray-blue-100: #F7F8FA;--lg-gray-blue-200: #F1F4F6;--lg-gray-blue-300: #EBEEF2;--lg-gray-blue-400: #EAEEF2;--lg-gray-blue-500: #D0D4DC;--lg-gray-blue-600: #B3B8C5;--lg-gray-blue-700: #989EAC;--lg-gray-blue-800: #797F91;--lg-gray-blue-900: #646A78;--lg-gray-blue-950: #3A3C46;--lg-red-10: #FFF5F5;--lg-red-50: #FFF0F1;--lg-red-100: #FFE0E3;--lg-red-200: #FFC7CC;--lg-red-300: #FF9EA6;--lg-red-400: #FF5765;--lg-red-500: #FF293B;--lg-red-600: #F12234;--lg-red-700: #DA0B20;--lg-red-800: #B30F25;--lg-red-900: #991519;--lg-red-950: #580405;--lg-red-500-0: rgba(255, 41, 59, 0);--lg-red-500-3: rgba(255, 41, 59, .03);--lg-red-500-6: rgba(255, 41, 59, .06);--lg-red-500-8: rgba(255, 41, 59, .08);--lg-red-500-12: rgba(255, 41, 59, .12);--lg-red-500-28: rgba(255, 41, 59, .28);--lg-red-500-46: rgba(255, 41, 59, .46);--lg-red-500-64: rgba(255, 41, 59, .64);--lg-red-500-82: rgba(255, 41, 59, .82);--lg-red-500-94: rgba(255, 41, 59, .94);--lg-red-500-100: #FF293B;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF5EC;--lg-orange-100: #FFE8D6;--lg-orange-200: #FFD5B5;--lg-orange-300: #FFBE90;--lg-orange-400: #FFA56A;--lg-orange-500: #FF8D42;--lg-orange-600: #FF7700;--lg-orange-700: #DD6301;--lg-orange-800: #BA5002;--lg-orange-900: #964009;--lg-orange-950: #521A00;--lg-orange-500-0: rgba(255, 119, 0, 0);--lg-orange-500-3: rgba(255, 119, 0, .03);--lg-orange-500-6: rgba(255, 119, 0, .06);--lg-orange-500-8: rgba(255, 119, 0, .08);--lg-orange-500-12: rgba(255, 119, 0, .12);--lg-orange-500-28: rgba(255, 119, 0, .28);--lg-orange-500-46: rgba(255, 119, 0, .46);--lg-orange-500-64: rgba(255, 119, 0, .64);--lg-orange-500-82: rgba(255, 119, 0, .82);--lg-orange-500-94: rgba(255, 119, 0, .94);--lg-orange-500-100: #FF7700;--lg-amber-50: #FFFDEA;--lg-amber-100: #FFF8C5;--lg-amber-200: #FFF285;--lg-amber-300: #FFDB38;--lg-amber-400: #FFD414;--lg-amber-500: #FFB200;--lg-amber-600: #E28800;--lg-amber-700: #BB5F02;--lg-amber-800: #984908;--lg-amber-900: #7C3C0B;--lg-amber-950: #612800;--lg-amber-500-0: rgba(255, 178, 0, 0);--lg-amber-500-3: rgba(255, 178, 0, .03);--lg-amber-500-6: rgba(255, 178, 0, .06);--lg-amber-500-8: rgba(255, 178, 0, .08);--lg-amber-500-12: rgba(255, 178, 0, .12);--lg-amber-500-28: rgba(255, 178, 0, .28);--lg-amber-500-46: rgba(255, 178, 0, .46);--lg-amber-500-64: rgba(255, 178, 0, .64);--lg-amber-500-82: rgba(255, 178, 0, .82);--lg-amber-500-94: rgba(255, 178, 0, .94);--lg-amber-500-100: #FFB200;--lg-yellow-50: #FEFFE7;--lg-yellow-100: #FBFFC1;--lg-yellow-200: #FFFB86;--lg-yellow-300: #FFEC3D;--lg-yellow-400: #FFE51C;--lg-yellow-500: #FFE500;--lg-yellow-600: #D1A600;--lg-yellow-700: #A67802;--lg-yellow-800: #895D0A;--lg-yellow-900: #744C0F;--lg-yellow-950: #5C3C05;--lg-yellow-500-0: rgba(255, 229, 0, 0);--lg-yellow-500-3: rgba(255, 229, 0, .03);--lg-yellow-500-6: rgba(255, 229, 0, .06);--lg-yellow-500-8: rgba(255, 229, 0, .08);--lg-yellow-500-12: rgba(255, 229, 0, .12);--lg-yellow-500-28: rgba(255, 229, 0, .28);--lg-yellow-500-46: rgba(255, 229, 0, .46);--lg-yellow-500-64: rgba(255, 229, 0, .64);--lg-yellow-500-82: rgba(255, 229, 0, .82);--lg-yellow-500-94: rgba(255, 229, 0, .94);--lg-yellow-500-100: #FFE500;--lg-lime-50: #F0FBE4;--lg-lime-100: #EBFADC;--lg-lime-200: #CBF2A5;--lg-lime-300: #9CE356;--lg-lime-400: #84D533;--lg-lime-500: #74D70B;--lg-lime-600: #5FBA04;--lg-lime-700: #438308;--lg-lime-800: #38670D;--lg-lime-900: #305710;--lg-lime-950: #1E4203;--lg-lime-500-0: rgba(116, 215, 11, 0);--lg-lime-500-3: rgba(116, 215, 11, .03);--lg-lime-500-6: rgba(116, 215, 11, .06);--lg-lime-500-8: rgba(116, 215, 11, .08);--lg-lime-500-12: rgba(116, 215, 11, .12);--lg-lime-500-28: rgba(116, 215, 11, .28);--lg-lime-500-46: rgba(116, 215, 11, .46);--lg-lime-500-64: rgba(116, 215, 11, .64);--lg-lime-500-82: rgba(116, 215, 11, .82);--lg-lime-500-94: rgba(116, 215, 11, .94);--lg-lime-500-100: #74D70B;--lg-green-10: #F7FFF8;--lg-green-50: #EEFFF0;--lg-green-100: #DBFFE1;--lg-green-200: #B4F5BF;--lg-green-300: #7AEB9C;--lg-green-400: #45E57A;--lg-green-500: #08CC50;--lg-green-600: #04B545;--lg-green-700: #078E3B;--lg-green-800: #0C6F37;--lg-green-900: #0C5B31;--lg-green-950: #003D1D;--lg-green-500-0: rgba(8, 204, 80, 0);--lg-green-500-3: rgba(8, 204, 80, .03);--lg-green-500-6: rgba(8, 204, 80, .06);--lg-green-500-8: rgba(8, 204, 80, .08);--lg-green-500-12: rgba(8, 204, 80, .12);--lg-green-500-28: rgba(8, 204, 80, .28);--lg-green-500-46: rgba(8, 204, 80, .46);--lg-green-500-64: rgba(8, 204, 80, .64);--lg-green-500-82: rgba(8, 204, 80, .82);--lg-green-500-94: rgba(8, 204, 80, .94);--lg-green-500-100: #08CC50;--lg-emerald-50: #EBFEF7;--lg-emerald-100: #D4FCE9;--lg-emerald-200: #A9EBD3;--lg-emerald-300: #83EBC8;--lg-emerald-400: #50E5B9;--lg-emerald-500: #08C787;--lg-emerald-600: #009D72;--lg-emerald-700: #007E5E;--lg-emerald-800: #02634C;--lg-emerald-900: #025240;--lg-emerald-950: #003D31;--lg-emerald-500-0: rgba(8, 199, 135, 0);--lg-emerald-500-3: rgba(8, 199, 135, .03);--lg-emerald-500-6: rgba(8, 199, 135, .06);--lg-emerald-500-8: rgba(8, 199, 135, .08);--lg-emerald-500-12: rgba(8, 199, 135, .12);--lg-emerald-500-28: rgba(8, 199, 135, .28);--lg-emerald-500-46: rgba(8, 199, 135, .46);--lg-emerald-500-64: rgba(8, 199, 135, .64);--lg-emerald-500-82: rgba(8, 199, 135, .82);--lg-emerald-500-94: rgba(8, 199, 135, .94);--lg-emerald-500-color-11: #08C787;--lg-teal-50: #EFFEFC;--lg-teal-100: #C9FEF5;--lg-teal-200: #87EBDB;--lg-teal-300: #71F5E5;--lg-teal-400: #4CEBE9;--lg-teal-500: #00E5E5;--lg-teal-600: #00BFB8;--lg-teal-700: #027F83;--lg-teal-800: #086367;--lg-teal-900: #0F5052;--lg-teal-950: #013A3D;--lg-teal-500-0: rgba(0, 229, 229, 0);--lg-teal-500-3: rgba(0, 229, 229, .03);--lg-teal-500-6: rgba(0, 229, 229, .06);--lg-teal-500-8: rgba(0, 229, 229, .08);--lg-teal-500-12: rgba(0, 229, 229, .12);--lg-teal-500-28: rgba(0, 229, 229, .28);--lg-teal-500-46: rgba(0, 229, 229, .46);--lg-teal-500-64: rgba(0, 229, 229, .64);--lg-teal-500-82: rgba(0, 229, 229, .82);--lg-teal-500-94: rgba(0, 229, 229, .94);--lg-teal-500-100: #00E5E5;--lg-cyan-50: #F0F9FF;--lg-cyan-100: #DEF1FF;--lg-cyan-200: #B6E5FF;--lg-cyan-300: #75D3FF;--lg-cyan-400: #2CBDFF;--lg-cyan-500: #00A3F4;--lg-cyan-600: #0083D4;--lg-cyan-700: #0068AB;--lg-cyan-800: #00588D;--lg-cyan-900: #064A74;--lg-cyan-950: #053A61;--lg-cyan-500-0: rgba(0, 163, 244, 0);--lg-cyan-500-3: rgba(0, 163, 244, .03);--lg-cyan-500-6: rgba(0, 163, 244, .06);--lg-cyan-500-8: rgba(0, 163, 244, .08);--lg-cyan-500-12: rgba(0, 163, 244, .12);--lg-cyan-500-28: rgba(0, 163, 244, .28);--lg-cyan-500-46: rgba(0, 163, 244, .46);--lg-cyan-500-64: rgba(0, 163, 244, .64);--lg-cyan-500-82: rgba(0, 163, 244, .82);--lg-cyan-500-94: rgba(0, 163, 244, .94);--lg-cyan-500-100: #00A3F4;--lg-blue-10: #F7FBFF;--lg-blue-50: #F2F7FF;--lg-blue-100: #E4EEFF;--lg-blue-200: #C8DCFF;--lg-blue-300: #A4C5FF;--lg-blue-400: #74A5FF;--lg-blue-500: #4D89FF;--lg-blue-600: #2970FF;--lg-blue-700: #155BE8;--lg-blue-800: #164ABE;--lg-blue-900: #183F96;--lg-blue-950: #172A5E;--lg-blue-500-0: rgba(77, 137, 255, 0);--lg-blue-500-3: rgba(77, 137, 255, .03);--lg-blue-500-6: rgba(77, 137, 255, .06);--lg-blue-500-8: rgba(77, 137, 255, .08);--lg-blue-500-12: rgba(77, 137, 255, .12);--lg-blue-500-28: rgba(77, 137, 255, .28);--lg-blue-500-46: rgba(77, 137, 255, .46);--lg-blue-500-64: rgba(77, 137, 255, .64);--lg-blue-500-82: rgba(77, 137, 255, .82);--lg-blue-500-94: rgba(77, 137, 255, .94);--lg-blue-500-100: #4D89FF;--lg-indigo-50: #F5F6FF;--lg-indigo-100: #E5E9FF;--lg-indigo-200: #CCD3FF;--lg-indigo-300: #9BA6FD;--lg-indigo-400: #737CFC;--lg-indigo-500: #5155F6;--lg-indigo-600: #4343F5;--lg-indigo-700: #322FCC;--lg-indigo-800: #1A18A3;--lg-indigo-900: #0D097A;--lg-indigo-950: #060066;--lg-indigo-500-0: rgba(81, 85, 246, 0);--lg-indigo-500-3: rgba(81, 85, 246, .03);--lg-indigo-500-6: rgba(81, 85, 246, .06);--lg-indigo-500-8: rgba(81, 85, 246, .08);--lg-indigo-500-12: rgba(81, 85, 246, .12);--lg-indigo-500-28: rgba(81, 85, 246, .28);--lg-indigo-500-46: rgba(81, 85, 246, .46);--lg-indigo-500-64: rgba(81, 85, 246, .64);--lg-indigo-500-82: rgba(81, 85, 246, .82);--lg-indigo-500-94: rgba(81, 85, 246, .94);--lg-indigo-500-100: #5155F6;--lg-violet-50: #F5F2FF;--lg-violet-100: #E9E3FF;--lg-violet-200: #CEC2FF;--lg-violet-300: #B19EFF;--lg-violet-400: #9980FF;--lg-violet-500: #7858F9;--lg-violet-600: #572FF7;--lg-violet-700: #3C17CF;--lg-violet-800: #2505A6;--lg-violet-900: #1A0080;--lg-violet-950: #140066;--lg-violet-500-0: rgba(120, 88, 249, 0);--lg-violet-500-3: rgba(120, 88, 249, .03);--lg-violet-500-6: rgba(120, 88, 249, .06);--lg-violet-500-8: rgba(120, 88, 249, .08);--lg-violet-500-12: rgba(120, 88, 249, .12);--lg-violet-500-28: rgba(120, 88, 249, .28);--lg-violet-500-46: rgba(120, 88, 249, .46);--lg-violet-500-64: rgba(120, 88, 249, .64);--lg-violet-500-82: rgba(120, 88, 249, .82);--lg-violet-500-94: rgba(120, 88, 249, .94);--lg-violet-500-100: #7858F9;--lg-purple-50: #F9F5FF;--lg-purple-100: #F1E7FF;--lg-purple-200: #E5D3FF;--lg-purple-300: #D0B0FF;--lg-purple-400: #B37EFF;--lg-purple-500: #8F40FF;--lg-purple-600: #7F2AF3;--lg-purple-700: #6C1AD6;--lg-purple-800: #5D1AAF;--lg-purple-900: #4D178C;--lg-purple-950: #320269;--lg-purple-500-0: rgba(143, 64, 255, 0);--lg-purple-500-3: rgba(143, 64, 255, .03);--lg-purple-500-6: rgba(143, 64, 255, .06);--lg-purple-500-8: rgba(143, 64, 255, .08);--lg-purple-500-12: rgba(143, 64, 255, .12);--lg-purple-500-28: rgba(143, 64, 255, .28);--lg-purple-500-46: rgba(143, 64, 255, .46);--lg-purple-500-64: rgba(143, 64, 255, .64);--lg-purple-500-82: rgba(143, 64, 255, .82);--lg-purple-500-94: rgba(143, 64, 255, .94);--lg-purple-500-100: #8F40FF;--lg-fuchsia-50: #FFF2FC;--lg-fuchsia-100: #FFE3F8;--lg-fuchsia-200: #FFC2F0;--lg-fuchsia-300: #FF9EE7;--lg-fuchsia-400: #FF80DF;--lg-fuchsia-500: #F858D0;--lg-fuchsia-600: #ED1DB9;--lg-fuchsia-700: #B8148F;--lg-fuchsia-800: #950471;--lg-fuchsia-900: #66004D;--lg-fuchsia-950: #5C0044;--lg-fuchsia-500-0: rgba(248, 88, 208, 0);--lg-fuchsia-500-3: rgba(248, 88, 208, .03);--lg-fuchsia-500-6: rgba(248, 88, 208, .06);--lg-fuchsia-500-8: rgba(248, 88, 208, .08);--lg-fuchsia-500-12: rgba(248, 88, 208, .12);--lg-fuchsia-500-28: rgba(248, 88, 208, .28);--lg-fuchsia-500-46: rgba(248, 88, 208, .46);--lg-fuchsia-500-64: rgba(248, 88, 208, .64);--lg-fuchsia-500-82: rgba(248, 88, 208, .82);--lg-fuchsia-500-94: rgba(248, 88, 208, .94);--lg-fuchsia-500-100: #F858D0;--lg-pink-50: #FFF0F3;--lg-pink-100: #FFE2EA;--lg-pink-200: #FFCADA;--lg-pink-300: #FF9FBB;--lg-pink-400: #FF6997;--lg-pink-500: #FF246D;--lg-pink-600: #ED1165;--lg-pink-700: #C80856;--lg-pink-800: #A8094F;--lg-pink-900: #8F0C49;--lg-pink-950: #6B0130;--lg-pink-new-group-0: rgba(255, 36, 109, 0);--lg-pink-new-group-3: rgba(255, 36, 109, .03);--lg-pink-new-group-6: rgba(255, 36, 109, .06);--lg-pink-new-group-8: rgba(255, 36, 109, .08);--lg-pink-new-group-12: rgba(255, 36, 109, .12);--lg-pink-new-group-28: rgba(255, 36, 109, .28);--lg-pink-new-group-46: rgba(255, 36, 109, .46);--lg-pink-new-group-64: rgba(255, 36, 109, .64);--lg-pink-new-group-82: rgba(255, 36, 109, .82);--lg-pink-new-group-94: rgba(255, 36, 109, .94);--lg-pink-new-group-100: #FF246D;--lg-chart-1: #599CFF;--lg-chart-2: var(--lg-emerald-500);--lg-chart-3: var(--lg-amber-500);--lg-chart-4: var(--lg-cyan-500);--lg-chart-5: var(--lg-lime-500);--lg-chart-6: #767AFF;--lg-chart-7: #97A3C1;--lg-chart-8: #769DFF;--lg-chart-9: #999999;--lg-chart-10: var(--lg-fuchsia-500);--lg-chart-11: var(--lg-teal-500);--lg-chart-12: var(--lg-yellow-500);--lg-chart-13: var(--lg-purple-500);--lg-chart-14: var(--lg-pink-500);--lg-chart-15: var(--lg-violet-500);--lg-chart-1-64: rgba(89, 156, 255, .64);--lg-chart-2-64: rgba(8, 199, 135, .64);--lg-chart-3-64: rgba(255, 178, 0, .64);--lg-chart-4-64: rgba(0, 163, 244, .64);--lg-chart-5-64: rgba(116, 215, 11, .64);--lg-chart-6-64: rgba(118, 122, 255, .64);--lg-chart-7-64: rgba(151, 163, 193, .64);--lg-chart-8-64: rgba(118, 157, 255, .64);--lg-chart-9-64: rgba(153, 153, 153, .64);--lg-chart-10-64: rgba(248, 88, 208, .64);--lg-chart-11-64: rgba(0, 229, 229, .64);--lg-chart-12-64: rgba(255, 230, 0, .64);--lg-chart-13-64: rgba(143, 64, 255, .64);--lg-chart-14-64: rgba(255, 36, 109, .64);--lg-chart-15-64: rgba(120, 88, 249, .64);--lg-chart-1-28: rgba(89, 156, 255, .28);--lg-chart-2-28: rgba(8, 199, 135, .28);--lg-chart-1-8: rgba(89, 156, 255, .08);--lg-chart-2-8: rgba(8, 199, 135, .08);--lg-chart-1-0: rgba(89, 156, 255, 0)}:root{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-100);--lg-g-fg-color-black-moderate: var(--lg-black-18);--lg-g-fg-color-black-faint: var(--lg-black-28);--lg-g-fg-color-black-default: var(--lg-black-46);--lg-g-fg-color-black-muted: var(--lg-black-64);--lg-g-fg-color-black-strong: var(--lg-black-82);--lg-g-fg-color-black-intense: var(--lg-black-94);--lg-g-fg-color-primary-muted: var(--lg-primary-300);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-danger-300);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-300);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-black-64);--lg-g-fg-color-black-blue-moderate: var(--lg-black-blue-18);--lg-g-fg-color-black-blue-faint: var(--lg-black-blue-28);--lg-g-fg-color-black-blue-default: var(--lg-black-blue-46);--lg-g-fg-color-black-blue-muted: var(--lg-black-blue-64);--lg-g-fg-color-black-blue-strong: var(--lg-black-blue-82);--lg-g-fg-color-black-blue-intense: var(--lg-black-blue-94);--lg-g-border-color-black-faint: var(--lg-black-3);--lg-g-border-color-black-dim: var(--lg-black-4);--lg-g-border-color-black-subtle: var(--lg-black-6);--lg-g-border-color-black-soft: var(--lg-black-8);--lg-g-border-color-black-muted: var(--lg-black-12);--lg-g-border-color-black-moderate: var(--lg-black-18);--lg-g-border-color-black-emphasis: var(--lg-black-64);--lg-g-border-color-black-intense: var(--lg-black-94);--lg-g-border-color-primary-soft: var(--lg-primary-300);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-border-color-warning-subtle: var(--lg-warning-100);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-border-color-danger-subtle: var(--lg-danger-100);--lg-g-border-color-danger-muted: var(--lg-danger-300);--lg-g-border-color-danger-low: var(--lg-danger-500);--lg-g-border-color-danger-default: var(--lg-danger-600);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-border-color-success-subtle: var(--lg-success-100);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-border-color-blue-subtle: var(--lg-blue-100);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-black-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-black-6);--lg-g-border-color-warning-muted: var(--lg-warning-300);--lg-g-border-color-success-muted: var(--lg-success-300);--lg-g-bg-color-white-emphasis: var(--lg-white-64);--lg-g-bg-color-white-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-heavy: var(--lg-white-100);--lg-g-bg-color-white-translucent-strong: var(--lg-white-82);--lg-g-bg-color-white-translucent-ghost: var(--lg-white-0);--lg-g-bg-color-black-ghost: var(--lg-black-0);--lg-g-bg-color-black-hint: var(--lg-black-2);--lg-g-bg-color-black-faint: var(--lg-black-3);--lg-g-bg-color-black-dim: var(--lg-black-4);--lg-g-bg-color-black-subtle: var(--lg-black-6);--lg-g-bg-color-black-soft: var(--lg-black-8);--lg-g-bg-color-black-muted: var(--lg-black-12);--lg-g-bg-color-black-moderate: var(--lg-black-18);--lg-g-bg-color-black-default: var(--lg-black-46);--lg-g-bg-color-black-emphasis: var(--lg-black-64);--lg-g-bg-color-black-strong: var(--lg-black-82);--lg-g-bg-color-black-intense: var(--lg-black-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-300);--lg-g-bg-color-primary-low: var(--lg-primary-500);--lg-g-bg-color-primary-default: var(--lg-primary-600);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-600);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-danger-50);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-danger-300);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-600);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0);--lg-g-bg-color-success-translucent-faint: rgba(8, 204, 80, .03);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-success-50);--lg-g-bg-color-success-faint-dark: var(--lg-success-50);--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-50);--lg-g-bg-color-blue-faint-dark: var(--lg-blue-50);--lg-g-bg-color-blue-default: var(--lg-blue-600);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-50);--lg-g-bg-color-amber-faint-dark: var(--lg-amber-50);--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-50);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50);--lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50);--lg-g-bg-color-emerald-faint: var(--lg-emerald-50);--lg-g-bg-color-indigo-faint: var(--lg-indigo-50);--lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50);--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #F7F7FA;--lg-g-bg-color-white: #FAFAFA;--lg-g-bg-color-navigation: #F1F1F6;--lg-g-bg-color-white-tabs: var(--lg-white-64);--lg-g-bg-color-white-default: var(--lg-white-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-6);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-6);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-12);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-100);--lg-g-bg-color-white-bg2: var(--lg-white-82);--lg-g-bg-color-white-bg3: var(--lg-white-100);--lg-g-bg-color-white-tabs2: var(--lg-white-82);--lg-g-bg-color-black-people: var(--lg-black-18);--lg-g-bg-color-black-translucent-soft: var(--lg-black-4);--lg-g-bg-color-black-translucent-muted: var(--lg-black-2);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-3);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}[data-theme=dark]{--lg-g-fg-color-white-heavy: var(--lg-white-100);--lg-g-fg-color-white-dark: var(--lg-white-28);--lg-g-fg-color-black-moderate: var(--lg-white-18);--lg-g-fg-color-black-faint: var(--lg-white-28);--lg-g-fg-color-black-default: var(--lg-white-46);--lg-g-fg-color-black-muted: var(--lg-white-64);--lg-g-fg-color-black-strong: var(--lg-white-82);--lg-g-fg-color-black-intense: var(--lg-white-94);--lg-g-fg-color-primary-muted: var(--lg-primary-500-28);--lg-g-fg-color-primary-low: var(--lg-primary-500);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-emphasis: var(--lg-primary-700);--lg-g-fg-color-warning-default: var(--lg-warning-600);--lg-g-fg-color-danger-muted: var(--lg-red-500-28);--lg-g-fg-color-danger-low: var(--lg-danger-500);--lg-g-fg-color-danger-default: var(--lg-danger-600);--lg-g-fg-color-danger-emphasis: var(--lg-danger-700);--lg-g-fg-color-success-default: var(--lg-success-600);--lg-g-fg-color-success-emphasis: var(--lg-success-700);--lg-g-fg-color-blue-muted: var(--lg-blue-500-28);--lg-g-fg-color-blue-low: var(--lg-blue-500);--lg-g-fg-color-blue-default: var(--lg-blue-600);--lg-g-fg-color-blue-emphasis: var(--lg-blue-700);--lg-g-fg-color-amber-default: var(--lg-amber-600);--lg-g-fg-color-teal-default: var(--lg-teal-600);--lg-g-fg-color-purple-default: var(--lg-purple-600);--lg-g-fg-color-indigo-default: var(--lg-indigo-600);--lg-g-fg-color-yellow-default: var(--lg-yellow-600);--lg-g-fg-color-cyan-default: var(--lg-cyan-600);--lg-g-fg-color-pink-default: var(--lg-pink-600);--lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-fg-color-emerald-default: var(--lg-emerald-600);--lg-g-fg-color-lime-default: var(--lg-lime-600);--lg-g-fg-color-violet-default: var(--lg-violet-600);--lg-g-fg-color-warning-low: var(--lg-warning-500);--lg-g-fg-color-success-low: var(--lg-success-500);--lg-g-fg-color-amber-low: var(--lg-amber-500);--lg-g-fg-color-teal-low: var(--lg-teal-500);--lg-g-fg-color-purple-low: var(--lg-purple-500);--lg-g-fg-color-indigo-low: var(--lg-indigo-500);--lg-g-fg-color-yellow-low: var(--lg-yellow-500);--lg-g-fg-color-cyan-low: var(--lg-cyan-500);--lg-g-fg-color-pink-low: var(--lg-pink-500);--lg-g-fg-color-fuchsia-low: var(--lg-fuchsia-500);--lg-g-fg-color-emerald-low: var(--lg-emerald-500);--lg-g-fg-color-lime-low: var(--lg-lime-500);--lg-g-fg-color-violet-low: var(--lg-violet-500);--lg-g-fg-color-black-title: var(--lg-white-46);--lg-g-fg-color-black-blue-moderate: #FFFFFF;--lg-g-fg-color-black-blue-faint: #FFFFFF;--lg-g-fg-color-black-blue-default: #FFFFFF;--lg-g-fg-color-black-blue-muted: #FFFFFF;--lg-g-fg-color-black-blue-strong: #FFFFFF;--lg-g-fg-color-black-blue-intense: #FFFFFF;--lg-g-border-color-black-faint: var(--lg-white-3);--lg-g-border-color-black-dim: var(--lg-white-4);--lg-g-border-color-black-subtle: var(--lg-white-3);--lg-g-border-color-black-soft: var(--lg-white-12);--lg-g-border-color-black-muted: var(--lg-white-18);--lg-g-border-color-black-moderate: var(--lg-white-28);--lg-g-border-color-black-emphasis: var(--lg-white-64);--lg-g-border-color-black-intense: var(--lg-white-94);--lg-g-border-color-primary-soft: var(--lg-primary-500-28);--lg-g-border-color-primary-low: var(--lg-primary-500);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-emphasis: var(--lg-primary-700);--lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-border-color-warning-subtle: var(--lg-warning-900);--lg-g-border-color-warning-default: var(--lg-warning-600);--lg-g-border-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-border-color-danger-subtle: var(--lg-danger-900);--lg-g-border-color-danger-muted: var(--lg-red-500-12);--lg-g-border-color-danger-low: var(--lg-red-500-46);--lg-g-border-color-danger-default: var(--lg-red-500-28);--lg-g-border-color-danger-emphasis: var(--lg-danger-700);--lg-g-border-color-success-translucent-soft: var(--lg-green-500-12);--lg-g-border-color-success-subtle: var(--lg-success-900);--lg-g-border-color-success-default: var(--lg-success-600);--lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-12);--lg-g-border-color-blue-subtle: var(--lg-blue-900);--lg-g-border-color-blue-default: var(--lg-blue-600);--lg-g-border-color-black-default: var(--lg-white-46);--lg-g-border-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-border-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-border-color-success-translucent-muted: var(--lg-green-500-12);--lg-g-border-color-blue-translucent-default: var(--lg-blue-500-12);--lg-g-border-color-amber-default: var(--lg-amber-600);--lg-g-border-color-teal-default: var(--lg-teal-600);--lg-g-border-color-emerald-default: var(--lg-emerald-600);--lg-g-border-color-lime-default: var(--lg-lime-600);--lg-g-border-color-cyan-default: var(--lg-cyan-600);--lg-g-border-color-purple-default: var(--lg-purple-600);--lg-g-border-color-indigo-default: var(--lg-indigo-600);--lg-g-border-color-violet-default: var(--lg-violet-600);--lg-g-border-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-border-color-pink-default: var(--lg-pink-600);--lg-g-border-color-black-stroke: var(--lg-white-8);--lg-g-border-color-warning-muted: var(--lg-warning-800);--lg-g-border-color-success-muted: var(--lg-success-900);--lg-g-bg-color-white-emphasis: var(--lg-white-4);--lg-g-bg-color-white-heavy: #232426;--lg-g-bg-color-white-translucent-heavy: var(--lg-white-12);--lg-g-bg-color-white-translucent-strong: rgba(35, 36, 38, .82);--lg-g-bg-color-white-translucent-ghost: rgba(35, 36, 38, 0);--lg-g-bg-color-black-ghost: var(--lg-white-0);--lg-g-bg-color-black-hint: var(--lg-white-3);--lg-g-bg-color-black-faint: var(--lg-white-3);--lg-g-bg-color-black-dim: var(--lg-white-6);--lg-g-bg-color-black-subtle: var(--lg-white-8);--lg-g-bg-color-black-soft: var(--lg-white-12);--lg-g-bg-color-black-muted: var(--lg-white-12);--lg-g-bg-color-black-moderate: var(--lg-white-18);--lg-g-bg-color-black-default: var(--lg-white-46);--lg-g-bg-color-black-emphasis: var(--lg-white-64);--lg-g-bg-color-black-strong: var(--lg-white-82);--lg-g-bg-color-black-intense: var(--lg-white-94);--lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3);--lg-g-bg-color-primary-translucent-subtle: var(--lg-white-6);--lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-12);--lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12);--lg-g-bg-color-primary-muted: var(--lg-primary-500-28);--lg-g-bg-color-primary-low: var(--lg-primary-800);--lg-g-bg-color-primary-default: var(--lg-primary-700);--lg-g-bg-color-primary-emphasis: var(--lg-primary-700);--lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-3);--lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-8);--lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-12);--lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12);--lg-g-bg-color-warning-ghost: var(--lg-warning-10);--lg-g-bg-color-warning-faint: var(--lg-warning-50);--lg-g-bg-color-warning-default: var(--lg-warning-700);--lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-3);--lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-8);--lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-12);--lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-ghost: var(--lg-danger-10);--lg-g-bg-color-danger-faint: var(--lg-red-500-8);--lg-g-bg-color-danger-faint-dark: var(--lg-danger-50);--lg-g-bg-color-danger-muted: var(--lg-red-500-12);--lg-g-bg-color-danger-low: var(--lg-danger-500);--lg-g-bg-color-danger-default: var(--lg-danger-700);--lg-g-bg-color-danger-emphasis: var(--lg-danger-700);--lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-3);--lg-g-bg-color-success-translucent-faint: var(--lg-green-500-8);--lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8);--lg-g-bg-color-success-ghost: var(--lg-success-10);--lg-g-bg-color-success-faint: var(--lg-green-500-3);--lg-g-bg-color-success-faint-dark: #222428;--lg-g-bg-color-success-default: var(--lg-success-600);--lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-3);--lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8);--lg-g-bg-color-blue-ghost: var(--lg-blue-10);--lg-g-bg-color-blue-faint: var(--lg-blue-500-12);--lg-g-bg-color-blue-faint-dark: #222428;--lg-g-bg-color-blue-default: var(--lg-blue-700);--lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6);--lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8);--lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12);--lg-g-bg-color-amber-faint: var(--lg-amber-500-8);--lg-g-bg-color-amber-faint-dark: #282520;--lg-g-bg-color-amber-default: var(--lg-amber-600);--lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8);--lg-g-bg-color-teal-default: var(--lg-teal-600);--lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8);--lg-g-bg-color-purple-faint: var(--lg-purple-500-12);--lg-g-bg-color-purple-default: var(--lg-purple-600);--lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8);--lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8);--lg-g-bg-color-cyan-default: var(--lg-cyan-600);--lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8);--lg-g-bg-color-pink-default: var(--lg-pink-600);--lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-500-12);--lg-g-bg-color-fuchsia-faint-dark: #272326;--lg-g-bg-color-emerald-faint: var(--lg-green-500-12);--lg-g-bg-color-indigo-faint: var(--lg-indigo-500-12);--lg-g-bg-color-indigo-faint-dark: #222327;--lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100);--lg-g-bg-color-emerald-translucent-soft: var(--lg-emerald-500-8);--lg-g-bg-color-emerald-default: var(--lg-emerald-600);--lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8);--lg-g-bg-color-lime-default: var(--lg-lime-600);--lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8);--lg-g-bg-color-indigo-default: var(--lg-indigo-600);--lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8);--lg-g-bg-color-violet-default: var(--lg-violet-600);--lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8);--lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600);--lg-g-bg-color-page-default: #121214;--lg-g-bg-color-white: #191A1B;--lg-g-bg-color-navigation: #19191B;--lg-g-bg-color-white-tabs: var(--lg-white-8);--lg-g-bg-color-white-default: var(--lg-black-46);--lg-g-bg-color-success-translucent-subtle: var(--lg-green-500-8);--lg-g-bg-color-blue-translucent-subtle: var(--lg-blue-500-8);--lg-g-bg-color-blue-translucent-muted: var(--lg-blue-500-28);--lg-g-bg-color-table-default: #F9F9F9;--lg-g-bg-color-white-bg1: var(--lg-white-4);--lg-g-bg-color-white-bg2: var(--lg-white-6);--lg-g-bg-color-white-bg3: var(--lg-white-6);--lg-g-bg-color-white-tabs2: var(--lg-white-12);--lg-g-bg-color-black-people: var(--lg-white-18);--lg-g-bg-color-black-translucent-soft: var(--lg-white-8);--lg-g-bg-color-black-translucent-muted: var(--lg-white-6);--lg-g-bg-color-color: var(--lg-blue-100);--lg-g-shadow-color-black-subtle: var(--lg-black-12);--lg-g-shadow-color-black-muted: var(--lg-black-8);--lg-g-shadow-color-moderate: var(--lg-black-18);--lg-g-shadow-color-black-large: var(--lg-black-12)}:root{--lg-g-fg-color-black-aint: var(--lg-g-fg-color-black-faint);--lg-g-fg-color-indigo-defauit: var(--lg-g-fg-color-indigo-default);--lg-g-fg-color-lime-defauit: var(--lg-g-fg-color-lime-default);--lg-g-fg-color-violet-defauit: var(--lg-g-fg-color-violet-default);--lg-g-bg-color-emeraid-translucent-soft: var(--lg-g-bg-color-emerald-translucent-soft)}:root{--lg-spacing-3x-small: 2px;--lg-spacing-2x-small: 4px;--lg-spacing-1-5x-small: 6px;--lg-spacing-x-small: 8px;--lg-spacing-0-5x-small: 10px;--lg-spacing-small: 12px;--lg-spacing-medium: 16px;--lg-spacing-large: 20px;--lg-spacing-0-5x-large: 24px;--lg-spacing-x-large: 28px;--lg-spacing-2x-large: 36px;--lg-spacing-3x-large: 48px;--lg-spacing-4x-large: 72px;--lg-radius-small: 4px;--lg-radius-medium: 6px;--lg-radius-x-medium: 8px;--lg-radius-large: 12px;--lg-radius-x-large: 16px;--lg-radius-2x-large: 20px;--lg-radius-3x-large: 24px;--lg-radius-4x-large: 28px;--lg-radius-5x-large: 32px;--lg-radius-circle: 999px;--lg-radius-pill: 999px;--lg-font-size-small-10: 10px;--lg-font-size-small-12: 12px;--lg-font-size-small-14: 14px;--lg-font-size-medium-16: 16px;--lg-font-size-medium-18: 18px;--lg-font-size-large-20: 20px;--lg-font-size-large-24: 24px;--lg-font-size-large-28: 28px;--lg-font-size-large-32: 32px;--lg-font-size-large-36: 36px;--lg-font-size-large-48: 48px;--lg-font-size-large-72: 72px;--lg-font-family-body: "PingFang SC";--lg-font-family-title: "PingFang SC";--lg-font-family-display: "PingFang SC";--lg-font-weight-light: light;--lg-font-weight-normal: regular;--lg-font-weight-semibold: semibold;--lg-font-weight-bold: bold;--lg-transition-duration: .2s;--lg-transition-timing: cubic-bezier(.645, .045, .355, 1);--lg-line-height-15: 15px;--lg-line-height-18: 18px;--lg-line-height-22: 22px;--lg-line-height-24: 24px;--lg-line-height-28: 28px;--lg-line-height-30: 30px;--lg-line-height-36: 36px;--lg-line-height-42: 42px;--lg-line-height-48: 48px;--lg-line-height-54: 54px;--lg-line-height-72: 72px;--lg-line-height-108: 108px}
|
package/dist/tree/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.lg-toast-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.lg-toast-wrapper[data-expanded=true]{pointer-events:auto}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:0 6px 20px #0000001f;padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;pointer-events:auto;font-size:16px;line-height:24px;background-color:var(--lg-g-bg-color-white-heavy);color:var(--lg-g-fg-color-black-intense);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:8px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-black-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-blue-default)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}[data-theme=dark] .lg-toast{box-shadow:0 6px 20px #0000003d}@keyframes lg-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-spin{--_spin-size-sm: 16px;--_spin-size-md: 24px;--_spin-size-lg: 32px;--_spin-track-width: 3px;--_spin-track-color: var(--lg-g-border-color-black-soft);--_spin-indicator-color: var(--lg-g-fg-color-black-default);--_spin-duration: .8s;display:inline-flex;align-items:center;justify-content:center}.lg-spin__indicator{display:block;width:var(--_spin-size-lg);height:var(--_spin-size-lg);border-radius:50%;border:var(--_spin-track-width) solid var(--_spin-track-color);border-top-color:var(--_spin-indicator-color);animation:lg-spin-rotate var(--_spin-duration) linear infinite}.lg-spin--sm .lg-spin__indicator{width:var(--_spin-size-sm);height:var(--_spin-size-sm);border-width:2px}.lg-spin--md .lg-spin__indicator{width:var(--_spin-size-md);height:var(--_spin-size-md)}.lg-spin--lg .lg-spin__indicator{width:var(--_spin-size-lg);height:var(--_spin-size-lg)}.lg-spin--paused .lg-spin__indicator{animation-play-state:paused}.lg-spin--nested{position:relative}.lg-spin__content{transition:opacity .3s}.lg-spin__content--loading{opacity:.4;pointer-events:none;user-select:none}.lg-spin__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lg-spin__tip{font-size:14px;color:var(--lg-g-fg-color-black-default)}:root{--__lg-empty-gradient-from: rgba(0, 0, 0, .28);--__lg-empty-gradient-to: rgba(0, 0, 0, .12)}[data-theme=dark]{--__lg-empty-gradient-from: rgba(255, 255, 255, .28);--__lg-empty-gradient-to: rgba(255, 255, 255, .12)}.lg-empty{--_empty-color: var(--lg-g-fg-color-black-faint);display:flex;align-items:center;justify-content:center;color:var(--_empty-color)}.lg-empty__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_empty-color)}.lg-empty__text{text-align:center;white-space:nowrap;color:var(--_empty-color)}.lg-empty__extra{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:initial}.lg-empty--md{flex-direction:column;gap:4px}.lg-empty--md .lg-empty__text{font-size:14px;line-height:20px}.lg-empty--md .lg-empty__extra{margin-top:8px}.lg-empty--lg{flex-direction:column;gap:8px}.lg-empty--lg .lg-empty__text{font-size:16px;line-height:24px}.lg-empty--lg .lg-empty__extra{margin-top:8px}.lg-empty--sm{flex-direction:row;gap:4px}.lg-empty--sm .lg-empty__text{font-size:12px;line-height:18px}.lg-empty-card{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;box-sizing:border-box;background:transparent;border:none;font-family:inherit}.lg-empty-card__body{min-width:0}.lg-empty-card__body .lg-empty__text{overflow:hidden;text-overflow:ellipsis}.lg-empty-card--lg .lg-empty-card__body .lg-empty__text{overflow:visible;white-space:normal}.lg-empty-card--sm{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px}.lg-empty-card--md{--_empty-card-content-height: 48px;--_empty-card-pad-y: 16px;--_empty-card-pad-y-loose: 32px}.lg-empty-card--lg{--_empty-card-content-height: 116px;--_empty-card-pad-y: 32px;--_empty-card-pad-y-loose: 64px}.lg-empty-card--lg{flex-direction:column}.lg-empty-card--inline{--_empty-card-pad-y: 4px;--_empty-card-pad-y-loose: 12px}.lg-empty-card--spacing-none{padding:0;min-height:var(--_empty-card-content-height)}.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 0;min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y) * 2)}.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 0 var(--_empty-card-pad-y);min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y-loose) + var(--_empty-card-pad-y))}.lg-empty-card--inline.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 12px}.lg-empty-card--inline.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 12px var(--_empty-card-pad-y)}.lg-empty-card--align-start,.lg-empty-card--align-start .lg-empty{justify-content:flex-start}.lg-empty-card--align-start .lg-empty__text{text-align:left}.lg-empty-card__retry{margin-left:4px;color:var(--lg-g-fg-color-primary-default)}.lg-empty-card--lg .lg-empty-card__retry{display:block;margin-left:0}.lg-empty-card--retryable{cursor:pointer;border-radius:var(--lg-radius-x-medium);transition:background-color .2s ease}.lg-empty-card--retryable:hover{background:var(--lg-g-bg-color-black-faint)}.lg-tree{--_tree-item-height: 32px;--_tree-item-gap: 2px;--_tree-item-radius: 20px;--_tree-item-padding-x: 10px;--_tree-indent-width: 24px;--_tree-font-size: 14px;--_tree-line-height: 22px;--_tree-item-color: var(--lg-g-fg-color-black-strong);--_tree-item-color-selected: var(--lg-g-fg-color-black-intense);--_tree-item-color-disabled: var(--lg-g-fg-color-black-default);--_tree-item-bg-hover: var(--lg-g-bg-color-black-faint);--_tree-item-bg-selected: var(--lg-g-bg-color-black-subtle);--_tree-guide-color: var(--lg-g-border-color-black-subtle);--_tree-icon-opacity: .64;--_tree-checkbox-radius: 4px;--_tree-checkbox-border-width: 1.33px;--_tree-checkbox-border-color: var(--lg-g-border-color-black-moderate);--_tree-checkbox-border-color-hover: var(--lg-g-border-color-primary-default);--_tree-checkbox-bg-checked: var(--lg-g-bg-color-primary-default);--_tree-checkbox-bg-disabled: var(--lg-g-bg-color-black-faint);--_tree-checkbox-border-color-disabled: var(--lg-g-border-color-black-muted);--_tree-checkbox-icon-color: var(--lg-g-fg-color-white-heavy);--_tree-transition: .2s cubic-bezier(.645, .045, .355, 1);position:relative;font-size:var(--_tree-font-size);line-height:var(--_tree-line-height);color:var(--_tree-item-color);user-select:none}.lg-tree--sm{--_tree-item-height: 28px}.lg-tree--lg{--_tree-item-height: 36px}.lg-tree__loading-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--lg-g-bg-color-white-translucent-strong)}.lg-tree--loading .lg-tree-list{pointer-events:none}.lg-tree__empty{display:flex;align-items:center;justify-content:center;padding:24px 0}.lg-tree-list-holder-inner{gap:var(--_tree-item-gap)}.lg-tree-treenode{position:relative;display:flex;align-items:center;height:var(--_tree-item-height);margin:0;padding:0;outline:none;list-style:none}.lg-tree-treenode-active .lg-tree-node-content-wrapper{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode-disabled{cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled);cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper:hover{background:transparent}.lg-tree-indent{align-self:stretch;display:flex;flex-shrink:0;white-space:nowrap;user-select:none}.lg-tree-indent-unit{position:relative;display:inline-block;width:var(--_tree-indent-width);height:100%}.lg-tree--guide-line .lg-tree-indent-unit:before{content:"";position:absolute;top:calc(var(--_tree-item-gap) / -1);bottom:calc(var(--_tree-item-gap) / -1);left:15px;width:1px;background:var(--_tree-guide-color)}.lg-tree--guide-line .lg-tree-indent-unit-end:before{bottom:0}.lg-tree-switcher{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;margin-left:var(--_tree-item-padding-x);color:var(--_tree-item-color);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:var(--_tree-icon-opacity);transition:opacity var(--_tree-transition)}.lg-tree-switcher:hover{opacity:1}.lg-tree-switcher-noop{width:0;margin-right:0;cursor:default}.lg-tree__switcher-icon{transition:transform var(--_tree-transition)}.lg-tree-switcher_close .lg-tree__switcher-icon{transform:rotate(-90deg)}.lg-tree-checkbox{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;border:var(--_tree-checkbox-border-width) solid var(--_tree-checkbox-border-color);border-radius:var(--_tree-checkbox-radius);cursor:pointer;transition:border-color var(--_tree-transition),background-color var(--_tree-transition)}.lg-tree-checkbox:hover{border-color:var(--_tree-checkbox-border-color-hover)}.lg-tree-checkbox-checked,.lg-tree-checkbox-indeterminate{border-color:var(--_tree-checkbox-bg-checked);background-color:var(--_tree-checkbox-bg-checked)}.lg-tree-checkbox-checked:after{content:"";position:absolute;top:45%;left:50%;width:4px;height:8px;border:1.5px solid var(--_tree-checkbox-icon-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.lg-tree-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:var(--_tree-checkbox-icon-color);transform:translate(-50%,-50%)}.lg-tree-checkbox-disabled{cursor:not-allowed;border-color:var(--_tree-checkbox-border-color-disabled);background-color:var(--_tree-checkbox-bg-disabled)}.lg-tree-checkbox-disabled:hover{border-color:var(--_tree-checkbox-border-color-disabled)}.lg-tree-node-content-wrapper{display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--_tree-item-padding-x);color:inherit;background:transparent;border-radius:var(--_tree-item-radius);cursor:pointer;transition:background var(--_tree-transition),color var(--_tree-transition)}.lg-tree-node-content-wrapper:hover{background:var(--_tree-item-bg-hover)}.lg-tree-node-content-wrapper.lg-tree-node-selected{color:var(--_tree-item-color-selected);background:var(--_tree-item-bg-selected)}.lg-tree-node-content-wrapper.lg-tree-node-selected .lg-tree-title{text-shadow:.3px 0 0 currentcolor,-.3px 0 0 currentcolor}.lg-tree-switcher+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-node-content-wrapper{margin-left:calc(var(--_tree-item-padding-x) * -1);padding-left:var(--_tree-item-padding-x)}.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + 22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + 22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-iconEle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;opacity:var(--_tree-icon-opacity)}.lg-tree-iconEle:empty:not(.lg-tree-icon_loading){display:none}.lg-tree-node-selected .lg-tree-iconEle{opacity:1}.lg-tree-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lg-tree-icon_loading{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--lg-g-fg-color-black-faint);opacity:1;animation:lg-tree-spin .8s linear infinite}.lg-tree-treenode-motion{display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--_tree-item-gap) * -1)}.lg-tree-treenode-motion>*{flex-shrink:0;margin-top:var(--_tree-item-gap)}.lg-tree-motion-appear-active,.lg-tree-motion-enter-active,.lg-tree-motion-leave-active{transition:height var(--_tree-transition),opacity var(--_tree-transition)}.lg-tree-motion-leave-active{pointer-events:none}.lg-tree-treenode.dragging .lg-tree-node-content-wrapper{opacity:.5}.lg-tree-treenode.drag-over>.lg-tree-node-content-wrapper{background:var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode.drag-over-gap-top>.lg-tree-node-content-wrapper{box-shadow:inset 0 2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-treenode.drag-over-gap-bottom>.lg-tree-node-content-wrapper{box-shadow:inset 0 -2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-drop-indicator{position:absolute;z-index:1;height:2px;background:var(--lg-g-bg-color-primary-default);border-radius:1px;pointer-events:none}.lg-tree--disabled .lg-tree-node-content-wrapper,.lg-tree--disabled .lg-tree-switcher,.lg-tree--disabled .lg-tree-checkbox{cursor:not-allowed}.lg-tree--disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled)}.lg-tree--disabled .lg-tree-node-content-wrapper:hover{background:transparent}@keyframes lg-tree-spin{to{transform:rotate(360deg)}}
|
|
1
|
+
.lg-toast-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:0 6px 20px #0000001f;padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;pointer-events:auto;font-size:16px;line-height:24px;background-color:var(--lg-g-bg-color-white-heavy);color:var(--lg-g-fg-color-black-intense);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:8px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-black-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-blue-default)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}[data-theme=dark] .lg-toast{box-shadow:0 6px 20px #0000003d}@keyframes lg-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-spin{--_spin-size-sm: 16px;--_spin-size-md: 24px;--_spin-size-lg: 32px;--_spin-track-width: 3px;--_spin-track-color: var(--lg-g-border-color-black-soft);--_spin-indicator-color: var(--lg-g-fg-color-black-default);--_spin-duration: .8s;display:inline-flex;align-items:center;justify-content:center}.lg-spin__indicator{display:block;width:var(--_spin-size-lg);height:var(--_spin-size-lg);border-radius:50%;border:var(--_spin-track-width) solid var(--_spin-track-color);border-top-color:var(--_spin-indicator-color);animation:lg-spin-rotate var(--_spin-duration) linear infinite}.lg-spin--sm .lg-spin__indicator{width:var(--_spin-size-sm);height:var(--_spin-size-sm);border-width:2px}.lg-spin--md .lg-spin__indicator{width:var(--_spin-size-md);height:var(--_spin-size-md)}.lg-spin--lg .lg-spin__indicator{width:var(--_spin-size-lg);height:var(--_spin-size-lg)}.lg-spin--paused .lg-spin__indicator{animation-play-state:paused}.lg-spin--nested{position:relative}.lg-spin__content{transition:opacity .3s}.lg-spin__content--loading{opacity:.4;pointer-events:none;user-select:none}.lg-spin__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lg-spin__tip{font-size:14px;color:var(--lg-g-fg-color-black-default)}:root{--__lg-empty-gradient-from: rgba(0, 0, 0, .28);--__lg-empty-gradient-to: rgba(0, 0, 0, .12)}[data-theme=dark]{--__lg-empty-gradient-from: rgba(255, 255, 255, .28);--__lg-empty-gradient-to: rgba(255, 255, 255, .12)}.lg-empty{--_empty-color: var(--lg-g-fg-color-black-faint);display:flex;align-items:center;justify-content:center;color:var(--_empty-color)}.lg-empty__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_empty-color)}.lg-empty__text{text-align:center;white-space:nowrap;color:var(--_empty-color)}.lg-empty__extra{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:initial}.lg-empty--md{flex-direction:column;gap:4px}.lg-empty--md .lg-empty__text{font-size:14px;line-height:20px}.lg-empty--md .lg-empty__extra{margin-top:8px}.lg-empty--lg{flex-direction:column;gap:8px}.lg-empty--lg .lg-empty__text{font-size:16px;line-height:24px}.lg-empty--lg .lg-empty__extra{margin-top:8px}.lg-empty--sm{flex-direction:row;gap:4px}.lg-empty--sm .lg-empty__text{font-size:12px;line-height:18px}.lg-empty-card{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;box-sizing:border-box;background:transparent;border:none;font-family:inherit}.lg-empty-card__body{min-width:0}.lg-empty-card__body .lg-empty__text{overflow:hidden;text-overflow:ellipsis}.lg-empty-card--lg .lg-empty-card__body .lg-empty__text{overflow:visible;white-space:normal}.lg-empty-card--sm{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px}.lg-empty-card--md{--_empty-card-content-height: 48px;--_empty-card-pad-y: 16px;--_empty-card-pad-y-loose: 32px}.lg-empty-card--lg{--_empty-card-content-height: 116px;--_empty-card-pad-y: 32px;--_empty-card-pad-y-loose: 64px}.lg-empty-card--lg{flex-direction:column}.lg-empty-card--inline{--_empty-card-pad-y: 4px;--_empty-card-pad-y-loose: 12px}.lg-empty-card--spacing-none{padding:0;min-height:var(--_empty-card-content-height)}.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 0;min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y) * 2)}.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 0 var(--_empty-card-pad-y);min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y-loose) + var(--_empty-card-pad-y))}.lg-empty-card--inline.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 12px}.lg-empty-card--inline.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 12px var(--_empty-card-pad-y)}.lg-empty-card--align-start,.lg-empty-card--align-start .lg-empty{justify-content:flex-start}.lg-empty-card--align-start .lg-empty__text{text-align:left}.lg-empty-card__retry{margin-left:4px;color:var(--lg-g-fg-color-primary-default)}.lg-empty-card--lg .lg-empty-card__retry{display:block;margin-left:0}.lg-empty-card--retryable{cursor:pointer;border-radius:var(--lg-radius-x-medium);transition:background-color .2s ease}.lg-empty-card--retryable:hover{background:var(--lg-g-bg-color-black-faint)}.lg-tree{--_tree-item-height: 32px;--_tree-item-gap: 2px;--_tree-item-radius: 20px;--_tree-item-padding-x: 10px;--_tree-indent-width: 24px;--_tree-font-size: 14px;--_tree-line-height: 22px;--_tree-item-color: var(--lg-g-fg-color-black-strong);--_tree-item-color-selected: var(--lg-g-fg-color-black-intense);--_tree-item-color-disabled: var(--lg-g-fg-color-black-default);--_tree-item-bg-hover: var(--lg-g-bg-color-black-faint);--_tree-item-bg-selected: var(--lg-g-bg-color-black-subtle);--_tree-guide-color: var(--lg-g-border-color-black-subtle);--_tree-icon-opacity: .64;--_tree-checkbox-radius: 4px;--_tree-checkbox-border-width: 1.33px;--_tree-checkbox-border-color: var(--lg-g-border-color-black-moderate);--_tree-checkbox-border-color-hover: var(--lg-g-border-color-primary-default);--_tree-checkbox-bg-checked: var(--lg-g-bg-color-primary-default);--_tree-checkbox-bg-disabled: var(--lg-g-bg-color-black-faint);--_tree-checkbox-border-color-disabled: var(--lg-g-border-color-black-muted);--_tree-checkbox-icon-color: var(--lg-g-fg-color-white-heavy);--_tree-transition: .2s cubic-bezier(.645, .045, .355, 1);position:relative;font-size:var(--_tree-font-size);line-height:var(--_tree-line-height);color:var(--_tree-item-color);user-select:none}.lg-tree--sm{--_tree-item-height: 28px}.lg-tree--lg{--_tree-item-height: 36px}.lg-tree__loading-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--lg-g-bg-color-white-translucent-strong)}.lg-tree--loading .lg-tree-list{pointer-events:none}.lg-tree__empty{display:flex;align-items:center;justify-content:center;padding:24px 0}.lg-tree-list-holder-inner{gap:var(--_tree-item-gap)}.lg-tree-treenode{position:relative;display:flex;align-items:center;height:var(--_tree-item-height);margin:0;padding:0;outline:none;list-style:none}.lg-tree-treenode-active .lg-tree-node-content-wrapper{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode-disabled{cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled);cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper:hover{background:transparent}.lg-tree-indent{align-self:stretch;display:flex;flex-shrink:0;white-space:nowrap;user-select:none}.lg-tree-indent-unit{position:relative;display:inline-block;width:var(--_tree-indent-width);height:100%}.lg-tree--guide-line .lg-tree-indent-unit:before{content:"";position:absolute;top:calc(var(--_tree-item-gap) / -1);bottom:calc(var(--_tree-item-gap) / -1);left:15px;width:1px;background:var(--_tree-guide-color)}.lg-tree--guide-line .lg-tree-indent-unit-end:before{bottom:0}.lg-tree-switcher{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;margin-left:var(--_tree-item-padding-x);color:var(--_tree-item-color);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:var(--_tree-icon-opacity);transition:opacity var(--_tree-transition)}.lg-tree-switcher:hover{opacity:1}.lg-tree-switcher-noop{width:0;margin-right:0;cursor:default}.lg-tree__switcher-icon{transition:transform var(--_tree-transition)}.lg-tree-switcher_close .lg-tree__switcher-icon{transform:rotate(-90deg)}.lg-tree-checkbox{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;border:var(--_tree-checkbox-border-width) solid var(--_tree-checkbox-border-color);border-radius:var(--_tree-checkbox-radius);cursor:pointer;transition:border-color var(--_tree-transition),background-color var(--_tree-transition)}.lg-tree-checkbox:hover{border-color:var(--_tree-checkbox-border-color-hover)}.lg-tree-checkbox-checked,.lg-tree-checkbox-indeterminate{border-color:var(--_tree-checkbox-bg-checked);background-color:var(--_tree-checkbox-bg-checked)}.lg-tree-checkbox-checked:after{content:"";position:absolute;top:45%;left:50%;width:4px;height:8px;border:1.5px solid var(--_tree-checkbox-icon-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.lg-tree-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:var(--_tree-checkbox-icon-color);transform:translate(-50%,-50%)}.lg-tree-checkbox-disabled{cursor:not-allowed;border-color:var(--_tree-checkbox-border-color-disabled);background-color:var(--_tree-checkbox-bg-disabled)}.lg-tree-checkbox-disabled:hover{border-color:var(--_tree-checkbox-border-color-disabled)}.lg-tree-node-content-wrapper{display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--_tree-item-padding-x);color:inherit;background:transparent;border-radius:var(--_tree-item-radius);cursor:pointer;transition:background var(--_tree-transition),color var(--_tree-transition)}.lg-tree-node-content-wrapper:hover{background:var(--_tree-item-bg-hover)}.lg-tree-node-content-wrapper.lg-tree-node-selected{color:var(--_tree-item-color-selected);background:var(--_tree-item-bg-selected)}.lg-tree-node-content-wrapper.lg-tree-node-selected .lg-tree-title{text-shadow:.3px 0 0 currentcolor,-.3px 0 0 currentcolor}.lg-tree-switcher+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-node-content-wrapper{margin-left:calc(var(--_tree-item-padding-x) * -1);padding-left:var(--_tree-item-padding-x)}.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + 22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + 22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-iconEle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;opacity:var(--_tree-icon-opacity)}.lg-tree-iconEle:empty:not(.lg-tree-icon_loading){display:none}.lg-tree-node-selected .lg-tree-iconEle{opacity:1}.lg-tree-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lg-tree-icon_loading{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--lg-g-fg-color-black-faint);opacity:1;animation:lg-tree-spin .8s linear infinite}.lg-tree-treenode-motion{display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--_tree-item-gap) * -1)}.lg-tree-treenode-motion>*{flex-shrink:0;margin-top:var(--_tree-item-gap)}.lg-tree-motion-appear-active,.lg-tree-motion-enter-active,.lg-tree-motion-leave-active{transition:height var(--_tree-transition),opacity var(--_tree-transition)}.lg-tree-motion-leave-active{pointer-events:none}.lg-tree-treenode.dragging .lg-tree-node-content-wrapper{opacity:.5}.lg-tree-treenode.drag-over>.lg-tree-node-content-wrapper{background:var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode.drag-over-gap-top>.lg-tree-node-content-wrapper{box-shadow:inset 0 2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-treenode.drag-over-gap-bottom>.lg-tree-node-content-wrapper{box-shadow:inset 0 -2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-drop-indicator{position:absolute;z-index:1;height:2px;background:var(--lg-g-bg-color-primary-default);border-radius:1px;pointer-events:none}.lg-tree--disabled .lg-tree-node-content-wrapper,.lg-tree--disabled .lg-tree-switcher,.lg-tree--disabled .lg-tree-checkbox{cursor:not-allowed}.lg-tree--disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled)}.lg-tree--disabled .lg-tree-node-content-wrapper:hover{background:transparent}@keyframes lg-tree-spin{to{transform:rotate(360deg)}}
|
package/dist/tree/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkARLTJ7O7_js=require('../chunk-ARLTJ7O7.js');require('../chunk-4QG542GX.js'),require('../chunk-P427AFIE.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkARLTJ7O7_js.d}});
|
package/dist/tree/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{d as Tree}from'../chunk-
|
|
1
|
+
export{d as Tree}from'../chunk-QIGXWGB4.mjs';import'../chunk-IBJZAWUP.mjs';import'../chunk-KXUUVDLA.mjs';import'../chunk-DN2VKVCV.mjs';
|
package/package.json
CHANGED
package/skill/AGENTS-SNIPPET.md
CHANGED
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
> **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成,禁止手工编辑。**
|
|
4
4
|
> 供根 `AGENTS.md` 引用,避免手写清单随组件库迭代脱节。
|
|
5
|
-
> 组件库 `0.0.
|
|
5
|
+
> 组件库 `0.0.20` | 图标库 `1.0.21`
|
|
6
6
|
|
|
7
|
-
## 可用组件(
|
|
7
|
+
## 可用组件(42)
|
|
8
8
|
|
|
9
9
|
| 组件 | 名称 | 说明 |
|
|
10
10
|
|------|------|------|
|
|
11
11
|
| `Alert` | 消息通知 | 消息提示组件,用于页面中展示重要的提示信息。 |
|
|
12
12
|
| `Avatar`、`AvatarGroup` | 头像 | 头像组件,用于展示用户头像或图标,支持图片、文字、默认图标三种形态。 |
|
|
13
|
+
| `Breadcrumb` | 面包屑 | 显示当前页面在系统层级结构中的位置,并提供返回之前层级的导航。 |
|
|
13
14
|
| `Button` | 按钮 | 用于触发一个操作,是用户与系统交互的基础元素。 |
|
|
14
15
|
| `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器,用于在一屏内循环展示一组内容,支持自动播放、拖拽切换与圆点指示器。 |
|
|
15
16
|
| `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 |
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
| `InfiniteScroll` | 无限滚动 | 列表滚动到底部自动加载下一页,内置并发去重、首屏续拉与失败熔断 |
|
|
28
29
|
| `Input` | 输入框 | 用于接收用户的文本输入。 |
|
|
29
30
|
| `Pagination` | 分页 | 当数据量较大时,使用分页拆分数据,方便用户快速定位。 |
|
|
31
|
+
| `PersonPicker` +5 个子组件 | 选人 | 组织人员选择器,支持组织层级下钻、远程搜索与已选汇总,数据由消费方注入。 |
|
|
30
32
|
| `Popover` +5 个子组件 | 气泡弹出层 | 点击/悬停在元素上时弹出气泡式浮层,用于承载更多内容。 |
|
|
31
33
|
| `Progress` | 进度条 | 展示操作的当前进度,支持线性和环形两种形态。 |
|
|
32
34
|
| `RadioGroup`、`RadioItem` | 单选 | 单选框组件,用于在一组互斥选项中选择一个。 |
|
|
@@ -80,7 +82,7 @@
|
|
|
80
82
|
| `--lg-g-fg-color-violet-default` | ~~`--lg-g-fg-color-violet-defauit`~~ |
|
|
81
83
|
| `--lg-g-bg-color-emerald-translucent-soft` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
|
|
82
84
|
|
|
83
|
-
#### 前景色 fg(
|
|
85
|
+
#### 前景色 fg(54)
|
|
84
86
|
|
|
85
87
|
| Token | 亮色 | 暗色 |
|
|
86
88
|
|-------|------|------|
|
|
@@ -132,8 +134,14 @@
|
|
|
132
134
|
| `--lg-g-fg-color-lime-low` | `#74D70B` | `#74D70B` |
|
|
133
135
|
| `--lg-g-fg-color-violet-low` | `#7858F9` | `#7858F9` |
|
|
134
136
|
| `--lg-g-fg-color-black-title` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
|
|
137
|
+
| `--lg-g-fg-color-black-blue-moderate` | `rgba(0, 29, 65, 0.18)` | `#FFFFFF` |
|
|
138
|
+
| `--lg-g-fg-color-black-blue-faint` | `rgba(0, 29, 65, 0.28)` | `#FFFFFF` |
|
|
139
|
+
| `--lg-g-fg-color-black-blue-default` | `rgba(0, 29, 65, 0.46)` | `#FFFFFF` |
|
|
140
|
+
| `--lg-g-fg-color-black-blue-muted` | `rgba(0, 29, 65, 0.64)` | `#FFFFFF` |
|
|
141
|
+
| `--lg-g-fg-color-black-blue-strong` | `rgba(0, 29, 65, 0.82)` | `#FFFFFF` |
|
|
142
|
+
| `--lg-g-fg-color-black-blue-intense` | `rgba(0, 29, 65, 0.94)` | `#FFFFFF` |
|
|
135
143
|
|
|
136
|
-
#### 背景色 bg(
|
|
144
|
+
#### 背景色 bg(108)
|
|
137
145
|
|
|
138
146
|
| Token | 亮色 | 暗色 |
|
|
139
147
|
|-------|------|------|
|
|
@@ -244,6 +252,7 @@
|
|
|
244
252
|
| `--lg-g-bg-color-black-people` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
|
|
245
253
|
| `--lg-g-bg-color-black-translucent-soft` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.08)` |
|
|
246
254
|
| `--lg-g-bg-color-black-translucent-muted` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
|
|
255
|
+
| `--lg-g-bg-color-color` | `#E4EEFF` | `#E4EEFF` |
|
|
247
256
|
|
|
248
257
|
#### 边框色 border(45)
|
|
249
258
|
|
package/skill/SKILL.md
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
name: lingee-ui-usage
|
|
3
3
|
description: 使用 lingee-ui 组件库与 lingee-icon 图标库开发 React 界面。当需要编写含按钮、表单、弹窗、表格、下拉、页签、图标等 UI 的 React/TypeScript 代码,或需要查询 lingee-ui 组件 API、Design Token 语义变量、可用图标名时触发。关键词:lingee-ui、lingee-icon、组件库、图标库、Design Token、语义变量、lg- 前缀、UI 组件。
|
|
4
4
|
metadata:
|
|
5
|
-
lingeeUi: "0.0.
|
|
5
|
+
lingeeUi: "0.0.20"
|
|
6
6
|
lingeeIcon: "1.0.21"
|
|
7
7
|
generatedBy: "gen-skill.mjs"
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
# lingee-ui 组件库使用技能
|
|
11
11
|
|
|
12
|
-
Kingdee Lingee 设计体系的 React 组件库(
|
|
12
|
+
Kingdee Lingee 设计体系的 React 组件库(42 个组件)与图标库(990 个图标)。
|
|
13
13
|
本技能面向**消费方项目**,只覆盖「如何用」,不含组件库内部开发约定。
|
|
14
14
|
|
|
15
|
-
- 组件库版本 `0.0.
|
|
15
|
+
- 组件库版本 `0.0.20` | 图标库版本 `1.0.21`
|
|
16
16
|
- 组件在线预览:https://kingdee.github.io/lingee-ui/
|
|
17
17
|
- 图标在线预览:https://kingdee.github.io/lingee-icon/
|
|
18
18
|
|
|
@@ -58,6 +58,7 @@ createRoot(el).render(
|
|
|
58
58
|
|------|------|------|------|---------|
|
|
59
59
|
| `Alert` | 消息通知 | 消息提示组件,用于页面中展示重要的提示信息。 | `alert.md` | — |
|
|
60
60
|
| `Avatar`、`AvatarGroup` | 头像 | 头像组件,用于展示用户头像或图标,支持图片、文字、默认图标三种形态。 | `avatar.md` | — |
|
|
61
|
+
| `Breadcrumb` | 面包屑 | 显示当前页面在系统层级结构中的位置,并提供返回之前层级的导航。 | `breadcrumb.md` | — |
|
|
61
62
|
| `Button` | 按钮 | 用于触发一个操作,是用户与系统交互的基础元素。 | `button.md` | ✓ |
|
|
62
63
|
| `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器,用于在一屏内循环展示一组内容,支持自动播放、拖拽切换与圆点指示器。 | `carousel.md` | — |
|
|
63
64
|
| `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 | `checkbox.md` | — |
|
|
@@ -75,6 +76,7 @@ createRoot(el).render(
|
|
|
75
76
|
| `InfiniteScroll` | 无限滚动 | 列表滚动到底部自动加载下一页,内置并发去重、首屏续拉与失败熔断 | `infinite-scroll.md` | — |
|
|
76
77
|
| `Input` | 输入框 | 用于接收用户的文本输入。 | `input.md` | — |
|
|
77
78
|
| `Pagination` | 分页 | 当数据量较大时,使用分页拆分数据,方便用户快速定位。 | `pagination.md` | — |
|
|
79
|
+
| `PersonPicker` +5 个子组件 | 选人 | 组织人员选择器,支持组织层级下钻、远程搜索与已选汇总,数据由消费方注入。 | `person-picker.md` | — |
|
|
78
80
|
| `Popover` +5 个子组件 | 气泡弹出层 | 点击/悬停在元素上时弹出气泡式浮层,用于承载更多内容。 | `popover.md` | ✓ |
|
|
79
81
|
| `Progress` | 进度条 | 展示操作的当前进度,支持线性和环形两种形态。 | `progress.md` | — |
|
|
80
82
|
| `RadioGroup`、`RadioItem` | 单选 | 单选框组件,用于在一组互斥选项中选择一个。 | `radio.md` | — |
|
|
@@ -203,7 +205,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
203
205
|
|
|
204
206
|
设计稿给的是 hex 时,到 `references/tokens.md` 搜该 hex,表格含亮/暗两列最终色值,可直接反查。
|
|
205
207
|
|
|
206
|
-
全量
|
|
208
|
+
全量 211 个语义 Token 见 `references/tokens.md`。
|
|
207
209
|
|
|
208
210
|
## 查阅详细 API
|
|
209
211
|
|
package/skill/VERSION.json
CHANGED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# Breadcrumb 面包屑
|
|
2
|
+
|
|
3
|
+
显示当前页面在系统层级结构中的位置,并提供返回之前层级的导航。
|
|
4
|
+
|
|
5
|
+
- 导入:`import { Breadcrumb } from "lingee-ui";`
|
|
6
|
+
- 可用类型:`BreadcrumbProps`, `BreadcrumbItem`, `BreadcrumbSize`
|
|
7
|
+
|
|
8
|
+
## 最小示例
|
|
9
|
+
|
|
10
|
+
```tsx
|
|
11
|
+
import { Breadcrumb } from "lingee-ui";
|
|
12
|
+
import { House } from "lingee-icon";
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Breadcrumb 基础用法
|
|
16
|
+
*
|
|
17
|
+
* 最后一项为当前页,自动加粗且不可点击。其余项传 onClick 做路由跳转
|
|
18
|
+
* (示例内为空实现),需要整页导航时改传 href。
|
|
19
|
+
*/
|
|
20
|
+
export default function BasicDemo() {
|
|
21
|
+
return (
|
|
22
|
+
<Breadcrumb
|
|
23
|
+
items={[
|
|
24
|
+
{ key: "home", label: "Home", icon: <House />, onClick: () => {} },
|
|
25
|
+
{ key: "list", label: "List", onClick: () => {} },
|
|
26
|
+
{ key: "detail", label: "Detail" },
|
|
27
|
+
]}
|
|
28
|
+
/>
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## API
|
|
34
|
+
|
|
35
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
36
|
+
|------|------|------|--------|
|
|
37
|
+
| `items` | 面包屑数据 | `Array<{ key: string; label?: ReactNode; icon?: ReactNode; href?: string; onClick?: (event?: MouseEvent) => void; disabled?: boolean }>` | - |
|
|
38
|
+
| `separator` | 自定义分隔符 | `ReactNode` | `md` 斜杠 / `sm` 尖括号 |
|
|
39
|
+
| `size` | 尺寸 | `"sm" \| "md"` | `"md"` |
|
|
40
|
+
| `maxItems` | 可见单元数上限,超出则折叠中间项 | `number` | - |
|
|
41
|
+
| `itemMaxWidth` | 单项最大宽度,超出显示省略号 | `number` | - |
|
|
42
|
+
| `onBack` | 传入后显示返回箭头,点击触发 | `() => void` | - |
|
|
43
|
+
| `children` | 自定义内容(替代 items) | `ReactNode` | - |
|
|
44
|
+
| `aria-label` | 导航区域的无障碍标签 | `string` | 语言包文案 |
|
|
@@ -28,6 +28,8 @@ export default function BasicDemo() {
|
|
|
28
28
|
| `disabled` | 禁用 | `boolean` | `false` |
|
|
29
29
|
| `size` | 尺寸 | `"sm" \| "md" \| "lg"` | `"md"` |
|
|
30
30
|
| `children` | label 内容 | `ReactNode` | - |
|
|
31
|
+
| `aria-label` | 无障碍名称。默认取自 `children`;只有勾选框本身、文字在组件之外时必须补上 | `string` | - |
|
|
32
|
+
| `aria-labelledby` | 关联外部文本作为无障碍名称,与 `aria-label` 二选一 | `string` | - |
|
|
31
33
|
|
|
32
34
|
### CheckboxGroup
|
|
33
35
|
|
|
@@ -62,6 +62,16 @@ export default function BasicDemo() {
|
|
|
62
62
|
| `onRetry` | 重试回调,仅 `status="error"` 生效 | `() => void` | - |
|
|
63
63
|
| `className` | 额外类名 | `string` | - |
|
|
64
64
|
|
|
65
|
+
### DropdownSub
|
|
66
|
+
|
|
67
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
68
|
+
| -------------- | --------------------------------------------- | ------------------------- | --------- |
|
|
69
|
+
| `trigger` | 展开方式,`click` 为点击展开、再点收起,见 [子菜单](#子菜单) | `"hover" \| "click"` | `"hover"` |
|
|
70
|
+
| `open` | 受控展开状态 | `boolean` | - |
|
|
71
|
+
| `defaultOpen` | 非受控默认展开状态 | `boolean` | `false` |
|
|
72
|
+
| `onOpenChange` | 展开状态变化回调 | `(open: boolean) => void` | - |
|
|
73
|
+
| `children` | `DropdownSubTrigger` + `DropdownSubContent` | `ReactNode` | - |
|
|
74
|
+
|
|
65
75
|
### DropdownSubTrigger
|
|
66
76
|
|
|
67
77
|
| 属性 | 说明 | 类型 | 默认值 |
|
|
@@ -122,7 +132,7 @@ export default function BasicDemo() {
|
|
|
122
132
|
|
|
123
133
|
打开面板时的焦点落点默认按最近一次输入方式自动判断:键盘(Enter / Space / Tab / 方向键)打开聚焦第一项,鼠标点击打开则把焦点留在菜单容器上。这样鼠标用户不会看到第一项自带 hover 态,键盘用户仍能看到焦点位置。仅在需要强制某一种行为时才传 `autoFocusFirstItem`。
|
|
124
134
|
|
|
125
|
-
面板 portal 到 `document.body`,与触发器不在同一棵 DOM 子树,因此触发器被隐藏时面板不会跟着消失。触发器祖先一旦 `display: none`(keep-alive 路由切走只隐藏不卸载就属于这种),它的 `getBoundingClientRect()` 退化为全 0,定位重算后面板会跑到视口左上角。`hideWhenDetached` 默认 `true` 会在触发器不可见时给面板加 `visibility: hidden` + `pointer-events: none`,开合状态不变。子菜单的锚点是父面板里的 `DropdownSubTrigger
|
|
135
|
+
面板 portal 到 `document.body`,与触发器不在同一棵 DOM 子树,因此触发器被隐藏时面板不会跟着消失。触发器祖先一旦 `display: none`(keep-alive 路由切走只隐藏不卸载就属于这种),它的 `getBoundingClientRect()` 退化为全 0,定位重算后面板会跑到视口左上角。`hideWhenDetached` 默认 `true` 会在触发器不可见时给面板加 `visibility: hidden` + `pointer-events: none`,开合状态不变。子菜单的锚点是父面板里的 `DropdownSubTrigger`,父面板被隐藏时它只是继承了 `visibility: hidden`、仍有盒子,单靠检测自身锚点测不出来,所以子菜单会直接继承父面板的隐藏状态并随之收起,不会跟着父面板错位到左上角。
|
|
126
136
|
|
|
127
137
|
### DropdownItem
|
|
128
138
|
|