@lobehub/ui 6.0.0-beta.8 → 6.0.0

package/es/styles/theme/token/legacy.mjs

@@ -1,16 +1,16 @@
 //#region src/styles/theme/token/legacy.ts
 const legacyToken = {
 	dark: {
-		boxShadowCard: "\n      0 1px 2px -2px rgba(255,255,255,0.032),\n      0 3px 6px 0 rgba(255,255,255,0.024),\n      0 5px 12px 4px rgba(255,255,255,0.018)\n    ",
-		boxShadowDrawerDown: "\n      0 -6px 16px 0 rgba(255,255,255,0.016),\n      0 -3px 6px -4px rgba(255,255,255,0.024),\n      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
-		boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(255,255,255,0.016),\n      3px 0 6px -4px rgba(255,255,255,0.024),\n      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
-		boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(255,255,255,0.016),\n      -3px 0 6px -4px rgba(255,255,255,0.024),\n      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
-		boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(255,255,255,0.016),\n      0 3px 6px -4px rgba(255,255,255,0.024),\n      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
-		boxShadowPopoverArrow: "2px 2px 5px rgba(255,255,255,0.010000000000000002)",
-		boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(255,255,255,0.016)",
-		boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(255,255,255,0.016)",
-		boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(255,255,255,0.016)",
-		boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(255,255,255,0.016)",
+		boxShadowCard: "\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ",
+		boxShadowDrawerDown: "\n      0 -6px 16px 0 rgba(0,0,0,0.08),\n      0 -3px 6px -4px rgba(0,0,0,0.12),\n      0 -9px 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(0,0,0,0.08),\n      3px 0 6px -4px rgba(0,0,0,0.12),\n      9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(0,0,0,0.08),\n      -3px 0 6px -4px rgba(0,0,0,0.12),\n      -9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(0,0,0,0.08),\n      0 3px 6px -4px rgba(0,0,0,0.12),\n      0 9px 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowPopoverArrow: "2px 2px 5px rgba(0,0,0,0.05)",
+		boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0,0,0,0.08)",
 		colorBgBase: "#000",
 		colorBgBlur: "rgba(255,255,255,0.04)",
 		colorBgSolid: "rgba(255,255,255,0.95)",
@@ -19,9 +19,9 @@ const legacyToken = {
 		colorBorderDisabled: "#424242",
 		colorErrorBgActive: "#5b2526",
 		colorErrorBgFilledHover: "#441e1f",
-		colorShadow: "rgba(255, 255, 255, 0.2)",
+		colorShadow: "#000",
 		colorTextBase: "#fff",
-		dropShadowPopover: "drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002))",
+		dropShadowPopover: "drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))",
 		pink1: "#291321",
 		pink10: "#fad2e3",
 		pink2: "#40162f",

package/es/styles/theme/token/legacy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"legacy.mjs","names":[],"sources":["../../../../src/styles/theme/token/legacy.ts"],"sourcesContent":["export const legacyToken = {\n  dark: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(255,255,255,0.032),\\n      0 3px 6px 0 rgba(255,255,255,0.024),\\n      0 5px 12px 4px rgba(255,255,255,0.018)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(255,255,255,0.016),\\n      0 -3px 6px -4px rgba(255,255,255,0.024),\\n      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(255,255,255,0.016),\\n      3px 0 6px -4px rgba(255,255,255,0.024),\\n      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(255,255,255,0.016),\\n      -3px 0 6px -4px rgba(255,255,255,0.024),\\n      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(255,255,255,0.016),\\n      0 3px 6px -4px rgba(255,255,255,0.024),\\n      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(255,255,255,0.010000000000000002)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(255,255,255,0.016)',\n    colorBgBase: '#000',\n    colorBgBlur: 'rgba(255,255,255,0.04)',\n    colorBgSolid: 'rgba(255,255,255,0.95)',\n    colorBgSolidActive: 'rgba(255,255,255,0.9)',\n    colorBgSolidHover: 'rgb(255,255,255)',\n    colorBorderDisabled: '#424242',\n    colorErrorBgActive: '#5b2526',\n    colorErrorBgFilledHover: '#441e1f',\n    colorShadow: 'rgba(255, 255, 255, 0.2)',\n    colorTextBase: '#fff',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002))',\n    pink1: '#291321',\n    pink10: '#fad2e3',\n    pink2: '#40162f',\n    pink3: '#551c3b',\n    pink4: '#75204f',\n    pink5: '#a02669',\n    pink6: '#cb2b83',\n    pink7: '#e0529c',\n    pink8: '#f37fb7',\n    pink9: '#f8a8cc',\n    pinkActive: '#e0529c',\n    pinkHover: '#a02669',\n  },\n  light: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(0,0,0,0.16),\\n      0 3px 6px 0 rgba(0,0,0,0.12),\\n      0 5px 12px 4px rgba(0,0,0,0.09)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(0,0,0,0.08),\\n      0 -3px 6px -4px rgba(0,0,0,0.12),\\n      0 -9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(0,0,0,0.08),\\n      3px 0 6px -4px rgba(0,0,0,0.12),\\n      9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(0,0,0,0.08),\\n      -3px 0 6px -4px rgba(0,0,0,0.12),\\n      -9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(0,0,0,0.08),\\n      0 3px 6px -4px rgba(0,0,0,0.12),\\n      0 9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(0,0,0,0.05)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0,0,0,0.08)',\n    colorBgBase: '#fff',\n    colorBgBlur: 'transparent',\n    colorBgSolid: 'rgb(0,0,0)',\n    colorBgSolidActive: 'rgba(0,0,0,0.95)',\n    colorBgSolidHover: 'rgba(0,0,0,0.75)',\n    colorBorderDisabled: '#d9d9d9',\n    colorErrorBgActive: '#ffccc7',\n    colorErrorBgFilledHover: '#ffdfdc',\n    colorShadow: '#000',\n    colorTextBase: '#000',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))',\n    pink1: '#fff0f6',\n    pink10: '#520339',\n    pink2: '#ffd6e7',\n    pink3: '#ffadd2',\n    pink4: '#ff85c0',\n    pink5: '#f759ab',\n    pink6: '#eb2f96',\n    pink7: '#c41d7f',\n    pink8: '#9e1068',\n    pink9: '#780650',\n    pinkActive: '#c41d7f',\n    pinkHover: '#f759ab',\n  },\n};\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,MAAM;EACJ,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;CACA,OAAO;EACL,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;AACF"}
+{"version":3,"file":"legacy.mjs","names":[],"sources":["../../../../src/styles/theme/token/legacy.ts"],"sourcesContent":["export const legacyToken = {\n  dark: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(0,0,0,0.16),\\n      0 3px 6px 0 rgba(0,0,0,0.12),\\n      0 5px 12px 4px rgba(0,0,0,0.09)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(0,0,0,0.08),\\n      0 -3px 6px -4px rgba(0,0,0,0.12),\\n      0 -9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(0,0,0,0.08),\\n      3px 0 6px -4px rgba(0,0,0,0.12),\\n      9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(0,0,0,0.08),\\n      -3px 0 6px -4px rgba(0,0,0,0.12),\\n      -9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(0,0,0,0.08),\\n      0 3px 6px -4px rgba(0,0,0,0.12),\\n      0 9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(0,0,0,0.05)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0,0,0,0.08)',\n    colorBgBase: '#000',\n    colorBgBlur: 'rgba(255,255,255,0.04)',\n    colorBgSolid: 'rgba(255,255,255,0.95)',\n    colorBgSolidActive: 'rgba(255,255,255,0.9)',\n    colorBgSolidHover: 'rgb(255,255,255)',\n    colorBorderDisabled: '#424242',\n    colorErrorBgActive: '#5b2526',\n    colorErrorBgFilledHover: '#441e1f',\n    colorShadow: '#000',\n    colorTextBase: '#fff',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))',\n    pink1: '#291321',\n    pink10: '#fad2e3',\n    pink2: '#40162f',\n    pink3: '#551c3b',\n    pink4: '#75204f',\n    pink5: '#a02669',\n    pink6: '#cb2b83',\n    pink7: '#e0529c',\n    pink8: '#f37fb7',\n    pink9: '#f8a8cc',\n    pinkActive: '#e0529c',\n    pinkHover: '#a02669',\n  },\n  light: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(0,0,0,0.16),\\n      0 3px 6px 0 rgba(0,0,0,0.12),\\n      0 5px 12px 4px rgba(0,0,0,0.09)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(0,0,0,0.08),\\n      0 -3px 6px -4px rgba(0,0,0,0.12),\\n      0 -9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(0,0,0,0.08),\\n      3px 0 6px -4px rgba(0,0,0,0.12),\\n      9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(0,0,0,0.08),\\n      -3px 0 6px -4px rgba(0,0,0,0.12),\\n      -9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(0,0,0,0.08),\\n      0 3px 6px -4px rgba(0,0,0,0.12),\\n      0 9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(0,0,0,0.05)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0,0,0,0.08)',\n    colorBgBase: '#fff',\n    colorBgBlur: 'transparent',\n    colorBgSolid: 'rgb(0,0,0)',\n    colorBgSolidActive: 'rgba(0,0,0,0.95)',\n    colorBgSolidHover: 'rgba(0,0,0,0.75)',\n    colorBorderDisabled: '#d9d9d9',\n    colorErrorBgActive: '#ffccc7',\n    colorErrorBgFilledHover: '#ffdfdc',\n    colorShadow: '#000',\n    colorTextBase: '#000',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))',\n    pink1: '#fff0f6',\n    pink10: '#520339',\n    pink2: '#ffd6e7',\n    pink3: '#ffadd2',\n    pink4: '#ff85c0',\n    pink5: '#f759ab',\n    pink6: '#eb2f96',\n    pink7: '#c41d7f',\n    pink8: '#9e1068',\n    pink9: '#780650',\n    pinkActive: '#c41d7f',\n    pinkHover: '#f759ab',\n  },\n};\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,MAAM;EACJ,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;CACA,OAAO;EACL,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;AACF"}

package/es/styles/theme/token/neutral.mjs

@@ -2,6 +2,7 @@ import gray from "../../../color/colors/gray.mjs";
 import { neutralColorScales } from "../../../color/neutrals/index.mjs";
 import { mixColors, parseRgb } from "../../../utils/colorMath.mjs";
 import { generateColorNeutralPalette } from "../generateColorPalette.mjs";
+import { neutralText } from "./neutralText.mjs";
 //#region src/styles/theme/token/neutral.ts
 const isChannel = (value) => value >= 0 && value <= 255;
 const getAlphaColor = (front, back) => {
@@ -21,10 +22,17 @@ const getAlphaColor = (front, back) => {
 };
 const createNeutralToken = (appearance, neutralColor, status) => {
 	const scale = neutralColor && neutralColorScales[neutralColor] || gray;
-	const token = generateColorNeutralPalette({
-		appearance,
-		scale
-	});
+	const [colorText, colorTextSecondary, colorTextTertiary, colorTextQuaternary] = neutralText[neutralColor && neutralColorScales[neutralColor] && neutralColor || "gray"][appearance];
+	const token = {
+		...generateColorNeutralPalette({
+			appearance,
+			scale
+		}),
+		colorText,
+		colorTextQuaternary,
+		colorTextSecondary,
+		colorTextTertiary
+	};
 	return {
 		...token,
 		colorBgContainerDisabled: token.colorFillTertiary,

package/es/styles/theme/token/neutral.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"neutral.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutral.ts"],"sourcesContent":["import { gray } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport { mixColors, parseRgb } from '@/utils/colorMath';\n\nimport type { NeutralColors } from '../../customTheme';\nimport { generateColorNeutralPalette } from '../generateColorPalette';\n\nconst isChannel = (value: number) => value >= 0 && value <= 255;\n\n// port of antd's getAlphaColor: the most transparent rgba that renders `front` over `back`\nconst getAlphaColor = (front: string, back: string) => {\n  const f = parseRgb(front);\n  if (f.alpha !== undefined) return front;\n  const b = parseRgb(back);\n\n  for (let alpha = 0.01; alpha <= 1; alpha += 0.01) {\n    const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);\n    const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);\n    const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);\n    if (isChannel(r) && isChannel(g) && isChannel(bl)) {\n      const a = Math.round(alpha * 100) / 100;\n      return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;\n    }\n  }\n\n  return `rgb(${f.red},${f.green},${f.blue})`;\n};\n\nexport const createNeutralToken = (\n  appearance: 'light' | 'dark',\n  neutralColor: NeutralColors | undefined,\n  status: { colorErrorBg: string; colorWarningBg: string },\n) => {\n  const scale = (neutralColor && neutralColorScales[neutralColor]) || gray;\n  const token = generateColorNeutralPalette({ appearance, scale });\n\n  return {\n    ...token,\n    colorBgContainerDisabled: token.colorFillTertiary,\n    colorBgContainerSecondary: mixColors(0.5, token.colorBgLayout, token.colorBgContainer),\n    colorBgTextActive: token.colorFill,\n    colorBgTextHover: token.colorFillSecondary,\n    colorBorderBg: token.colorBgContainer,\n    colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),\n    colorFillAlter: token.colorFillQuaternary,\n    colorFillContent: token.colorFillSecondary,\n    colorFillContentHover: token.colorFill,\n    colorIcon: token.colorTextTertiary,\n    colorIconHover: token.colorText,\n    colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),\n    colorTextDescription: token.colorTextTertiary,\n    colorTextDisabled: token.colorTextQuaternary,\n    colorTextHeading: token.colorText,\n    colorTextLabel: token.colorTextSecondary,\n    colorTextPlaceholder: token.colorTextQuaternary,\n    colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),\n    controlItemBgActiveDisabled: token.colorFill,\n    controlItemBgHover: token.colorFillTertiary,\n    controlTmpOutline: token.colorFillQuaternary,\n  };\n};\n"],"mappings":";;;;;AAOA,MAAM,aAAa,UAAkB,SAAS,KAAK,SAAS;AAG5D,MAAM,iBAAiB,OAAe,SAAiB;CACrD,MAAM,IAAI,SAAS,KAAK;CACxB,IAAI,EAAE,UAAU,KAAA,GAAW,OAAO;CAClC,MAAM,IAAI,SAAS,IAAI;CAEvB,KAAK,IAAI,QAAQ,KAAM,SAAS,GAAG,SAAS,KAAM;EAChD,MAAM,IAAI,KAAK,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,KAAK;EAC1D,MAAM,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,UAAU,KAAK;EAC9D,MAAM,KAAK,KAAK,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK;EAC7D,IAAI,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,EAAE,GAAG;GACjD,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;GACpC,OAAO,MAAM,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACtE;CACF;CAEA,OAAO,OAAO,EAAE,IAAI,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK;AAC3C;AAEA,MAAa,sBACX,YACA,cACA,WACG;CACH,MAAM,QAAS,gBAAgB,mBAAmB,iBAAkB;CACpE,MAAM,QAAQ,4BAA4B;EAAE;EAAY;CAAM,CAAC;CAE/D,OAAO;EACL,GAAG;EACH,0BAA0B,MAAM;EAChC,2BAA2B,UAAU,IAAK,MAAM,eAAe,MAAM,gBAAgB;EACrF,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,mBAAmB,cAAc,OAAO,cAAc,MAAM,gBAAgB;EAC5E,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,uBAAuB,MAAM;EAC7B,WAAW,MAAM;EACjB,gBAAgB,MAAM;EACtB,YAAY,cAAc,MAAM,sBAAsB,MAAM,gBAAgB;EAC5E,sBAAsB,MAAM;EAC5B,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,sBAAsB,MAAM;EAC5B,qBAAqB,cAAc,OAAO,gBAAgB,MAAM,gBAAgB;EAChF,6BAA6B,MAAM;EACnC,oBAAoB,MAAM;EAC1B,mBAAmB,MAAM;CAC3B;AACF"}
+{"version":3,"file":"neutral.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutral.ts"],"sourcesContent":["import { gray } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport { mixColors, parseRgb } from '@/utils/colorMath';\n\nimport type { NeutralColors } from '../../customTheme';\nimport { generateColorNeutralPalette } from '../generateColorPalette';\nimport { neutralText } from './neutralText';\n\nconst isChannel = (value: number) => value >= 0 && value <= 255;\n\n// port of antd's getAlphaColor: the most transparent rgba that renders `front` over `back`\nconst getAlphaColor = (front: string, back: string) => {\n  const f = parseRgb(front);\n  if (f.alpha !== undefined) return front;\n  const b = parseRgb(back);\n\n  for (let alpha = 0.01; alpha <= 1; alpha += 0.01) {\n    const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);\n    const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);\n    const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);\n    if (isChannel(r) && isChannel(g) && isChannel(bl)) {\n      const a = Math.round(alpha * 100) / 100;\n      return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;\n    }\n  }\n\n  return `rgb(${f.red},${f.green},${f.blue})`;\n};\n\nexport const createNeutralToken = (\n  appearance: 'light' | 'dark',\n  neutralColor: NeutralColors | undefined,\n  status: { colorErrorBg: string; colorWarningBg: string },\n) => {\n  const scale = (neutralColor && neutralColorScales[neutralColor]) || gray;\n  const [colorText, colorTextSecondary, colorTextTertiary, colorTextQuaternary] =\n    neutralText[(neutralColor && neutralColorScales[neutralColor] && neutralColor) || 'gray'][\n      appearance\n    ];\n  const token = {\n    ...generateColorNeutralPalette({ appearance, scale }),\n    colorText,\n    colorTextQuaternary,\n    colorTextSecondary,\n    colorTextTertiary,\n  };\n\n  return {\n    ...token,\n    colorBgContainerDisabled: token.colorFillTertiary,\n    colorBgContainerSecondary: mixColors(0.5, token.colorBgLayout, token.colorBgContainer),\n    colorBgTextActive: token.colorFill,\n    colorBgTextHover: token.colorFillSecondary,\n    colorBorderBg: token.colorBgContainer,\n    colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),\n    colorFillAlter: token.colorFillQuaternary,\n    colorFillContent: token.colorFillSecondary,\n    colorFillContentHover: token.colorFill,\n    colorIcon: token.colorTextTertiary,\n    colorIconHover: token.colorText,\n    colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),\n    colorTextDescription: token.colorTextTertiary,\n    colorTextDisabled: token.colorTextQuaternary,\n    colorTextHeading: token.colorText,\n    colorTextLabel: token.colorTextSecondary,\n    colorTextPlaceholder: token.colorTextQuaternary,\n    colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),\n    controlItemBgActiveDisabled: token.colorFill,\n    controlItemBgHover: token.colorFillTertiary,\n    controlTmpOutline: token.colorFillQuaternary,\n  };\n};\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,UAAkB,SAAS,KAAK,SAAS;AAG5D,MAAM,iBAAiB,OAAe,SAAiB;CACrD,MAAM,IAAI,SAAS,KAAK;CACxB,IAAI,EAAE,UAAU,KAAA,GAAW,OAAO;CAClC,MAAM,IAAI,SAAS,IAAI;CAEvB,KAAK,IAAI,QAAQ,KAAM,SAAS,GAAG,SAAS,KAAM;EAChD,MAAM,IAAI,KAAK,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,KAAK;EAC1D,MAAM,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,UAAU,KAAK;EAC9D,MAAM,KAAK,KAAK,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK;EAC7D,IAAI,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,EAAE,GAAG;GACjD,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;GACpC,OAAO,MAAM,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACtE;CACF;CAEA,OAAO,OAAO,EAAE,IAAI,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK;AAC3C;AAEA,MAAa,sBACX,YACA,cACA,WACG;CACH,MAAM,QAAS,gBAAgB,mBAAmB,iBAAkB;CACpE,MAAM,CAAC,WAAW,oBAAoB,mBAAmB,uBACvD,YAAa,gBAAgB,mBAAmB,iBAAiB,gBAAiB,OAAO,CACvF;CAEJ,MAAM,QAAQ;EACZ,GAAG,4BAA4B;GAAE;GAAY;EAAM,CAAC;EACpD;EACA;EACA;EACA;CACF;CAEA,OAAO;EACL,GAAG;EACH,0BAA0B,MAAM;EAChC,2BAA2B,UAAU,IAAK,MAAM,eAAe,MAAM,gBAAgB;EACrF,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,mBAAmB,cAAc,OAAO,cAAc,MAAM,gBAAgB;EAC5E,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,uBAAuB,MAAM;EAC7B,WAAW,MAAM;EACjB,gBAAgB,MAAM;EACtB,YAAY,cAAc,MAAM,sBAAsB,MAAM,gBAAgB;EAC5E,sBAAsB,MAAM;EAC5B,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,sBAAsB,MAAM;EAC5B,qBAAqB,cAAc,OAAO,gBAAgB,MAAM,gBAAgB;EAChF,6BAA6B,MAAM;EACnC,oBAAoB,MAAM;EAC1B,mBAAmB,MAAM;CAC3B;AACF"}

package/es/styles/theme/token/neutralText.mjs

@@ -0,0 +1,91 @@
+//#region src/styles/theme/token/neutralText.ts
+const neutralText = {
+	gray: {
+		dark: [
+			"#e6e6e6",
+			"#b4b4b4",
+			"#8f8f8f",
+			"#6b6b6b"
+		],
+		light: [
+			"#1f1f1f",
+			"#666666",
+			"#8a8a8a",
+			"#b0b0b0"
+		]
+	},
+	mauve: {
+		dark: [
+			"#e9e5ec",
+			"#b6b3b9",
+			"#908e94",
+			"#6c6a70"
+		],
+		light: [
+			"#1f1f23",
+			"#67656b",
+			"#8b898f",
+			"#b1afb5"
+		]
+	},
+	olive: {
+		dark: [
+			"#e5e7e1",
+			"#b2b5af",
+			"#8d908b",
+			"#696c67"
+		],
+		light: [
+			"#1d201c",
+			"#646762",
+			"#888b85",
+			"#aeb1aa"
+		]
+	},
+	sage: {
+		dark: [
+			"#e3e7e4",
+			"#b0b5b3",
+			"#8b908e",
+			"#676c6a"
+		],
+		light: [
+			"#1b201e",
+			"#616765",
+			"#868c89",
+			"#abb1ae"
+		]
+	},
+	sand: {
+		dark: [
+			"#e9e6dc",
+			"#b6b4ab",
+			"#918f87",
+			"#6c6b63"
+		],
+		light: [
+			"#1f201a",
+			"#67665f",
+			"#8b8a82",
+			"#b2b0a8"
+		]
+	},
+	slate: {
+		dark: [
+			"#e5e6ea",
+			"#b3b4b8",
+			"#8d8f93",
+			"#696b6f"
+		],
+		light: [
+			"#1d1f22",
+			"#646669",
+			"#888a8d",
+			"#aeb0b3"
+		]
+	}
+};
+//#endregion
+export { neutralText };
+
+//# sourceMappingURL=neutralText.mjs.map

package/es/styles/theme/token/neutralText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutralText.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutralText.ts"],"sourcesContent":["export type NeutralTextLadder = Record<'dark' | 'light', [string, string, string, string]>;\n\nexport const neutralText: Record<string, NeutralTextLadder> = {\n  gray: {\n    dark: ['#e6e6e6', '#b4b4b4', '#8f8f8f', '#6b6b6b'],\n    light: ['#1f1f1f', '#666666', '#8a8a8a', '#b0b0b0'],\n  },\n  mauve: {\n    dark: ['#e9e5ec', '#b6b3b9', '#908e94', '#6c6a70'],\n    light: ['#1f1f23', '#67656b', '#8b898f', '#b1afb5'],\n  },\n  olive: {\n    dark: ['#e5e7e1', '#b2b5af', '#8d908b', '#696c67'],\n    light: ['#1d201c', '#646762', '#888b85', '#aeb1aa'],\n  },\n  sage: {\n    dark: ['#e3e7e4', '#b0b5b3', '#8b908e', '#676c6a'],\n    light: ['#1b201e', '#616765', '#868c89', '#abb1ae'],\n  },\n  sand: {\n    dark: ['#e9e6dc', '#b6b4ab', '#918f87', '#6c6b63'],\n    light: ['#1f201a', '#67665f', '#8b8a82', '#b2b0a8'],\n  },\n  slate: {\n    dark: ['#e5e6ea', '#b3b4b8', '#8d8f93', '#696b6f'],\n    light: ['#1d1f22', '#646669', '#888a8d', '#aeb0b3'],\n  },\n};\n"],"mappings":";AAEA,MAAa,cAAiD;CAC5D,MAAM;EACJ,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;CACA,OAAO;EACL,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;CACA,OAAO;EACL,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;CACA,MAAM;EACJ,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;CACA,MAAM;EACJ,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;CACA,OAAO;EACL,MAAM;GAAC;GAAW;GAAW;GAAW;EAAS;EACjD,OAAO;GAAC;GAAW;GAAW;GAAW;EAAS;CACpD;AACF"}

package/es/styles/theme/token/palette.mjs

@@ -1,51 +1,26 @@
-import blueGeekblueMix from "../../../color/colors/blue.mjs";
-import geekblue from "../../../color/colors/geekblue.mjs";
-import gold from "../../../color/colors/gold.mjs";
-import green from "../../../color/colors/green.mjs";
-import lime from "../../../color/colors/lime.mjs";
-import red from "../../../color/colors/red.mjs";
-import volcano from "../../../color/colors/volcano.mjs";
+import { statusColorScales } from "../../../color/status/index.mjs";
 import { generateColorPalette } from "../generateColorPalette.mjs";
 import { generateCustomColorToken } from "../customToken.mjs";
 import { legacyToken } from "./legacy.mjs";
 import { shadowToken } from "./shadow.mjs";
 //#region src/styles/theme/token/palette.ts
-const statusScales = {
-	dark: {
-		error: red,
-		info: blueGeekblueMix,
-		success: lime,
-		warning: gold
-	},
-	light: {
-		error: volcano,
-		info: geekblue,
-		success: green,
-		warning: gold
-	}
-};
-const createPaletteToken = (appearance) => {
-	const scales = statusScales[appearance];
-	const error = generateColorPalette({
-		appearance,
-		scale: scales.error,
-		type: "Error"
-	});
-	const info = generateColorPalette({
-		appearance,
-		scale: scales.info,
-		type: "Info"
-	});
-	const success = generateColorPalette({
+const createStatusPalette = (appearance, scale, type) => {
+	const palette = generateColorPalette({
 		appearance,
-		scale: scales.success,
-		type: "Success"
-	});
-	const warning = generateColorPalette({
-		appearance,
-		scale: scales.warning,
-		type: "Warning"
+		scale,
+		type
 	});
+	if (appearance === "dark") return palette;
+	return {
+		...palette,
+		[`color${type}Text`]: scale.light[10]
+	};
+};
+const createPaletteToken = (appearance, scales = statusColorScales) => {
+	const error = createStatusPalette(appearance, scales.error, "Error");
+	const info = createStatusPalette(appearance, scales.info, "Info");
+	const success = createStatusPalette(appearance, scales.success, "Success");
+	const warning = createStatusPalette(appearance, scales.warning, "Warning");
 	return {
 		...legacyToken[appearance],
 		...error,

package/es/styles/theme/token/palette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"palette.mjs","names":["blue"],"sources":["../../../../src/styles/theme/token/palette.ts"],"sourcesContent":["import { blue, geekblue, gold, green, lime, red, volcano } from '@/color/colors';\n\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorPalette } from '../generateColorPalette';\nimport { legacyToken } from './legacy';\nimport { shadowToken } from './shadow';\n\nconst statusScales = {\n  dark: { error: red, info: blue, success: lime, warning: gold },\n  light: { error: volcano, info: geekblue, success: green, warning: gold },\n};\n\nexport const createPaletteToken = (appearance: 'light' | 'dark') => {\n  const scales = statusScales[appearance];\n  const error = generateColorPalette({ appearance, scale: scales.error, type: 'Error' });\n  const info = generateColorPalette({ appearance, scale: scales.info, type: 'Info' });\n  const success = generateColorPalette({ appearance, scale: scales.success, type: 'Success' });\n  const warning = generateColorPalette({ appearance, scale: scales.warning, type: 'Warning' });\n\n  return {\n    ...legacyToken[appearance],\n    ...error,\n    ...info,\n    ...success,\n    ...warning,\n    ...generateCustomColorToken(appearance === 'dark'),\n    ...shadowToken[appearance],\n    colorErrorAffix: error.colorError,\n    colorHighlight: error.colorError,\n    colorLink: info.colorInfoText,\n    colorLinkActive: info.colorInfoTextActive,\n    colorLinkHover: info.colorInfoTextHover,\n    colorWarningAffix: warning.colorWarning,\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,eAAe;CACnB,MAAM;EAAE,OAAO;EAAK,MAAMA;EAAM,SAAS;EAAM,SAAS;CAAK;CAC7D,OAAO;EAAE,OAAO;EAAS,MAAM;EAAU,SAAS;EAAO,SAAS;CAAK;AACzE;AAEA,MAAa,sBAAsB,eAAiC;CAClE,MAAM,SAAS,aAAa;CAC5B,MAAM,QAAQ,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAO,MAAM;CAAQ,CAAC;CACrF,MAAM,OAAO,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAM,MAAM;CAAO,CAAC;CAClF,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAC3F,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAE3F,OAAO;EACL,GAAG,YAAY;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,eAAe,MAAM;EACjD,GAAG,YAAY;EACf,iBAAiB,MAAM;EACvB,gBAAgB,MAAM;EACtB,WAAW,KAAK;EAChB,iBAAiB,KAAK;EACtB,gBAAgB,KAAK;EACrB,mBAAmB,QAAQ;CAC7B;AACF"}
+{"version":3,"file":"palette.mjs","names":[],"sources":["../../../../src/styles/theme/token/palette.ts"],"sourcesContent":["import { type StatusColorScales, statusColorScales } from '@/color/status';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorPalette } from '../generateColorPalette';\nimport { legacyToken } from './legacy';\nimport { shadowToken } from './shadow';\n\nconst createStatusPalette = <T extends string>(\n  appearance: 'light' | 'dark',\n  scale: ColorScaleItem,\n  type: T,\n) => {\n  const palette = generateColorPalette({ appearance, scale, type });\n  if (appearance === 'dark') return palette;\n  return { ...palette, [`color${type}Text`]: scale.light[10] } as typeof palette;\n};\n\nexport const createPaletteToken = (\n  appearance: 'light' | 'dark',\n  scales: StatusColorScales = statusColorScales,\n) => {\n  const error = createStatusPalette(appearance, scales.error, 'Error');\n  const info = createStatusPalette(appearance, scales.info, 'Info');\n  const success = createStatusPalette(appearance, scales.success, 'Success');\n  const warning = createStatusPalette(appearance, scales.warning, 'Warning');\n\n  return {\n    ...legacyToken[appearance],\n    ...error,\n    ...info,\n    ...success,\n    ...warning,\n    ...generateCustomColorToken(appearance === 'dark'),\n    ...shadowToken[appearance],\n    colorErrorAffix: error.colorError,\n    colorHighlight: error.colorError,\n    colorLink: info.colorInfoText,\n    colorLinkActive: info.colorInfoTextActive,\n    colorLinkHover: info.colorInfoTextHover,\n    colorWarningAffix: warning.colorWarning,\n  };\n};\n"],"mappings":";;;;;;AAQA,MAAM,uBACJ,YACA,OACA,SACG;CACH,MAAM,UAAU,qBAAqB;EAAE;EAAY;EAAO;CAAK,CAAC;CAChE,IAAI,eAAe,QAAQ,OAAO;CAClC,OAAO;EAAE,GAAG;GAAU,QAAQ,KAAK,QAAQ,MAAM,MAAM;CAAI;AAC7D;AAEA,MAAa,sBACX,YACA,SAA4B,sBACzB;CACH,MAAM,QAAQ,oBAAoB,YAAY,OAAO,OAAO,OAAO;CACnE,MAAM,OAAO,oBAAoB,YAAY,OAAO,MAAM,MAAM;CAChE,MAAM,UAAU,oBAAoB,YAAY,OAAO,SAAS,SAAS;CACzE,MAAM,UAAU,oBAAoB,YAAY,OAAO,SAAS,SAAS;CAEzE,OAAO;EACL,GAAG,YAAY;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,eAAe,MAAM;EACjD,GAAG,YAAY;EACf,iBAAiB,MAAM;EACvB,gBAAgB,MAAM;EACtB,WAAW,KAAK;EAChB,iBAAiB,KAAK;EACtB,gBAAgB,KAAK;EACrB,mBAAmB,QAAQ;CAC7B;AACF"}

package/es/styles/theme/token/static.mjs

@@ -60,6 +60,9 @@ const staticToken = {
 	motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
 	motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
 	motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+	motionSpringBouncy: "linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1)",
+	motionSpringSmooth: "linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1)",
+	motionSpringSnappy: "linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1)",
 	motionUnit: .1,
 	opacityImage: 1,
 	opacityLoading: .65,

package/es/styles/theme/token/static.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"static.mjs","names":[],"sources":["../../../../src/styles/theme/token/static.ts"],"sourcesContent":["import { baseToken } from './base';\n\nexport const staticToken = {\n  borderRadiusOuter: 6,\n  colorTextLightSolid: '#fff',\n  colorWhite: '#fff',\n  controlHeightLG: 45,\n  controlHeightSM: 27,\n  controlHeightXS: 18,\n  controlInteractiveSize: 18,\n  controlOutlineWidth: 2,\n  controlPaddingHorizontal: 12,\n  controlPaddingHorizontalSM: 8,\n  fontHeight: 22,\n  fontHeightLG: 24,\n  fontHeightSM: 20,\n  fontSize: 14,\n  fontSizeHeading1: 38,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  fontSizeIcon: 12,\n  fontSizeLG: 16,\n  fontSizeSM: 12,\n  fontSizeXL: 20,\n  fontWeightStrong: 600,\n  lineHeight: 1.5714285714285714,\n  lineHeightHeading1: 1.2105263157894737,\n  lineHeightHeading2: 1.2666666666666666,\n  lineHeightHeading3: 1.3333333333333333,\n  lineHeightHeading4: 1.4,\n  lineHeightHeading5: 1.5,\n  lineHeightLG: 1.5,\n  lineHeightSM: 1.6666666666666667,\n  lineType: 'solid',\n  lineWidth: 1,\n  lineWidthBold: 2,\n  lineWidthFocus: 3,\n  linkDecoration: 'none',\n  linkFocusDecoration: 'none',\n  linkHoverDecoration: 'none',\n  margin: 16,\n  marginLG: 24,\n  marginMD: 20,\n  marginSM: 12,\n  marginXL: 32,\n  marginXS: 8,\n  marginXXL: 48,\n  marginXXS: 4,\n  motionBase: 0,\n  motionDurationFast: '0.1s',\n  motionDurationMid: '0.2s',\n  motionDurationSlow: '0.3s',\n  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',\n  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',\n  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  motionUnit: 0.1,\n  opacityImage: 1,\n  opacityLoading: 0.65,\n  padding: 16,\n  paddingContentHorizontal: 16,\n  paddingContentHorizontalLG: 24,\n  paddingContentHorizontalSM: 16,\n  paddingContentVertical: 12,\n  paddingContentVerticalLG: 16,\n  paddingContentVerticalSM: 8,\n  paddingLG: 24,\n  paddingMD: 20,\n  paddingSM: 12,\n  paddingXL: 32,\n  paddingXS: 8,\n  paddingXXS: 4,\n  pink: '#EB2F96',\n  screenLG: 992,\n  screenLGMax: 1199,\n  screenLGMin: 992,\n  screenMD: 768,\n  screenMDMax: 991,\n  screenMDMin: 768,\n  screenSM: 576,\n  screenSMMax: 767,\n  screenSMMin: 576,\n  screenXL: 1200,\n  screenXLMax: 1599,\n  screenXLMin: 1200,\n  screenXS: 480,\n  screenXSMax: 575,\n  screenXSMin: 480,\n  screenXXL: 1600,\n  screenXXLMax: 1919,\n  screenXXLMin: 1600,\n  screenXXXL: 1920,\n  screenXXXLMin: 1920,\n  size: 16,\n  sizeLG: 24,\n  sizeMD: 20,\n  sizeMS: 16,\n  sizePopupArrow: 16,\n  sizeSM: 12,\n  sizeStep: 4,\n  sizeUnit: 4,\n  sizeXL: 32,\n  sizeXS: 8,\n  sizeXXL: 48,\n  sizeXXS: 4,\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  ...baseToken,\n};\n"],"mappings":";;AAEA,MAAa,cAAc;CACzB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,4BAA4B;CAC5B,YAAY;CACZ,cAAc;CACd,cAAc;CACd,UAAU;CACV,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,UAAU;CACV,WAAW;CACX,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,oBAAoB;CACpB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,eAAe;CACf,mBAAmB;CACnB,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,0BAA0B;CAC1B,4BAA4B;CAC5B,4BAA4B;CAC5B,wBAAwB;CACxB,0BAA0B;CAC1B,0BAA0B;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,WAAW;CACX,cAAc;CACd,cAAc;CACd,YAAY;CACZ,eAAe;CACf,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,iBAAiB;CACjB,GAAG;AACL"}
+{"version":3,"file":"static.mjs","names":[],"sources":["../../../../src/styles/theme/token/static.ts"],"sourcesContent":["import { baseToken } from './base';\n\nexport const staticToken = {\n  borderRadiusOuter: 6,\n  colorTextLightSolid: '#fff',\n  colorWhite: '#fff',\n  controlHeightLG: 45,\n  controlHeightSM: 27,\n  controlHeightXS: 18,\n  controlInteractiveSize: 18,\n  controlOutlineWidth: 2,\n  controlPaddingHorizontal: 12,\n  controlPaddingHorizontalSM: 8,\n  fontHeight: 22,\n  fontHeightLG: 24,\n  fontHeightSM: 20,\n  fontSize: 14,\n  fontSizeHeading1: 38,\n  fontSizeHeading2: 30,\n  fontSizeHeading3: 24,\n  fontSizeHeading4: 20,\n  fontSizeHeading5: 16,\n  fontSizeIcon: 12,\n  fontSizeLG: 16,\n  fontSizeSM: 12,\n  fontSizeXL: 20,\n  fontWeightStrong: 600,\n  lineHeight: 1.5714285714285714,\n  lineHeightHeading1: 1.2105263157894737,\n  lineHeightHeading2: 1.2666666666666666,\n  lineHeightHeading3: 1.3333333333333333,\n  lineHeightHeading4: 1.4,\n  lineHeightHeading5: 1.5,\n  lineHeightLG: 1.5,\n  lineHeightSM: 1.6666666666666667,\n  lineType: 'solid',\n  lineWidth: 1,\n  lineWidthBold: 2,\n  lineWidthFocus: 3,\n  linkDecoration: 'none',\n  linkFocusDecoration: 'none',\n  linkHoverDecoration: 'none',\n  margin: 16,\n  marginLG: 24,\n  marginMD: 20,\n  marginSM: 12,\n  marginXL: 32,\n  marginXS: 8,\n  marginXXL: 48,\n  marginXXS: 4,\n  motionBase: 0,\n  motionDurationFast: '0.1s',\n  motionDurationMid: '0.2s',\n  motionDurationSlow: '0.3s',\n  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',\n  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',\n  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  motionSpringBouncy:\n    'linear(0, 0.024, 0.086, 0.173, 0.274, 0.38, 0.485, 0.584, 0.675, 0.756, 0.825, 0.883, 0.931, 0.968, 0.997, 1.017, 1.031, 1.04, 1.045, 1.046, 1.045, 1.042, 1.038, 1.033, 1.028, 1.023, 1.019, 1.015, 1.011, 1.008, 1.005, 1)',\n  motionSpringSmooth:\n    'linear(0, 0.036, 0.12, 0.225, 0.334, 0.438, 0.533, 0.616, 0.688, 0.748, 0.797, 0.838, 0.872, 0.898, 0.92, 0.937, 0.951, 0.962, 0.97, 0.977, 0.982, 0.986, 0.989, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1)',\n  motionSpringSnappy:\n    'linear(0, 0.032, 0.111, 0.216, 0.33, 0.444, 0.552, 0.648, 0.731, 0.801, 0.858, 0.904, 0.939, 0.965, 0.984, 0.998, 1.006, 1.012, 1.014, 1.015, 1.015, 1.014, 1.012, 1.01, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.002, 1)',\n  motionUnit: 0.1,\n  opacityImage: 1,\n  opacityLoading: 0.65,\n  padding: 16,\n  paddingContentHorizontal: 16,\n  paddingContentHorizontalLG: 24,\n  paddingContentHorizontalSM: 16,\n  paddingContentVertical: 12,\n  paddingContentVerticalLG: 16,\n  paddingContentVerticalSM: 8,\n  paddingLG: 24,\n  paddingMD: 20,\n  paddingSM: 12,\n  paddingXL: 32,\n  paddingXS: 8,\n  paddingXXS: 4,\n  pink: '#EB2F96',\n  screenLG: 992,\n  screenLGMax: 1199,\n  screenLGMin: 992,\n  screenMD: 768,\n  screenMDMax: 991,\n  screenMDMin: 768,\n  screenSM: 576,\n  screenSMMax: 767,\n  screenSMMin: 576,\n  screenXL: 1200,\n  screenXLMax: 1599,\n  screenXLMin: 1200,\n  screenXS: 480,\n  screenXSMax: 575,\n  screenXSMin: 480,\n  screenXXL: 1600,\n  screenXXLMax: 1919,\n  screenXXLMin: 1600,\n  screenXXXL: 1920,\n  screenXXXLMin: 1920,\n  size: 16,\n  sizeLG: 24,\n  sizeMD: 20,\n  sizeMS: 16,\n  sizePopupArrow: 16,\n  sizeSM: 12,\n  sizeStep: 4,\n  sizeUnit: 4,\n  sizeXL: 32,\n  sizeXS: 8,\n  sizeXXL: 48,\n  sizeXXS: 4,\n  zIndexBase: 0,\n  zIndexPopupBase: 1000,\n  ...baseToken,\n};\n"],"mappings":";;AAEA,MAAa,cAAc;CACzB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,4BAA4B;CAC5B,YAAY;CACZ,cAAc;CACd,cAAc;CACd,UAAU;CACV,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,UAAU;CACV,WAAW;CACX,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,oBAAoB;CACpB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,eAAe;CACf,mBAAmB;CACnB,mBAAmB;CACnB,oBAAoB;CACpB,oBACE;CACF,oBACE;CACF,oBACE;CACF,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,0BAA0B;CAC1B,4BAA4B;CAC5B,4BAA4B;CAC5B,wBAAwB;CACxB,0BAA0B;CAC1B,0BAA0B;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,WAAW;CACX,cAAc;CACd,cAAc;CACd,YAAY;CACZ,eAAe;CACf,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,iBAAiB;CACjB,GAAG;AACL"}