lingee-ui 0.0.17 → 0.0.19

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.
Files changed (51) hide show
  1. package/dist/button/index.d.mts +1 -1
  2. package/dist/button/index.d.ts +1 -1
  3. package/dist/{chunk-L6IXM6OV.mjs → chunk-37FN2W6S.mjs} +1 -1
  4. package/dist/chunk-6OF5LIF4.mjs +1 -0
  5. package/dist/chunk-A2VQ5WK4.js +1 -0
  6. package/dist/{chunk-X2JJ6KOR.mjs → chunk-CCBZCPIY.mjs} +1 -1
  7. package/dist/{chunk-CW6SU5IY.js → chunk-J3T5XUT2.js} +1 -1
  8. package/dist/chunk-KNH2LJWY.js +1 -0
  9. package/dist/chunk-MXUM2V3M.mjs +1 -0
  10. package/dist/chunk-NRQCG6VR.mjs +1 -0
  11. package/dist/{chunk-QRQE2XPJ.js → chunk-SBUI6O3Q.js} +1 -1
  12. package/dist/{chunk-KSRZSPQR.js → chunk-Z3ACF2BM.js} +1 -1
  13. package/dist/{index-BVXwKHfX.d.mts → index-7pb5YOcq.d.mts} +1 -1
  14. package/dist/{index-BVXwKHfX.d.ts → index-7pb5YOcq.d.ts} +1 -1
  15. package/dist/index.css +1 -1
  16. package/dist/index.d.mts +471 -6
  17. package/dist/index.d.ts +471 -6
  18. package/dist/index.js +2 -2
  19. package/dist/index.mjs +2 -2
  20. package/dist/input/index.js +1 -1
  21. package/dist/input/index.mjs +1 -1
  22. package/dist/popover/index.d.mts +15 -0
  23. package/dist/popover/index.d.ts +15 -0
  24. package/dist/popover/index.js +1 -1
  25. package/dist/popover/index.mjs +1 -1
  26. package/dist/tabs/index.css +1 -1
  27. package/dist/tabs/index.d.mts +1 -1
  28. package/dist/tabs/index.d.ts +1 -1
  29. package/dist/tabs/index.js +1 -1
  30. package/dist/tabs/index.mjs +1 -1
  31. package/dist/toast/index.js +1 -1
  32. package/dist/toast/index.mjs +1 -1
  33. package/dist/tokens.css +1 -1
  34. package/dist/tree/index.js +1 -1
  35. package/dist/tree/index.mjs +1 -1
  36. package/package.json +2 -1
  37. package/skill/AGENTS-SNIPPET.md +13 -4
  38. package/skill/SKILL.md +6 -4
  39. package/skill/VERSION.json +3 -3
  40. package/skill/references/components/breadcrumb.md +44 -0
  41. package/skill/references/components/checkbox.md +2 -0
  42. package/skill/references/components/dropdown.md +4 -0
  43. package/skill/references/components/person-picker.md +174 -0
  44. package/skill/references/components/popover.md +1 -0
  45. package/skill/references/setup.md +1 -1
  46. package/skill/references/tokens.md +10 -3
  47. package/dist/chunk-3RAHZU2C.js +0 -1
  48. package/dist/chunk-4OLAOR2B.mjs +0 -1
  49. package/dist/chunk-URZBMGD4.js +0 -1
  50. package/dist/chunk-VDUTBGPN.mjs +0 -1
  51. 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.js CHANGED
@@ -1 +1 @@
1
- 'use strict';var chunkQRQE2XPJ_js=require('../chunk-QRQE2XPJ.js');require('../chunk-3RAHZU2C.js'),require('../chunk-P427AFIE.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkQRQE2XPJ_js.d}});
1
+ 'use strict';var chunkSBUI6O3Q_js=require('../chunk-SBUI6O3Q.js');require('../chunk-KNH2LJWY.js'),require('../chunk-P427AFIE.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkSBUI6O3Q_js.d}});
package/dist/tree/index.mjs CHANGED
@@ -1 +1 @@
1
- export{d as Tree}from'../chunk-L6IXM6OV.mjs';import'../chunk-XQRQYJIE.mjs';import'../chunk-KXUUVDLA.mjs';import'../chunk-DN2VKVCV.mjs';
1
+ export{d as Tree}from'../chunk-37FN2W6S.mjs';import'../chunk-MXUM2V3M.mjs';import'../chunk-KXUUVDLA.mjs';import'../chunk-DN2VKVCV.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lingee-ui",
3
- "version": "0.0.17",
3
+ "version": "0.0.19",
4
4
  "description": "Kingdee Lingee UI 基础组件库 — React 18+ 轻量级企业 UI 组件",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -131,6 +131,7 @@
131
131
  "jsdom": "^24.0.0",
132
132
  "less": "^4.2.0",
133
133
  "lingee-icon": "workspace:*",
134
+ "lingee-web-bridge-sdk": "workspace:*",
134
135
  "prettier": "^3.3.0",
135
136
  "react": "^18.2.0",
136
137
  "react-dom": "^18.2.0",
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.17` ｜ 图标库 `1.0.21`
5
+ > 组件库 `0.0.19` ｜ 图标库 `1.0.21`
6
6
 
7
- ## 可用组件（40）
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（48）
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（107）
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.17"
5
+ lingeeUi: "0.0.19"
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 组件库（40 个组件）与图标库（990 个图标）。
12
+ Kingdee Lingee 设计体系的 React 组件库（42 个组件）与图标库（990 个图标）。
13
13
  本技能面向**消费方项目**，只覆盖「如何用」，不含组件库内部开发约定。
14
14
 
15
- - 组件库版本 `0.0.17` ｜ 图标库版本 `1.0.21`
15
+ - 组件库版本 `0.0.19` ｜ 图标库版本 `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
- 全量 204 个语义 Token 见 `references/tokens.md`。
208
+ 全量 211 个语义 Token 见 `references/tokens.md`。
207
209
 
208
210
  ## 查阅详细 API
209
211
 
package/skill/VERSION.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
- "lingeeUi": "0.0.17",
2
+ "lingeeUi": "0.0.19",
3
3
  "lingeeIcon": "1.0.21",
4
- "componentCount": 40,
4
+ "componentCount": 42,
5
5
  "iconCount": 990,
6
- "sourceHash": "d873601ae4b08c21"
6
+ "sourceHash": "ef3ff56b8588896e"
7
7
  }
package/skill/references/components/breadcrumb.md ADDED
@@ -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` | 语言包文案 |
package/skill/references/components/checkbox.md CHANGED
@@ -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
 
package/skill/references/components/dropdown.md CHANGED
@@ -82,6 +82,7 @@ export default function BasicDemo() {
82
82
  | `alignOffset` | 对齐方向偏移（px） | `number` | `0` |
83
83
  | `collisionPadding` | 碰撞边界内边距（px），防止浮层贴边 | `number` | `8` |
84
84
  | `container` | 挂载容器；传 `null` 则不使用 Portal | `HTMLElement \| null` | `document.body` |
85
+ | `hideWhenDetached` | 锚点不可见时自动隐藏面板 | `boolean` | `true` |
85
86
  | `style.maxHeight` | 覆盖面板高度上限 | `number \| string` | `346` |
86
87
  | `footer` | 固定底部内容（不随列表滚动） | `ReactNode` | - |
87
88
  | `children` | 子菜单内容 | `ReactNode` | - |
@@ -113,6 +114,7 @@ export default function BasicDemo() {
113
114
  | `alignOffset` | 对齐方向偏移（px） | `number` | `0` |
114
115
  | `collisionPadding` | 碰撞边界内边距（px），防止浮层贴边 | `number` | `8` |
115
116
  | `container` | 挂载容器；传 `null` 则不使用 Portal | `HTMLElement \| null` | `document.body` |
117
+ | `hideWhenDetached` | 锚点不可见时自动隐藏面板，见下方说明 | `boolean` | `true` |
116
118
  | `onEscapeKeyDown` | Escape 按下回调，可 `preventDefault` 阻止关闭 | `(event: KeyboardEvent) => void` | - |
117
119
  | `onPointerDownOutside` | 点击外部回调，可 `preventDefault` 阻止关闭 | `(event: CustomEvent) => void` | - |
118
120
  | `onInteractOutside` | 外部交互回调（pointerDown + focus 的合集） | `(event: CustomEvent) => void` | - |
@@ -120,6 +122,8 @@ export default function BasicDemo() {
120
122
 
121
123
  打开面板时的焦点落点默认按最近一次输入方式自动判断：键盘（Enter / Space / Tab / 方向键）打开聚焦第一项，鼠标点击打开则把焦点留在菜单容器上。这样鼠标用户不会看到第一项自带 hover 态，键盘用户仍能看到焦点位置。仅在需要强制某一种行为时才传 `autoFocusFirstItem`。
122
124
 
125
+ 面板 portal 到 `document.body`，与触发器不在同一棵 DOM 子树，因此触发器被隐藏时面板不会跟着消失。触发器祖先一旦 `display: none`（keep-alive 路由切走只隐藏不卸载就属于这种），它的 `getBoundingClientRect()` 退化为全 0，定位重算后面板会跑到视口左上角。`hideWhenDetached` 默认 `true` 会在触发器不可见时给面板加 `visibility: hidden` + `pointer-events: none`，开合状态不变。子菜单的锚点是父面板里的 `DropdownSubTrigger`，父面板错位时子菜单一并跟随，因此这条对多级菜单同样有效。
126
+
123
127
  ### DropdownItem
124
128
 
125
129
  | 属性 | 说明 | 类型 | 默认值 |
package/skill/references/components/person-picker.md ADDED
@@ -0,0 +1,174 @@
1
+ # PersonPicker 选人
2
+
3
+ 组织人员选择器，支持组织层级下钻、远程搜索与已选汇总，数据由消费方注入。
4
+
5
+ - 导入：`import { PersonPicker, PersonPickerPanel, DEFAULT_TABS as PERSON_PICKER_DEFAULT_TABS, ENTITY_TYPE_ORDER as PERSON_PICKER_TYPE_ORDER, entityKey as personPickerEntityKey, usePickerState as usePersonPickerState } from "lingee-ui";`
6
+ - 可用类型：`PickerGroup`, `PickerState`, `UsePickerStateOptions`, `PersonPickerProps`, `PersonPickerPanelProps`, `PickerTabKey`, `PickerEntity`, `PickerEntityType`, `PickerExtra`, `PickerSection`, `PickerPaneData`, `PickerOrgPathItem`, `PickerMode`, `PickerChangeInfo`, `PickerSelectedCount`
7
+
8
+ ## 最小示例
9
+
10
+ ```tsx
11
+ import { useMemo, useState } from "react";
12
+ import { Button, PersonPicker } from "lingee-ui";
13
+ import type { PickerEntity, PickerOrgPathItem, PickerPaneData, PickerTabKey } from "lingee-ui";
14
+
15
+ /**
16
+ * 子部门。键为父级 id，值为该层级下的子部门。
17
+ *
18
+ * 带 hasChildren 的行点击整行即进入下一级，只有最前面的勾选框才是选中。
19
+ */
20
+ const CHILD_DEPARTMENTS: Record<string, PickerEntity[]> = {
21
+ root: [
22
+ { type: "org", id: "eng", name: "Engineering", desc: "86", hasChildren: true },
23
+ { type: "org", id: "mkt", name: "Marketing", desc: "24", hasChildren: true },
24
+ { type: "org", id: "fin", name: "Finance", desc: "12" },
25
+ ],
26
+ eng: [
27
+ { type: "org", id: "eng-web", name: "Web Platform", desc: "31", hasChildren: true },
28
+ { type: "org", id: "eng-api", name: "API Services", desc: "28" },
29
+ { type: "org", id: "eng-qa", name: "Quality Assurance", desc: "15" },
30
+ ],
31
+ "eng-web": [
32
+ { type: "org", id: "eng-web-ui", name: "Design System", desc: "9" },
33
+ { type: "org", id: "eng-web-app", name: "Application Shell", desc: "11" },
34
+ ],
35
+ mkt: [
36
+ { type: "org", id: "mkt-brand", name: "Brand", desc: "8" },
37
+ { type: "org", id: "mkt-growth", name: "Growth", desc: "10" },
38
+ ],
39
+ };
40
+
41
+ /** 各层级的直属成员 */
42
+ const MEMBERS: Record<string, PickerEntity[]> = {
43
+ root: [{ type: "person", id: "p1", name: "Avery Stone", code: "10001", deptName: "Executive" }],
44
+ eng: [
45
+ { type: "person", id: "p2", name: "Blake Rivers", code: "10002", deptName: "Engineering" },
46
+ { type: "person", id: "p3", name: "Casey Lane", code: "10003", deptName: "Engineering" },
47
+ ],
48
+ "eng-web": [
49
+ { type: "person", id: "p4", name: "Devon Pike", code: "10004", deptName: "Web Platform" },
50
+ { type: "person", id: "p5", name: "Ellis Ward", code: "10005", deptName: "Web Platform" },
51
+ { type: "person", id: "p6", name: "Frankie Hale", code: "10006", deptName: "Web Platform" },
52
+ ],
53
+ "eng-web-ui": [
54
+ { type: "person", id: "p7", name: "Georgia Mills", code: "10007", deptName: "Design System" },
55
+ ],
56
+ "eng-api": [
57
+ { type: "person", id: "p8", name: "Harper Quinn", code: "10008", deptName: "API Services" },
58
+ { type: "person", id: "p9", name: "Indigo Reese", code: "10009", deptName: "API Services" },
59
+ ],
60
+ mkt: [{ type: "person", id: "p10", name: "Jordan Vale", code: "10010", deptName: "Marketing" }],
61
+ fin: [{ type: "person", id: "p11", name: "Kai Monroe", code: "10011", deptName: "Finance" }],
62
+ };
63
+
64
+ const ALL_MEMBERS = Object.values(MEMBERS).flat();
65
+
66
+ export default function Basic() {
67
+ const [open, setOpen] = useState(false);
68
+ const [tab, setTab] = useState<PickerTabKey>("org");
69
+ const [path, setPath] = useState<PickerOrgPathItem[]>([]);
70
+ const [keyword, setKeyword] = useState("");
71
+ const [result, setResult] = useState<PickerEntity[]>([]);
72
+
73
+ const currentId = path.length > 0 ? path[path.length - 1].id : "root";
74
+
75
+ // 组件不持有数据：页签、层级与搜索词变化后由此处换出新的 data
76
+ const data = useMemo<PickerPaneData>(() => {
77
+ if (keyword.trim()) {
78
+ const hit = ALL_MEMBERS.filter((item) =>
79
+ item.name.toLowerCase().includes(keyword.trim().toLowerCase()),
80
+ );
81
+ return { sections: [{ key: "search", items: hit }] };
82
+ }
83
+
84
+ const children = CHILD_DEPARTMENTS[currentId] ?? [];
85
+ if (tab === "org") return { orgNodes: children };
86
+
87
+ return {
88
+ selectAll: true,
89
+ sections: [{ key: "members", title: "Members", items: MEMBERS[currentId] ?? [] }],
90
+ orgNodes: children,
91
+ };
92
+ }, [currentId, keyword, tab]);
93
+
94
+ return (
95
+ <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
96
+ <Button variant="primary" onClick={() => setOpen(true)}>
97
+ Open picker
98
+ </Button>
99
+ <span style={{ color: "var(--lg-g-fg-color-black-default)", fontSize: 12 }}>
100
+ {result.length > 0 ? `Confirmed: ${result.length}` : "Nothing confirmed yet"}
101
+ </span>
102
+
103
+ <PersonPicker
104
+ open={open}
105
+ onOpenChange={setOpen}
106
+ tabs={["org", "person"]}
107
+ activeTab={tab}
108
+ onTabChange={setTab}
109
+ orgPath={path}
110
+ onOrgPathChange={setPath}
111
+ keyword={keyword}
112
+ onSearch={setKeyword}
113
+ data={data}
114
+ onConfirm={setResult}
115
+ />
116
+ </div>
117
+ );
118
+ }
119
+ ```
120
+
121
+ ## API
122
+
123
+ ### PersonPicker
124
+
125
+ 继承 `PersonPickerPanelProps`，额外提供弹窗外壳相关属性。
126
+
127
+ | 属性 | 说明 | 类型 | 默认值 |
128
+ |------|------|------|--------|
129
+ | `open` | 是否打开（受控） | `boolean` | - |
130
+ | `onOpenChange` | 开关状态变化回调 | `(open: boolean) => void` | - |
131
+ | `title` | 标题，不传时取语言包 | `ReactNode` | `选择人员` |
132
+ | `okText` | 确认按钮文案 | `string` | `确定` |
133
+ | `cancelText` | 取消按钮文案 | `string` | `取消` |
134
+ | `okLoading` | 确认按钮 loading | `boolean` | `false` |
135
+ | `okDisabledWhenEmpty` | 未选中任何项时禁用确认按钮 | `boolean` | `true` |
136
+ | `onConfirm` | 点击确认，回传已选项；返回 Promise 时按钮自动 loading。**承载模式下不触发** | `(value: PickerEntity[]) => void \| Promise<void>` | - |
137
+ | `onCancel` | 点击取消、关闭按钮或 Esc | `() => void` | - |
138
+ | `width` | 弹窗宽度 | `number` | `720` |
139
+ | `zIndex` | 自定义 z-index | `number` | - |
140
+ | `hostModal` | 宿主弹窗配置，透传给内部 `Dialog`。承载模式下本组件不产出 DOM，底部按钮需由承载页自绘 | `DialogHostModal` | - |
141
+
142
+ ### PersonPickerPanel
143
+
144
+ 左右分栏内容体，不含弹窗外壳。
145
+
146
+ | 属性 | 说明 | 类型 | 默认值 |
147
+ |------|------|------|--------|
148
+ | `tabs` | 启用的页签及顺序；仅剩一个时不渲染页签栏 | `PickerTabKey[]` | `["org", "person"]` |
149
+ | `activeTab` | 当前页签（受控） | `PickerTabKey` | - |
150
+ | `defaultActiveTab` | 默认页签，缺省取 `tabs` 首项 | `PickerTabKey` | - |
151
+ | `onTabChange` | 页签切换回调 | `(key: PickerTabKey) => void` | - |
152
+ | `tabLabels` | 覆盖页签文案 | `Partial<Record<PickerTabKey, ReactNode>>` | - |
153
+ | `data` | 左栏当前要渲染的数据 | `PickerPaneData` | `{}` |
154
+ | `loading` | **换批**加载中，展示骨架屏；优先级高于 `loadError`。追加下一页时不要置真 | `boolean` | `false` |
155
+ | `loadingDelay` | 骨架屏延迟显示毫秒数，避免快请求下的白闪 | `number` | `200` |
156
+ | `loadError` | 加载失败 | `boolean` | `false` |
157
+ | `onRetry` | 失败重试回调，传入后才出现重试入口 | `() => void` | - |
158
+ | `hasMore` | 列表是否还有下一页 | `boolean` | `false` |
159
+ | `onLoadMore` | 加载下一页，须返回 Promise | `(isRetry: boolean) => Promise<void>` | - |
160
+ | `value` | 已选项（受控） | `PickerEntity[]` | - |
161
+ | `defaultValue` | 默认已选项（非受控） | `PickerEntity[]` | `[]` |
162
+ | `onChange` | 已选项变化回调 | `(value: PickerEntity[], info: PickerChangeInfo) => void` | - |
163
+ | `keyword` | 搜索词（受控），非空即进入搜索态 | `string` | - |
164
+ | `onSearch` | 搜索词变化回调，已去抖 | `(keyword: string) => void` | - |
165
+ | `searchDebounce` | 搜索去抖毫秒数 | `number` | `300` |
166
+ | `searchPlaceholder` | 搜索框 placeholder | `string` | `搜索联系人、部门` |
167
+ | `orgPath` | 当前组织层级路径（受控），不含根节点 | `PickerOrgPathItem[]` | - |
168
+ | `onOrgPathChange` | 层级变化回调（面包屑回跳与行尾下钻） | `(path: PickerOrgPathItem[]) => void` | - |
169
+ | `mode` | 选择模式；`single` 下新选中项替换旧值 | `"multiple" \| "single"` | `"multiple"` |
170
+ | `max` | 最多可选数量 | `number` | - |
171
+ | `onExceed` | 将超过 `max` 时触发，本次勾选被丢弃 | `(max: number) => void` | - |
172
+ | `paneHeight` | 左右分栏高度。`"fill"` 撑满父容器（需父容器有确定高度），用于嵌入形态 | `number \| "fill"` | `406` |
173
+ | `className` | 自定义类名 | `string` | - |
174
+ | `style` | 自定义样式 | `CSSProperties` | - |
package/skill/references/components/popover.md CHANGED
@@ -49,6 +49,7 @@ export default function BasicDemo() {
49
49
  | `sideOffset` | 弹出层与触发器的间距（px） | `number` | `4` |
50
50
  | `alignOffset` | 沿对齐轴的偏移（px） | `number` | `0` |
51
51
  | `collisionPadding` | 与碰撞边界的最小距离（px） | `number` | `8` |
52
+ | `hideWhenDetached` | 锚点不可见时自动隐藏浮层，见下方说明 | `boolean` | `true` |
52
53
  | `container` | Portal 挂载容器；传 `null` 时就地渲染 | `HTMLElement \| null` | `document.body` |
53
54
  | `className` | 自定义类名；使用 `lg-popover--card` 启用标准卡片外观 | `string` | - |
54
55
  | `onEscapeKeyDown` | Escape 按下回调，可 `preventDefault` 阻止关闭 | `(event: KeyboardEvent) => void` | - |
package/skill/references/setup.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # 接入指南
2
2
 
3
- 组件库 `0.0.17` ｜ 图标库 `1.0.21`
3
+ 组件库 `0.0.19` ｜ 图标库 `1.0.21`
4
4
 
5
5
  ## 安装
6
6