temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter(g179): 弹层阴影语义化归档

Browse Source
This commit is contained in:
HIsheR
2026-10-26 17:17:26 +08:00
parent a9a084ca97
commit 7b4adb01a0
7 changed files with 134 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/design/tokens/tokens.json
+109 -22
View File
@@ -1,33 +1,110 @@
{
"$schema": "https://design-tokens.github.io/community-group/format/",
"color": {
"bg": { "light": "#ffffff", "dark": "#101216" },
"surface": { "light": "#f6f7f9", "dark": "#1a1c22" },
"text": { "light": "#1c1e21", "dark": "#e7e9ec" },
"textMuted": { "light": "#6b7280", "dark": "#888780" },
"border": { "light": "rgba(0, 0, 0, 0.15)", "dark": "rgba(255, 255, 255, 0.15)" },
"accent": { "light": "#185fa5", "dark": "#378add" },
"accentContrast": { "light": "#ffffff", "dark": "#042c53" },
"danger": { "light": "#a32d2d", "dark": "#d96a6a" },
"success": { "light": "#0f6e56", "dark": "#4fc39e" },
"warning": { "light": "#9a6b1f", "dark": "#d9a94f" }
"bg": {
"light": "#ffffff",
"dark": "#101216"
},
"surface": {
"light": "#f6f7f9",
"dark": "#1a1c22"
},
"text": {
"light": "#1c1e21",
"dark": "#e7e9ec"
},
"textMuted": {
"light": "#6b7280",
"dark": "#888780"
},
"border": {
"light": "rgba(0, 0, 0, 0.15)",
"dark": "rgba(255, 255, 255, 0.15)"
},
"accent": {
"light": "#185fa5",
"dark": "#378add"
},
"accentContrast": {
"light": "#ffffff",
"dark": "#042c53"
},
"danger": {
"light": "#a32d2d",
"dark": "#d96a6a"
},
"success": {
"light": "#0f6e56",
"dark": "#4fc39e"
},
"warning": {
"light": "#9a6b1f",
"dark": "#d9a94f"
}
},
"radius": {
"sm": "4px",
"md": "8px",
"lg": "12px"
},
"space": {
"1": "4px",
"2": "8px",
"3": "12px",
"4": "16px"
},
"fontSize": {
"xs": "11px",
"sm": "12px",
"md": "13px",
"lg": "14px",
"xl": "16px",
"2xl": "18px"
},
"weight": {
"normal": 400,
"medium": 500,
"semibold": 600
},
"leading": {
"tight": 1.35,
"normal": 1.55
},
"radius": { "sm": "4px", "md": "8px", "lg": "12px" },
"space": { "1": "4px", "2": "8px", "3": "12px", "4": "16px" },
"fontSize": { "xs": "11px", "sm": "12px", "md": "13px", "lg": "14px", "xl": "16px", "2xl": "18px" },
"weight": { "normal": 400, "medium": 500, "semibold": 600 },
"leading": { "tight": 1.35, "normal": 1.55 },
"border": {
"subtle": "color-mix(in srgb, var(--ua-color-border) 60%, transparent)"
},
"shadow": {
"1": { "light": "0 1px 2px rgba(0, 0, 0, 0.06)", "dark": "0 1px 2px rgba(0, 0, 0, 0.3)" },
"2": { "light": "0 4px 12px rgba(0, 0, 0, 0.1)", "dark": "0 4px 12px rgba(0, 0, 0, 0.4)" },
"3": { "light": "0 10px 28px rgba(0, 0, 0, 0.12)", "dark": "0 10px 28px rgba(0, 0, 0, 0.45)" },
"4": { "light": "0 18px 44px rgba(0, 0, 0, 0.14)", "dark": "0 18px 44px rgba(0, 0, 0, 0.5)" }
"1": {
"light": "0 1px 2px rgba(0, 0, 0, 0.06)",
"dark": "0 1px 2px rgba(0, 0, 0, 0.3)"
},
"2": {
"light": "0 4px 12px rgba(0, 0, 0, 0.1)",
"dark": "0 4px 12px rgba(0, 0, 0, 0.4)"
},
"3": {
"light": "0 10px 28px rgba(0, 0, 0, 0.12)",
"dark": "0 10px 28px rgba(0, 0, 0, 0.45)"
},
"4": {
"light": "0 18px 44px rgba(0, 0, 0, 0.14)",
"dark": "0 18px 44px rgba(0, 0, 0, 0.5)"
},
"accent": {
"light": "0 3px 10px color-mix(in srgb, var(--ua-color-accent) 25%, transparent)",
"dark": "0 3px 10px color-mix(in srgb, var(--ua-color-accent) 30%, transparent)"
},
"accentStrong": {
"light": "0 8px 20px color-mix(in srgb, var(--ua-color-accent) 35%, transparent)",
"dark": "0 8px 20px color-mix(in srgb, var(--ua-color-accent) 40%, transparent)"
}
},
"motion": {
"duration": { "fast": "0.15s", "base": "0.2s", "slow": "0.25s" },
"duration": {
"fast": "0.15s",
"base": "0.2s",
"slow": "0.25s"
},
"ease": "cubic-bezier(0.2, 0.8, 0.2, 1)",
"easeOut": "cubic-bezier(0.16, 1, 0.3, 1)"
},
@@ -36,7 +113,17 @@
"ringInset": "inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 40%, transparent)"
},
"control": {
"height": { "sm": "28px", "md": "34px", "lg": "40px" }
"height": {
"sm": "28px",
"md": "34px",
"lg": "40px"
}
},
"layer": { "dropdown": 100, "sticky": 200, "overlay": 300, "modal": 400, "toast": 500 }
"layer": {
"dropdown": 100,
"sticky": 200,
"overlay": 300,
"modal": 400,
"toast": 500
}
}