lingee-ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/LICENSE +21 -0
- package/README.md +148 -0
- package/dist/button/index.css +1 -0
- package/dist/button/index.d.mts +43 -0
- package/dist/button/index.d.ts +43 -0
- package/dist/button/index.js +1 -0
- package/dist/button/index.mjs +1 -0
- package/dist/chunk-3LDO5QE6.js +1 -0
- package/dist/chunk-4DCMYPI5.js +1 -0
- package/dist/chunk-BFRX44EV.mjs +1 -0
- package/dist/chunk-DCDWEVW4.js +1 -0
- package/dist/chunk-DN2VKVCV.mjs +1 -0
- package/dist/chunk-FPGKD7AM.mjs +1 -0
- package/dist/chunk-FSH4DMUD.js +1 -0
- package/dist/chunk-L46MOPWP.js +1 -0
- package/dist/chunk-LUX7TZYO.js +1 -0
- package/dist/chunk-OBAN7QPT.mjs +1 -0
- package/dist/chunk-PN2SZLLY.js +1 -0
- package/dist/chunk-Q35KWXA2.js +1 -0
- package/dist/chunk-QPAXCNVH.mjs +1 -0
- package/dist/chunk-R6FAL3FJ.mjs +1 -0
- package/dist/chunk-Y5VSPBTD.mjs +1 -0
- package/dist/chunk-ZIBE2EZJ.mjs +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.mts +81 -0
- package/dist/index.d.ts +81 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/input/index.css +1 -0
- package/dist/input/index.d.mts +28 -0
- package/dist/input/index.d.ts +28 -0
- package/dist/input/index.js +1 -0
- package/dist/input/index.mjs +1 -0
- package/dist/switch/index.css +1 -0
- package/dist/switch/index.d.mts +25 -0
- package/dist/switch/index.d.ts +25 -0
- package/dist/switch/index.js +1 -0
- package/dist/switch/index.mjs +1 -0
- package/dist/tabs/index.css +1 -0
- package/dist/tabs/index.d.mts +61 -0
- package/dist/tabs/index.d.ts +61 -0
- package/dist/tabs/index.js +1 -0
- package/dist/tabs/index.mjs +1 -0
- package/dist/textarea/index.css +1 -0
- package/dist/textarea/index.d.mts +20 -0
- package/dist/textarea/index.d.ts +20 -0
- package/dist/textarea/index.js +1 -0
- package/dist/textarea/index.mjs +1 -0
- package/dist/toast/index.css +1 -0
- package/dist/toast/index.d.mts +45 -0
- package/dist/toast/index.d.ts +45 -0
- package/dist/toast/index.js +1 -0
- package/dist/toast/index.mjs +1 -0
- package/dist/tokens.css +1 -0
- package/dist/tokens.d.mts +2 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +1 -0
- package/dist/tokens.mjs +0 -0
- package/dist/tooltip/index.css +1 -0
- package/dist/tooltip/index.d.mts +53 -0
- package/dist/tooltip/index.d.ts +53 -0
- package/dist/tooltip/index.js +1 -0
- package/dist/tooltip/index.mjs +1 -0
- package/package.json +113 -0
|
@@ -0,0 +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-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(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--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: #FFE600;--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, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--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: #50E6B9;--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-100: #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-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--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-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-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-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--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}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-textarea{--_textarea-padding-x: var(--lg-spacing-small);--_textarea-padding-y: var(--lg-spacing-x-small);--_textarea-radius: var(--lg-radius-large);--_textarea-bg: var(--lg-g-bg-color-default);--_textarea-border: var(--lg-g-border-color-default);--_textarea-border-hover: var(--lg-g-border-color-emphasis);--_textarea-border-focus: var(--lg-g-border-color-primary-default);--_textarea-border-error: var(--lg-g-border-color-danger-default);--_textarea-bg-disabled: var(--lg-g-bg-color-muted);--_textarea-text: var(--lg-g-fg-color-default);--_textarea-placeholder: var(--lg-g-fg-color-disabled);--_textarea-count-color: var(--lg-g-fg-color-disabled);--_textarea-font-size: var(--lg-font-size);--_textarea-line-height: 22px;--_textarea-transition: var(--lg-transition-duration) var(--lg-transition-timing)}.lg-textarea__wrapper{display:inline-flex;flex-direction:column;width:100%}.lg-textarea{position:relative;display:flex;flex-direction:column;width:100%;background:var(--_textarea-bg);border:1px solid var(--_textarea-border);border-radius:var(--_textarea-radius);box-sizing:border-box;transition:border-color var(--_textarea-transition),background var(--_textarea-transition)}.lg-textarea:hover:not(.lg-textarea--disabled):not(.lg-textarea--focused){border-color:var(--_textarea-border-hover)}.lg-textarea__inner{flex:1;min-height:80px;width:100%;padding:var(--_textarea-padding-y) var(--_textarea-padding-x);border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--_textarea-font-size);line-height:var(--_textarea-line-height);color:var(--_textarea-text);resize:none;box-sizing:border-box}.lg-textarea__inner::placeholder{color:var(--_textarea-placeholder)}.lg-textarea__inner:disabled{cursor:not-allowed;color:var(--_textarea-text)}.lg-textarea__count{align-self:flex-end;padding:4px 12px 0;font-size:12px;line-height:18px;color:var(--_textarea-count-color)}.lg-textarea--focused{border-color:var(--_textarea-border-focus)}.lg-textarea--error,.lg-textarea--error:hover{border-color:var(--_textarea-border-error)}.lg-textarea--disabled{background:var(--_textarea-bg-disabled);border-color:transparent;cursor:not-allowed}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
|
|
4
|
+
/** 错误状态 */
|
|
5
|
+
error?: boolean;
|
|
6
|
+
/** 禁用状态 */
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** 是否显示字数统计(需配合 maxLength 使用) */
|
|
9
|
+
showCount?: boolean;
|
|
10
|
+
/** 原生 onChange */
|
|
11
|
+
onChange?: TextareaHTMLAttributes<HTMLTextAreaElement>["onChange"];
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Textarea 多行文本输入组件
|
|
16
|
+
* 样式与 Input 一致(边框、圆角、颜色),支持字数统计
|
|
17
|
+
*/
|
|
18
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
19
|
+
|
|
20
|
+
export { Textarea, type TextareaProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
|
|
4
|
+
/** 错误状态 */
|
|
5
|
+
error?: boolean;
|
|
6
|
+
/** 禁用状态 */
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** 是否显示字数统计(需配合 maxLength 使用) */
|
|
9
|
+
showCount?: boolean;
|
|
10
|
+
/** 原生 onChange */
|
|
11
|
+
onChange?: TextareaHTMLAttributes<HTMLTextAreaElement>["onChange"];
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Textarea 多行文本输入组件
|
|
16
|
+
* 样式与 Input 一致(边框、圆角、颜色),支持字数统计
|
|
17
|
+
*/
|
|
18
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
19
|
+
|
|
20
|
+
export { Textarea, type TextareaProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkL46MOPWP_js=require('../chunk-L46MOPWP.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Textarea",{enumerable:true,get:function(){return chunkL46MOPWP_js.a}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Textarea}from'../chunk-ZIBE2EZJ.mjs';import'../chunk-DN2VKVCV.mjs';
|
|
@@ -0,0 +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-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(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--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: #FFE600;--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, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--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: #50E6B9;--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-100: #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-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--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-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-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-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--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}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-toast-wrapper{pointer-events:auto}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:var(--lg-shadow-sm);padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;font-size:16px;line-height:24px;color:var(--lg-g-fg-color-default);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:16px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-muted)}.lg-toast--info{background:linear-gradient(to right,var(--lg-g-bg-color-primary-gradient-from),var(--lg-g-bg-color-primary-gradient-to));border:1px solid var(--lg-g-border-color-primary-muted)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-primary-default)}.lg-toast--success{background:linear-gradient(to right,var(--lg-g-bg-color-success-gradient-from),var(--lg-g-bg-color-success-gradient-to));border:1px solid var(--lg-g-border-color-success-muted)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning{background:linear-gradient(to right,var(--lg-g-bg-color-warning-gradient-from),var(--lg-g-bg-color-warning-gradient-to));border:1px solid var(--lg-g-border-color-warning-muted)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error{background:linear-gradient(to right,var(--lg-g-bg-color-danger-gradient-from),var(--lg-g-bg-color-danger-gradient-to));border:1px solid var(--lg-g-border-color-danger-muted)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Toast 类型 */
|
|
5
|
+
type ToastType = "info" | "success" | "warning" | "error";
|
|
6
|
+
/** 配置对象方式的参数 */
|
|
7
|
+
interface ToastConfig {
|
|
8
|
+
/** 消息内容 */
|
|
9
|
+
content: ReactNode;
|
|
10
|
+
/** 自定义图标,传入 ReactNode 替换默认类型图标;传 null 不显示图标 */
|
|
11
|
+
icon?: ReactNode | null;
|
|
12
|
+
/** 自动关闭延时(ms),默认 3000,设为 0 则不自动关闭 */
|
|
13
|
+
duration?: number;
|
|
14
|
+
/** 是否显示关闭按钮 */
|
|
15
|
+
closable?: boolean;
|
|
16
|
+
/** 关闭时回调 */
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
/** 唯一标识,相同 key 会更新已有消息 */
|
|
19
|
+
key?: string;
|
|
20
|
+
/** 自定义 className */
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
/** 全局配置 */
|
|
24
|
+
interface ToastGlobalConfig {
|
|
25
|
+
/** 同时显示的最大消息数 */
|
|
26
|
+
maxCount?: number;
|
|
27
|
+
/** 默认自动关闭延时(ms) */
|
|
28
|
+
duration?: number;
|
|
29
|
+
/** 距顶部距离(px) */
|
|
30
|
+
top?: number;
|
|
31
|
+
/** 自定义挂载容器 */
|
|
32
|
+
getContainer?: () => HTMLElement;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
36
|
+
declare const toast: {
|
|
37
|
+
info: (...args: unknown[]) => (() => void);
|
|
38
|
+
success: (...args: unknown[]) => (() => void);
|
|
39
|
+
warning: (...args: unknown[]) => (() => void);
|
|
40
|
+
error: (...args: unknown[]) => (() => void);
|
|
41
|
+
destroy: () => string | number;
|
|
42
|
+
config: (options: ToastGlobalConfig) => void;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { type ToastConfig, type ToastGlobalConfig, type ToastType, Toaster, toast };
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Toast 类型 */
|
|
5
|
+
type ToastType = "info" | "success" | "warning" | "error";
|
|
6
|
+
/** 配置对象方式的参数 */
|
|
7
|
+
interface ToastConfig {
|
|
8
|
+
/** 消息内容 */
|
|
9
|
+
content: ReactNode;
|
|
10
|
+
/** 自定义图标,传入 ReactNode 替换默认类型图标;传 null 不显示图标 */
|
|
11
|
+
icon?: ReactNode | null;
|
|
12
|
+
/** 自动关闭延时(ms),默认 3000,设为 0 则不自动关闭 */
|
|
13
|
+
duration?: number;
|
|
14
|
+
/** 是否显示关闭按钮 */
|
|
15
|
+
closable?: boolean;
|
|
16
|
+
/** 关闭时回调 */
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
/** 唯一标识,相同 key 会更新已有消息 */
|
|
19
|
+
key?: string;
|
|
20
|
+
/** 自定义 className */
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
/** 全局配置 */
|
|
24
|
+
interface ToastGlobalConfig {
|
|
25
|
+
/** 同时显示的最大消息数 */
|
|
26
|
+
maxCount?: number;
|
|
27
|
+
/** 默认自动关闭延时(ms) */
|
|
28
|
+
duration?: number;
|
|
29
|
+
/** 距顶部距离(px) */
|
|
30
|
+
top?: number;
|
|
31
|
+
/** 自定义挂载容器 */
|
|
32
|
+
getContainer?: () => HTMLElement;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
36
|
+
declare const toast: {
|
|
37
|
+
info: (...args: unknown[]) => (() => void);
|
|
38
|
+
success: (...args: unknown[]) => (() => void);
|
|
39
|
+
warning: (...args: unknown[]) => (() => void);
|
|
40
|
+
error: (...args: unknown[]) => (() => void);
|
|
41
|
+
destroy: () => string | number;
|
|
42
|
+
config: (options: ToastGlobalConfig) => void;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { type ToastConfig, type ToastGlobalConfig, type ToastType, Toaster, toast };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkQ35KWXA2_js=require('../chunk-Q35KWXA2.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Toaster",{enumerable:true,get:function(){return chunkQ35KWXA2_js.a}});Object.defineProperty(exports,"toast",{enumerable:true,get:function(){return chunkQ35KWXA2_js.b}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Toaster,b as toast}from'../chunk-Y5VSPBTD.mjs';import'../chunk-DN2VKVCV.mjs';
|
package/dist/tokens.css
ADDED
|
@@ -0,0 +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-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(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--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: #FFE600;--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, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--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: #50E6B9;--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-100: #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-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--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-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-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-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--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}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}
|
package/dist/tokens.d.ts
ADDED
package/dist/tokens.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';
|
package/dist/tokens.mjs
ADDED
|
File without changes
|
|
@@ -0,0 +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-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(251, 41, 59, 0);--lg-red-500-3: rgba(251, 41, 59, .03);--lg-red-500-6: rgba(251, 41, 59, .06);--lg-red-500-8: rgba(251, 41, 59, .08);--lg-red-500-12: rgba(251, 41, 59, .12);--lg-red-500-28: rgba(251, 41, 59, .28);--lg-red-500-46: rgba(251, 41, 59, .46);--lg-red-500-64: rgba(251, 41, 59, .64);--lg-red-500-82: rgba(251, 41, 59, .82);--lg-red-500-94: rgba(251, 41, 59, .94);--lg-red-500-100: #fb293b;--lg-orange-10: #FFF7F0;--lg-orange-50: #FFF4ED;--lg-orange-100: #FFE5D4;--lg-orange-200: #FFC7A8;--lg-orange-300: #FFA070;--lg-orange-400: #FF6D37;--lg-orange-500: #FF5522;--lg-orange-600: #F05513;--lg-orange-700: #BB4C02;--lg-orange-800: #983A08;--lg-orange-900: #7C300B;--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: #FFE600;--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, 230, 0, 0);--lg-yellow-500-3: rgba(255, 230, 0, .03);--lg-yellow-500-6: rgba(255, 230, 0, .06);--lg-yellow-500-8: rgba(255, 230, 0, .08);--lg-yellow-500-12: rgba(255, 230, 0, .12);--lg-yellow-500-28: rgba(255, 230, 0, .28);--lg-yellow-500-46: rgba(255, 230, 0, .46);--lg-yellow-500-64: rgba(255, 230, 0, .64);--lg-yellow-500-82: rgba(255, 230, 0, .82);--lg-yellow-500-94: rgba(255, 230, 0, .94);--lg-yellow-500-100: #ffe600;--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: #50E6B9;--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-100: #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-500-0: rgba(255, 36, 109, 0);--lg-pink-500-3: rgba(255, 36, 109, .03);--lg-pink-500-6: rgba(255, 36, 109, .06);--lg-pink-500-8: rgba(255, 36, 109, .08);--lg-pink-500-12: rgba(255, 36, 109, .12);--lg-pink-500-28: rgba(255, 36, 109, .28);--lg-pink-500-46: rgba(255, 36, 109, .46);--lg-pink-500-64: rgba(255, 36, 109, .64);--lg-pink-500-82: rgba(255, 36, 109, .82);--lg-pink-500-94: rgba(255, 36, 109, .94);--lg-pink-500-100: #ff246d;--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-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-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-3: rgba(255, 255, 255, .03);--lg-white-6: rgba(255, 255, 255, .06);--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}:root{--lg-g-fg-color-white: var(--lg-white-100);--lg-g-fg-color-attention: var(--lg-black-94);--lg-g-fg-color-default: var(--lg-black-82);--lg-g-fg-color-muted: var(--lg-black-64);--lg-g-fg-color-description: var(--lg-black-46);--lg-g-fg-color-disabled: var(--lg-black-28);--lg-g-fg-color-primary-default: var(--lg-primary-600);--lg-g-fg-color-primary-hover: var(--lg-primary-500);--lg-g-fg-color-primary-pressed: var(--lg-primary-700);--lg-g-fg-color-primary-disabled: var(--lg-primary-300);--lg-g-fg-color-warning-default: var(--lg-orange-600);--lg-g-fg-color-danger-default: var(--lg-red-600);--lg-g-fg-color-danger-hover: var(--lg-red-500);--lg-g-fg-color-danger-pressed: var(--lg-red-700);--lg-g-fg-color-danger-disabled: var(--lg-red-300);--lg-g-fg-color-success-default: var(--lg-green-600);--lg-g-fg-color-progress-default: var(--lg-blue-600);--lg-g-fg-color-link-default: var(--lg-blue-600);--lg-g-fg-color-link-hover: var(--lg-blue-500);--lg-g-fg-color-link-pressed: var(--lg-blue-700);--lg-g-border-color-emphasis: var(--lg-black-18);--lg-g-border-color-muted: var(--lg-black-6);--lg-g-border-color-default: var(--lg-black-8);--lg-g-border-color-hover: var(--lg-black-8);--lg-g-border-color-pressed: var(--lg-black-8);--lg-g-border-color-leaf: var(--lg-black-8);--lg-g-border-color-primary-default: var(--lg-primary-600);--lg-g-border-color-primary-muted: var(--lg-primary-100);--lg-g-border-color-primary-hover: var(--lg-primary-500);--lg-g-border-color-primary-pressed: var(--lg-primary-700);--lg-g-border-color-primary-disabled: var(--lg-primary-300);--lg-g-border-color-warning-default: var(--lg-orange-600);--lg-g-border-color-warning-muted: var(--lg-orange-100);--lg-g-border-color-danger-default: var(--lg-red-600);--lg-g-border-color-danger-muted: var(--lg-red-100);--lg-g-border-color-danger-hover: var(--lg-red-500);--lg-g-border-color-danger-pressed: var(--lg-red-700);--lg-g-border-color-danger-disabled: var(--lg-red-300);--lg-g-border-color-success-default: var(--lg-green-600);--lg-g-border-color-success-muted: var(--lg-green-100);--lg-g-border-color-progress-default: var(--lg-blue-600);--lg-g-border-color-progress-muted: var(--lg-blue-100);--lg-g-bg-color-default: var(--lg-white-100);--lg-g-bg-color-emphasis: var(--lg-white-64);--lg-g-bg-color-subtle: var(--lg-black-2);--lg-g-bg-color-muted: var(--lg-black-3);--lg-g-bg-color-neutral-emphasis: var(--lg-black-12);--lg-g-bg-color-neutral-muted: var(--lg-black-6);--lg-g-bg-color-inset: #FCFCFC;--lg-g-bg-color-primary-emphasis: var(--lg-primary-600);--lg-g-bg-color-primary-muted: var(--lg-primary-500-8);--lg-g-bg-color-primary-hover: var(--lg-primary-500);--lg-g-bg-color-primary-pressed: var(--lg-primary-700);--lg-g-bg-color-primary-disabled: var(--lg-primary-300);--lg-g-bg-color-primary-gradient-from: var(--lg-primary-50);--lg-g-bg-color-primary-gradient-to: var(--lg-blue-10);--lg-g-bg-color-warning-default: var(--lg-orange-600);--lg-g-bg-color-warning-muted: var(--lg-orange-500-8);--lg-g-bg-color-warning-gradient-from: var(--lg-orange-50);--lg-g-bg-color-warning-gradient-to: var(--lg-orange-10);--lg-g-bg-color-danger-default: var(--lg-red-600);--lg-g-bg-color-danger-muted: var(--lg-red-500-8);--lg-g-bg-color-danger-hover: var(--lg-red-500);--lg-g-bg-color-danger-pressed: var(--lg-red-700);--lg-g-bg-color-danger-disabled: var(--lg-red-300);--lg-g-bg-color-danger-gradient-from: var(--lg-red-50);--lg-g-bg-color-danger-gradient-to: var(--lg-red-10);--lg-g-bg-color-success-default: var(--lg-green-600);--lg-g-bg-color-success-gradient-from: var(--lg-green-50);--lg-g-bg-color-success-gradient-to: var(--lg-green-10);--lg-g-bg-color-success-muted: var(--lg-green-500-8);--lg-g-bg-color-progress-default: var(--lg-blue-600);--lg-g-bg-color-progress-gradient-from: var(--lg-blue-50);--lg-g-bg-color-progress-gradient-to: var(--lg-blue-10);--lg-g-bg-color-progress-muted: var(--lg-blue-500-8)}:root{--lg-radius-small-raw: 4px;--lg-radius-medium-raw: 6px;--lg-radius-x-medium-raw: 8px;--lg-radius-large-raw: 12px;--lg-radius-x-large-raw: 16px;--lg-radius-2x-large-raw: 20px;--lg-radius-3x-large-raw: 24px;--lg-radius-4x-large-raw: 28px;--lg-radius-5x-large-raw: 32px;--lg-radius-circle-raw: 50%;--lg-radius-pill-raw: 999px;--lg-spacing-3x-small-raw: 2px;--lg-spacing-2x-small-raw: 4px;--lg-spacing-1-5x-small-raw: 6px;--lg-spacing-x-small-raw: 8px;--lg-spacing-0-5x-small-raw: 10px;--lg-spacing-small-raw: 12px;--lg-spacing-medium-raw: 16px;--lg-spacing-large-raw: 20px;--lg-spacing-x-large-raw: 28px;--lg-spacing-2x-large-raw: 36px;--lg-spacing-3x-large-raw: 48px;--lg-spacing-4x-large-raw: 72px;--lg-shadow-sm-raw: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-md-raw: 0 4px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--lg-shadow-lg-raw: 0 8px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .04);--lg-font-size-sm-raw: 12px;--lg-font-size-raw: 14px;--lg-font-size-lg-raw: 16px;--lg-transition-duration-raw: .2s;--lg-transition-timing-raw: cubic-bezier(.645, .045, .355, 1)}:root{--lg-radius-small: var(--lg-radius-small-raw);--lg-radius-medium: var(--lg-radius-medium-raw);--lg-radius-x-medium: var(--lg-radius-x-medium-raw);--lg-radius-large: var(--lg-radius-large-raw);--lg-radius-x-large: var(--lg-radius-x-large-raw);--lg-radius-2x-large: var(--lg-radius-2x-large-raw);--lg-radius-3x-large: var(--lg-radius-3x-large-raw);--lg-radius-4x-large: var(--lg-radius-4x-large-raw);--lg-radius-5x-large: var(--lg-radius-5x-large-raw);--lg-radius-circle: var(--lg-radius-circle-raw);--lg-radius-pill: var(--lg-radius-pill-raw);--lg-spacing-3x-small: var(--lg-spacing-3x-small-raw);--lg-spacing-2x-small: var(--lg-spacing-2x-small-raw);--lg-spacing-1-5x-small: var(--lg-spacing-1-5x-small-raw);--lg-spacing-x-small: var(--lg-spacing-x-small-raw);--lg-spacing-0-5x-small: var(--lg-spacing-0-5x-small-raw);--lg-spacing-small: var(--lg-spacing-small-raw);--lg-spacing-medium: var(--lg-spacing-medium-raw);--lg-spacing-large: var(--lg-spacing-large-raw);--lg-spacing-x-large: var(--lg-spacing-x-large-raw);--lg-spacing-2x-large: var(--lg-spacing-2x-large-raw);--lg-spacing-3x-large: var(--lg-spacing-3x-large-raw);--lg-spacing-4x-large: var(--lg-spacing-4x-large-raw);--lg-shadow-sm: var(--lg-shadow-sm-raw);--lg-shadow-md: var(--lg-shadow-md-raw);--lg-shadow-lg: var(--lg-shadow-lg-raw);--lg-font-size-sm: var(--lg-font-size-sm-raw);--lg-font-size: var(--lg-font-size-raw);--lg-font-size-lg: var(--lg-font-size-lg-raw);--lg-transition-duration: var(--lg-transition-duration-raw);--lg-transition-timing: var(--lg-transition-timing-raw)}.lg-tooltip{z-index:9999;padding:6px 8px;border-radius:var(--lg-radius-medium);background-color:var(--lg-g-fg-color-default);color:var(--lg-g-fg-color-white);font-size:var(--lg-font-size);line-height:20px;word-wrap:break-word;box-shadow:var(--lg-shadow-md);animation-duration:var(--lg-transition-duration);animation-timing-function:var(--lg-transition-timing);animation-fill-mode:forwards;will-change:opacity,transform}.lg-tooltip[data-state=delayed-open][data-side=top],.lg-tooltip[data-state=instant-open][data-side=top]{animation-name:lg-tooltip-slide-in-bottom}.lg-tooltip[data-state=delayed-open][data-side=bottom],.lg-tooltip[data-state=instant-open][data-side=bottom]{animation-name:lg-tooltip-slide-in-top}.lg-tooltip[data-state=delayed-open][data-side=left],.lg-tooltip[data-state=instant-open][data-side=left]{animation-name:lg-tooltip-slide-in-right}.lg-tooltip[data-state=delayed-open][data-side=right],.lg-tooltip[data-state=instant-open][data-side=right]{animation-name:lg-tooltip-slide-in-left}.lg-tooltip[data-state=closed]{animation-name:lg-tooltip-fade-out}.lg-tooltip__arrow{fill:var(--lg-g-fg-color-default)}@keyframes lg-tooltip-slide-in-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-bottom{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-slide-in-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-fade-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Tooltip 位置方向 */
|
|
5
|
+
type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
6
|
+
interface TooltipProps {
|
|
7
|
+
/** 提示内容,为空/undefined/null 时不渲染浮层 */
|
|
8
|
+
content?: ReactNode;
|
|
9
|
+
/** 触发元素(单个 React 子节点) */
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
/** 弹出方向,默认 "top" */
|
|
12
|
+
placement?: TooltipPlacement;
|
|
13
|
+
/** 受控开关 */
|
|
14
|
+
open?: boolean;
|
|
15
|
+
/** 非受控默认打开状态 */
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
/** 开关变化回调 */
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
/** hover 延迟展示时间(ms),默认 200 */
|
|
20
|
+
delayDuration?: number;
|
|
21
|
+
/** 离开触发元素后跳到下一个 tooltip 的宽限时间(ms),默认 150 */
|
|
22
|
+
skipDelayDuration?: number;
|
|
23
|
+
/** 浮层与触发元素的间距(px),默认 6 */
|
|
24
|
+
sideOffset?: number;
|
|
25
|
+
/** 是否显示箭头,默认 true */
|
|
26
|
+
arrow?: boolean;
|
|
27
|
+
/** 追加到浮层容器的自定义类名 */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** 浮层最大宽度(px),默认 280 */
|
|
30
|
+
maxWidth?: number;
|
|
31
|
+
/**
|
|
32
|
+
* 挂载容器,默认为 document.body。
|
|
33
|
+
* 传 null 时不使用 Portal(就地渲染)
|
|
34
|
+
*/
|
|
35
|
+
container?: HTMLElement | null;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Tooltip 文字提示组件
|
|
40
|
+
*
|
|
41
|
+
* 简洁包裹用法,无需手动拼装 Root/Trigger/Content:
|
|
42
|
+
* ```tsx
|
|
43
|
+
* <Tooltip content="提示文字">
|
|
44
|
+
* <button>hover me</button>
|
|
45
|
+
* </Tooltip>
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
declare function Tooltip({ content, children, placement, open, defaultOpen, onOpenChange, delayDuration, skipDelayDuration, sideOffset, arrow, className, maxWidth, container, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
49
|
+
declare namespace Tooltip {
|
|
50
|
+
var displayName: string;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export { Tooltip, type TooltipPlacement, type TooltipProps };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Tooltip 位置方向 */
|
|
5
|
+
type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
6
|
+
interface TooltipProps {
|
|
7
|
+
/** 提示内容,为空/undefined/null 时不渲染浮层 */
|
|
8
|
+
content?: ReactNode;
|
|
9
|
+
/** 触发元素(单个 React 子节点) */
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
/** 弹出方向,默认 "top" */
|
|
12
|
+
placement?: TooltipPlacement;
|
|
13
|
+
/** 受控开关 */
|
|
14
|
+
open?: boolean;
|
|
15
|
+
/** 非受控默认打开状态 */
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
/** 开关变化回调 */
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
/** hover 延迟展示时间(ms),默认 200 */
|
|
20
|
+
delayDuration?: number;
|
|
21
|
+
/** 离开触发元素后跳到下一个 tooltip 的宽限时间(ms),默认 150 */
|
|
22
|
+
skipDelayDuration?: number;
|
|
23
|
+
/** 浮层与触发元素的间距(px),默认 6 */
|
|
24
|
+
sideOffset?: number;
|
|
25
|
+
/** 是否显示箭头,默认 true */
|
|
26
|
+
arrow?: boolean;
|
|
27
|
+
/** 追加到浮层容器的自定义类名 */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** 浮层最大宽度(px),默认 280 */
|
|
30
|
+
maxWidth?: number;
|
|
31
|
+
/**
|
|
32
|
+
* 挂载容器,默认为 document.body。
|
|
33
|
+
* 传 null 时不使用 Portal(就地渲染)
|
|
34
|
+
*/
|
|
35
|
+
container?: HTMLElement | null;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Tooltip 文字提示组件
|
|
40
|
+
*
|
|
41
|
+
* 简洁包裹用法,无需手动拼装 Root/Trigger/Content:
|
|
42
|
+
* ```tsx
|
|
43
|
+
* <Tooltip content="提示文字">
|
|
44
|
+
* <button>hover me</button>
|
|
45
|
+
* </Tooltip>
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
declare function Tooltip({ content, children, placement, open, defaultOpen, onOpenChange, delayDuration, skipDelayDuration, sideOffset, arrow, className, maxWidth, container, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
49
|
+
declare namespace Tooltip {
|
|
50
|
+
var displayName: string;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export { Tooltip, type TooltipPlacement, type TooltipProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkFSH4DMUD_js=require('../chunk-FSH4DMUD.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkFSH4DMUD_js.a}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Tooltip}from'../chunk-R6FAL3FJ.mjs';import'../chunk-DN2VKVCV.mjs';
|
package/package.json
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "lingee-ui",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Kingdee Lingee UI 基础组件库 — React 18+ 轻量级企业 UI 组件",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"react",
|
|
8
|
+
"ui",
|
|
9
|
+
"components",
|
|
10
|
+
"lingee",
|
|
11
|
+
"kingdee",
|
|
12
|
+
"design-system"
|
|
13
|
+
],
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "https://github.com/kingdee/lingee-ui.git",
|
|
17
|
+
"directory": "packages/lingee-ui"
|
|
18
|
+
},
|
|
19
|
+
"main": "./dist/index.js",
|
|
20
|
+
"module": "./dist/index.mjs",
|
|
21
|
+
"types": "./dist/index.d.ts",
|
|
22
|
+
"sideEffects": [
|
|
23
|
+
"**/*.css",
|
|
24
|
+
"**/*.less"
|
|
25
|
+
],
|
|
26
|
+
"files": [
|
|
27
|
+
"dist",
|
|
28
|
+
"README.md",
|
|
29
|
+
"CHANGELOG.md",
|
|
30
|
+
"LICENSE"
|
|
31
|
+
],
|
|
32
|
+
"exports": {
|
|
33
|
+
".": {
|
|
34
|
+
"types": "./dist/index.d.ts",
|
|
35
|
+
"import": "./dist/index.mjs",
|
|
36
|
+
"require": "./dist/index.js"
|
|
37
|
+
},
|
|
38
|
+
"./button": {
|
|
39
|
+
"types": "./dist/button/index.d.ts",
|
|
40
|
+
"import": "./dist/button/index.mjs",
|
|
41
|
+
"require": "./dist/button/index.js"
|
|
42
|
+
},
|
|
43
|
+
"./tabs": {
|
|
44
|
+
"types": "./dist/tabs/index.d.ts",
|
|
45
|
+
"import": "./dist/tabs/index.mjs",
|
|
46
|
+
"require": "./dist/tabs/index.js"
|
|
47
|
+
},
|
|
48
|
+
"./toast": {
|
|
49
|
+
"types": "./dist/toast/index.d.ts",
|
|
50
|
+
"import": "./dist/toast/index.mjs",
|
|
51
|
+
"require": "./dist/toast/index.js"
|
|
52
|
+
},
|
|
53
|
+
"./tooltip": {
|
|
54
|
+
"types": "./dist/tooltip/index.d.ts",
|
|
55
|
+
"import": "./dist/tooltip/index.mjs",
|
|
56
|
+
"require": "./dist/tooltip/index.js"
|
|
57
|
+
},
|
|
58
|
+
"./styles.css": "./dist/index.css",
|
|
59
|
+
"./tokens.css": "./dist/tokens.css"
|
|
60
|
+
},
|
|
61
|
+
"scripts": {
|
|
62
|
+
"build": "tsup",
|
|
63
|
+
"dev": "tsup --watch",
|
|
64
|
+
"test": "vitest run",
|
|
65
|
+
"test:watch": "vitest",
|
|
66
|
+
"storybook": "storybook dev -p 6006 --config-dir docs/.storybook",
|
|
67
|
+
"format": "prettier --write .",
|
|
68
|
+
"prepublishOnly": "pnpm build",
|
|
69
|
+
"publish:patch": "pnpm build && npm version patch && npm publish",
|
|
70
|
+
"publish:minor": "pnpm build && npm version minor && npm publish",
|
|
71
|
+
"publish:major": "pnpm build && npm version major && npm publish"
|
|
72
|
+
},
|
|
73
|
+
"peerDependencies": {
|
|
74
|
+
"lingee-icon": ">=1.0.0",
|
|
75
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
76
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
77
|
+
},
|
|
78
|
+
"dependencies": {
|
|
79
|
+
"@radix-ui/react-slot": "^1.0.0",
|
|
80
|
+
"@radix-ui/react-tabs": "^1.1.0",
|
|
81
|
+
"@radix-ui/react-tooltip": "^1.2.10",
|
|
82
|
+
"class-variance-authority": "^0.7.0",
|
|
83
|
+
"clsx": "^2.0.0",
|
|
84
|
+
"sonner": "^2.0.0"
|
|
85
|
+
},
|
|
86
|
+
"devDependencies": {
|
|
87
|
+
"@storybook/addon-essentials": "^8.0.0",
|
|
88
|
+
"@storybook/blocks": "^8.0.0",
|
|
89
|
+
"@storybook/manager-api": "^8.6.14",
|
|
90
|
+
"@storybook/react": "^8.0.0",
|
|
91
|
+
"@storybook/react-vite": "^8.0.0",
|
|
92
|
+
"@storybook/theming": "^8.6.14",
|
|
93
|
+
"@testing-library/jest-dom": "^6.0.0",
|
|
94
|
+
"@testing-library/react": "^14.0.0",
|
|
95
|
+
"@testing-library/user-event": "^14.6.1",
|
|
96
|
+
"@types/react": "^18.2.0",
|
|
97
|
+
"@types/react-dom": "^18.2.0",
|
|
98
|
+
"esbuild-plugin-less": "^1.3.0",
|
|
99
|
+
"jsdom": "^24.0.0",
|
|
100
|
+
"less": "^4.2.0",
|
|
101
|
+
"lingee-icon": "workspace:*",
|
|
102
|
+
"prettier": "^3.3.0",
|
|
103
|
+
"react": "^18.2.0",
|
|
104
|
+
"react-dom": "^18.2.0",
|
|
105
|
+
"storybook": "^8.0.0",
|
|
106
|
+
"tsup": "^8.0.0",
|
|
107
|
+
"typescript": "^5.4.0",
|
|
108
|
+
"vitest": "^1.6.0"
|
|
109
|
+
},
|
|
110
|
+
"publishConfig": {
|
|
111
|
+
"registry": "https://registry.npmjs.org/"
|
|
112
|
+
}
|
|
113
|
+
}
|