@chenzy-design/tokens 0.1.0
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/LICENSE +21 -0
- package/dist/alias/index.d.ts +29 -0
- package/dist/alias/index.d.ts.map +1 -0
- package/dist/alias/index.js +68 -0
- package/dist/alias/index.js.map +1 -0
- package/dist/build.d.ts +2 -0
- package/dist/build.d.ts.map +1 -0
- package/dist/build.js +94 -0
- package/dist/build.js.map +1 -0
- package/dist/components/ai-chat-dialogue.d.ts +15 -0
- package/dist/components/ai-chat-dialogue.d.ts.map +1 -0
- package/dist/components/ai-chat-dialogue.js +15 -0
- package/dist/components/ai-chat-dialogue.js.map +1 -0
- package/dist/components/ai-chat-input.d.ts +9 -0
- package/dist/components/ai-chat-input.d.ts.map +1 -0
- package/dist/components/ai-chat-input.js +9 -0
- package/dist/components/ai-chat-input.js.map +1 -0
- package/dist/components/audio-player.d.ts +11 -0
- package/dist/components/audio-player.d.ts.map +1 -0
- package/dist/components/audio-player.js +11 -0
- package/dist/components/audio-player.js.map +1 -0
- package/dist/components/back-top.d.ts +17 -0
- package/dist/components/back-top.d.ts.map +1 -0
- package/dist/components/back-top.js +17 -0
- package/dist/components/back-top.js.map +1 -0
- package/dist/components/banner.d.ts +25 -0
- package/dist/components/banner.d.ts.map +1 -0
- package/dist/components/banner.js +26 -0
- package/dist/components/banner.js.map +1 -0
- package/dist/components/button.d.ts +15 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +15 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.d.ts +23 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +23 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/chat.d.ts +8 -0
- package/dist/components/chat.d.ts.map +1 -0
- package/dist/components/chat.js +8 -0
- package/dist/components/chat.js.map +1 -0
- package/dist/components/checkbox.d.ts +20 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +21 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/code-highlight.d.ts +10 -0
- package/dist/components/code-highlight.d.ts.map +1 -0
- package/dist/components/code-highlight.js +10 -0
- package/dist/components/code-highlight.js.map +1 -0
- package/dist/components/collapsible.d.ts +5 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +5 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/color-picker.d.ts +19 -0
- package/dist/components/color-picker.d.ts.map +1 -0
- package/dist/components/color-picker.js +19 -0
- package/dist/components/color-picker.js.map +1 -0
- package/dist/components/cropper.d.ts +9 -0
- package/dist/components/cropper.d.ts.map +1 -0
- package/dist/components/cropper.js +9 -0
- package/dist/components/cropper.js.map +1 -0
- package/dist/components/data-display.d.ts +28 -0
- package/dist/components/data-display.d.ts.map +1 -0
- package/dist/components/data-display.js +32 -0
- package/dist/components/data-display.js.map +1 -0
- package/dist/components/date-picker.d.ts +18 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +18 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/display.d.ts +34 -0
- package/dist/components/display.d.ts.map +1 -0
- package/dist/components/display.js +38 -0
- package/dist/components/display.js.map +1 -0
- package/dist/components/divider.d.ts +10 -0
- package/dist/components/divider.d.ts.map +1 -0
- package/dist/components/divider.js +10 -0
- package/dist/components/divider.js.map +1 -0
- package/dist/components/drag-move.d.ts +5 -0
- package/dist/components/drag-move.d.ts.map +1 -0
- package/dist/components/drag-move.js +5 -0
- package/dist/components/drag-move.js.map +1 -0
- package/dist/components/drawer.d.ts +26 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +26 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/float-button.d.ts +12 -0
- package/dist/components/float-button.d.ts.map +1 -0
- package/dist/components/float-button.js +12 -0
- package/dist/components/float-button.js.map +1 -0
- package/dist/components/form.d.ts +14 -0
- package/dist/components/form.d.ts.map +1 -0
- package/dist/components/form.js +14 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/grid.d.ts +7 -0
- package/dist/components/grid.d.ts.map +1 -0
- package/dist/components/grid.js +7 -0
- package/dist/components/grid.js.map +1 -0
- package/dist/components/hot-keys.d.ts +10 -0
- package/dist/components/hot-keys.d.ts.map +1 -0
- package/dist/components/hot-keys.js +10 -0
- package/dist/components/hot-keys.js.map +1 -0
- package/dist/components/icon-button.d.ts +5 -0
- package/dist/components/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button.js +5 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon.d.ts +16 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/icon.js +16 -0
- package/dist/components/icon.js.map +1 -0
- package/dist/components/index.d.ts +660 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +90 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/input.d.ts +17 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +17 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/json-viewer.d.ts +12 -0
- package/dist/components/json-viewer.d.ts.map +1 -0
- package/dist/components/json-viewer.js +12 -0
- package/dist/components/json-viewer.js.map +1 -0
- package/dist/components/layout.d.ts +21 -0
- package/dist/components/layout.d.ts.map +1 -0
- package/dist/components/layout.js +21 -0
- package/dist/components/layout.js.map +1 -0
- package/dist/components/list.d.ts +21 -0
- package/dist/components/list.d.ts.map +1 -0
- package/dist/components/list.js +24 -0
- package/dist/components/list.js.map +1 -0
- package/dist/components/lottie-icon.d.ts +13 -0
- package/dist/components/lottie-icon.d.ts.map +1 -0
- package/dist/components/lottie-icon.js +13 -0
- package/dist/components/lottie-icon.js.map +1 -0
- package/dist/components/markdown-render.d.ts +9 -0
- package/dist/components/markdown-render.d.ts.map +1 -0
- package/dist/components/markdown-render.js +9 -0
- package/dist/components/markdown-render.js.map +1 -0
- package/dist/components/menu.d.ts +20 -0
- package/dist/components/menu.d.ts.map +1 -0
- package/dist/components/menu.js +22 -0
- package/dist/components/menu.js.map +1 -0
- package/dist/components/modal.d.ts +18 -0
- package/dist/components/modal.d.ts.map +1 -0
- package/dist/components/modal.js +18 -0
- package/dist/components/modal.js.map +1 -0
- package/dist/components/navigation.d.ts +28 -0
- package/dist/components/navigation.d.ts.map +1 -0
- package/dist/components/navigation.js +31 -0
- package/dist/components/navigation.js.map +1 -0
- package/dist/components/notification.d.ts +32 -0
- package/dist/components/notification.d.ts.map +1 -0
- package/dist/components/notification.js +34 -0
- package/dist/components/notification.js.map +1 -0
- package/dist/components/overflow-list.d.ts +13 -0
- package/dist/components/overflow-list.d.ts.map +1 -0
- package/dist/components/overflow-list.js +13 -0
- package/dist/components/overflow-list.js.map +1 -0
- package/dist/components/pin-code.d.ts +11 -0
- package/dist/components/pin-code.d.ts.map +1 -0
- package/dist/components/pin-code.js +11 -0
- package/dist/components/pin-code.js.map +1 -0
- package/dist/components/popconfirm.d.ts +23 -0
- package/dist/components/popconfirm.d.ts.map +1 -0
- package/dist/components/popconfirm.js +23 -0
- package/dist/components/popconfirm.js.map +1 -0
- package/dist/components/progress.d.ts +18 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +18 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio.d.ts +19 -0
- package/dist/components/radio.d.ts.map +1 -0
- package/dist/components/radio.js +21 -0
- package/dist/components/radio.js.map +1 -0
- package/dist/components/rating.d.ts +10 -0
- package/dist/components/rating.d.ts.map +1 -0
- package/dist/components/rating.js +10 -0
- package/dist/components/rating.js.map +1 -0
- package/dist/components/resizable.d.ts +10 -0
- package/dist/components/resizable.d.ts.map +1 -0
- package/dist/components/resizable.js +10 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/scroll-list.d.ts +16 -0
- package/dist/components/scroll-list.d.ts.map +1 -0
- package/dist/components/scroll-list.js +16 -0
- package/dist/components/scroll-list.js.map +1 -0
- package/dist/components/select.d.ts +22 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +22 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/side-sheet.d.ts +26 -0
- package/dist/components/side-sheet.d.ts.map +1 -0
- package/dist/components/side-sheet.js +26 -0
- package/dist/components/side-sheet.js.map +1 -0
- package/dist/components/skeleton.d.ts +13 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +13 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +14 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +14 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/space.d.ts +7 -0
- package/dist/components/space.d.ts.map +1 -0
- package/dist/components/space.js +7 -0
- package/dist/components/space.js.map +1 -0
- package/dist/components/spin.d.ts +17 -0
- package/dist/components/spin.d.ts.map +1 -0
- package/dist/components/spin.js +17 -0
- package/dist/components/spin.js.map +1 -0
- package/dist/components/switch.d.ts +14 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +14 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +21 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +21 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +29 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +32 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/toast.d.ts +26 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +27 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/tooltip.d.ts +30 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +34 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/transfer.d.ts +20 -0
- package/dist/components/transfer.d.ts.map +1 -0
- package/dist/components/transfer.js +21 -0
- package/dist/components/transfer.js.map +1 -0
- package/dist/components/tree.d.ts +24 -0
- package/dist/components/tree.d.ts.map +1 -0
- package/dist/components/tree.js +25 -0
- package/dist/components/tree.js.map +1 -0
- package/dist/components/typography.d.ts +15 -0
- package/dist/components/typography.d.ts.map +1 -0
- package/dist/components/typography.js +15 -0
- package/dist/components/typography.js.map +1 -0
- package/dist/components/user-guide.d.ts +9 -0
- package/dist/components/user-guide.d.ts.map +1 -0
- package/dist/components/user-guide.js +9 -0
- package/dist/components/user-guide.js.map +1 -0
- package/dist/components/video-player.d.ts +12 -0
- package/dist/components/video-player.d.ts.map +1 -0
- package/dist/components/video-player.js +12 -0
- package/dist/components/video-player.js.map +1 -0
- package/dist/components/virtual.d.ts +13 -0
- package/dist/components/virtual.d.ts.map +1 -0
- package/dist/components/virtual.js +15 -0
- package/dist/components/virtual.js.map +1 -0
- package/dist/contrast-check.d.ts +2 -0
- package/dist/contrast-check.d.ts.map +1 -0
- package/dist/contrast-check.js +140 -0
- package/dist/contrast-check.js.map +1 -0
- package/dist/global/color.d.ts +63 -0
- package/dist/global/color.d.ts.map +1 -0
- package/dist/global/color.js +67 -0
- package/dist/global/color.js.map +1 -0
- package/dist/global/scales.d.ts +69 -0
- package/dist/global/scales.d.ts.map +1 -0
- package/dist/global/scales.js +69 -0
- package/dist/global/scales.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/dist/index.js.map +1 -0
- package/dist/tokens.css +844 -0
- package/dist/uno-theme.d.ts +33 -0
- package/dist/uno-theme.d.ts.map +1 -0
- package/dist/uno-theme.js +33 -0
- package/dist/uno-theme.js.map +1 -0
- package/package.json +30 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 chenzylab
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/** light theme semantic mapping */
|
|
2
|
+
export declare const aliasLight: {
|
|
3
|
+
readonly 'color-primary': "#0064fa";
|
|
4
|
+
readonly 'color-primary-hover': "#0062d6";
|
|
5
|
+
readonly 'color-primary-active': "#004fb3";
|
|
6
|
+
readonly 'color-success': "#3bb346";
|
|
7
|
+
readonly 'color-warning': "#fc8800";
|
|
8
|
+
readonly 'color-danger': "#f93920";
|
|
9
|
+
readonly 'color-info': "#0064fa";
|
|
10
|
+
readonly 'color-link': "#0064fa";
|
|
11
|
+
readonly 'color-text-0': "#1c1f23";
|
|
12
|
+
readonly 'color-text-1': "rgba(28, 31, 35, 0.8)";
|
|
13
|
+
readonly 'color-text-2': "rgba(28, 31, 35, 0.62)";
|
|
14
|
+
readonly 'color-text-3': "rgba(28, 31, 35, 0.35)";
|
|
15
|
+
readonly 'color-text-inverse': "#ffffff";
|
|
16
|
+
readonly 'color-bg-0': "#ffffff";
|
|
17
|
+
readonly 'color-bg-1': "#f9f9f9";
|
|
18
|
+
readonly 'color-bg-2': "#e6e8ea";
|
|
19
|
+
readonly 'color-bg-3': "#c6cacd";
|
|
20
|
+
readonly 'color-border': "#e6e8ea";
|
|
21
|
+
readonly 'color-fill-0': "rgba(46, 50, 56, 0.05)";
|
|
22
|
+
readonly 'color-fill-1': "rgba(46, 50, 56, 0.09)";
|
|
23
|
+
readonly 'color-focus': "#0064fa";
|
|
24
|
+
readonly 'focus-ring': "0 0 0 2px #98cdfd";
|
|
25
|
+
};
|
|
26
|
+
export type AliasKey = keyof typeof aliasLight;
|
|
27
|
+
/** dark theme: remap a subset; unspecified keys inherit light */
|
|
28
|
+
export declare const aliasDark: Partial<Record<AliasKey, string>>;
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alias/index.ts"],"names":[],"mappings":"AAWA,mCAAmC;AACnC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CA6Bb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,iEAAiE;AACjE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAwBvD,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Alias / Semantic tokens. Express intent, bind to Global palette.
|
|
3
|
+
* Dark mode ONLY remaps this layer. Components consume these (or Component tokens).
|
|
4
|
+
*
|
|
5
|
+
* Values follow Semi Design semantics (100% Semi color parity). Semi text colors
|
|
6
|
+
* are grey-9 / grey-0 with opacity steps; we encode those as rgba literals.
|
|
7
|
+
* Tradeoff: Semi status fills (success/warning/danger) carry white text and do
|
|
8
|
+
* NOT clear WCAG AA — accepted to match Semi exactly (see contrast-check.ts).
|
|
9
|
+
*/
|
|
10
|
+
import { palette } from '../global/color.js';
|
|
11
|
+
/** light theme semantic mapping */
|
|
12
|
+
export const aliasLight = {
|
|
13
|
+
// brand
|
|
14
|
+
'color-primary': palette['blue-5'],
|
|
15
|
+
'color-primary-hover': palette['blue-6'],
|
|
16
|
+
'color-primary-active': palette['blue-7'],
|
|
17
|
+
// status (Semi: success=green-5, warning=orange-5, danger=red-5)
|
|
18
|
+
'color-success': palette['green-5'],
|
|
19
|
+
'color-warning': palette['orange-5'],
|
|
20
|
+
'color-danger': palette['red-5'],
|
|
21
|
+
'color-info': palette['blue-5'],
|
|
22
|
+
'color-link': palette['blue-5'],
|
|
23
|
+
// text — Semi uses grey-9 with opacity: 100% / 80% / 62% / 35%
|
|
24
|
+
'color-text-0': palette['grey-9'],
|
|
25
|
+
'color-text-1': 'rgba(28, 31, 35, 0.8)',
|
|
26
|
+
'color-text-2': 'rgba(28, 31, 35, 0.62)',
|
|
27
|
+
'color-text-3': 'rgba(28, 31, 35, 0.35)',
|
|
28
|
+
'color-text-inverse': '#ffffff',
|
|
29
|
+
// background — Semi bg-0 is white; keep our light-grey elevation layering above it
|
|
30
|
+
'color-bg-0': '#ffffff',
|
|
31
|
+
'color-bg-1': palette['grey-0'],
|
|
32
|
+
'color-bg-2': palette['grey-1'],
|
|
33
|
+
'color-bg-3': palette['grey-2'],
|
|
34
|
+
// border / fill — Semi fill-0 is a low-alpha dark wash
|
|
35
|
+
'color-border': palette['grey-1'],
|
|
36
|
+
'color-fill-0': 'rgba(46, 50, 56, 0.05)',
|
|
37
|
+
'color-fill-1': 'rgba(46, 50, 56, 0.09)',
|
|
38
|
+
// focus
|
|
39
|
+
'color-focus': palette['blue-5'],
|
|
40
|
+
'focus-ring': `0 0 0 2px ${palette['blue-2']}`,
|
|
41
|
+
};
|
|
42
|
+
/** dark theme: remap a subset; unspecified keys inherit light */
|
|
43
|
+
export const aliasDark = {
|
|
44
|
+
// text — Semi dark uses grey-0 (#f9f9f9) with opacity
|
|
45
|
+
'color-text-0': '#f9f9f9',
|
|
46
|
+
'color-text-1': 'rgba(249, 249, 249, 0.8)',
|
|
47
|
+
'color-text-2': 'rgba(249, 249, 249, 0.6)',
|
|
48
|
+
'color-text-3': 'rgba(249, 249, 249, 0.35)',
|
|
49
|
+
'color-text-inverse': '#ffffff',
|
|
50
|
+
// brand / status — Semi dark brightens these for visibility on dark surfaces
|
|
51
|
+
'color-primary': '#54a9ff',
|
|
52
|
+
'color-primary-hover': '#3295fb',
|
|
53
|
+
'color-primary-active': '#65b2fc',
|
|
54
|
+
'color-info': '#54a9ff',
|
|
55
|
+
'color-link': '#54a9ff',
|
|
56
|
+
'color-success': '#5dc264',
|
|
57
|
+
'color-warning': '#ffae43',
|
|
58
|
+
'color-danger': '#fc725a',
|
|
59
|
+
// surfaces
|
|
60
|
+
'color-bg-0': '#16161a',
|
|
61
|
+
'color-bg-1': '#232429',
|
|
62
|
+
'color-bg-2': '#2e3238',
|
|
63
|
+
'color-bg-3': '#41464c',
|
|
64
|
+
'color-border': '#41464c',
|
|
65
|
+
'color-fill-0': 'rgba(249, 249, 249, 0.08)',
|
|
66
|
+
'color-fill-1': 'rgba(249, 249, 249, 0.12)',
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alias/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,mCAAmC;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ;IACR,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxC,sBAAsB,EAAE,OAAO,CAAC,QAAQ,CAAC;IACzC,iEAAiE;IACjE,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC;IACjC,cAAc,EAAE,uBAAuB;IACvC,cAAc,EAAE,wBAAwB;IACxC,cAAc,EAAE,wBAAwB;IACxC,oBAAoB,EAAE,SAAS;IAC/B,mFAAmF;IACnF,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC;IAC/B,uDAAuD;IACvD,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC;IACjC,cAAc,EAAE,wBAAwB;IACxC,cAAc,EAAE,wBAAwB;IACxC,QAAQ;IACR,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC;IAChC,YAAY,EAAE,aAAa,OAAO,CAAC,QAAQ,CAAC,EAAE;CACtC,CAAC;AAIX,iEAAiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAsC;IAC1D,sDAAsD;IACtD,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,0BAA0B;IAC1C,cAAc,EAAE,0BAA0B;IAC1C,cAAc,EAAE,2BAA2B;IAC3C,oBAAoB,EAAE,SAAS;IAC/B,6EAA6E;IAC7E,eAAe,EAAE,SAAS;IAC1B,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;IAC1B,cAAc,EAAE,SAAS;IACzB,WAAW;IACX,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,2BAA2B;IAC3C,cAAc,EAAE,2BAA2B;CAC5C,CAAC"}
|
package/dist/build.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":""}
|
package/dist/build.js
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Token CSS build: source TS → dist/tokens.css.
|
|
3
|
+
* TS entrypoints (index.ts, uno-theme.ts) are real source files compiled by tsc.
|
|
4
|
+
* Run via `pnpm --filter @chenzy-design/tokens build`.
|
|
5
|
+
*/
|
|
6
|
+
import { mkdirSync, writeFileSync } from 'node:fs';
|
|
7
|
+
import { dirname, resolve } from 'node:path';
|
|
8
|
+
import { fileURLToPath } from 'node:url';
|
|
9
|
+
import { palette } from './global/color.js';
|
|
10
|
+
import * as scales from './global/scales.js';
|
|
11
|
+
import { aliasLight, aliasDark } from './alias/index.js';
|
|
12
|
+
import { componentTokens } from './components/index.js';
|
|
13
|
+
const here = dirname(fileURLToPath(import.meta.url));
|
|
14
|
+
const dist = resolve(here, '../dist');
|
|
15
|
+
mkdirSync(dist, { recursive: true });
|
|
16
|
+
const PREFIX = '--cd-';
|
|
17
|
+
function vars(group, category = '') {
|
|
18
|
+
const cat = category ? `${category}-` : '';
|
|
19
|
+
return Object.entries(group).map(([k, v]) => ` ${PREFIX}${cat}${k}: ${v};`);
|
|
20
|
+
}
|
|
21
|
+
const globalVars = [
|
|
22
|
+
...vars(palette, 'color'),
|
|
23
|
+
...vars(scales.spacing, 'spacing'),
|
|
24
|
+
...vars(scales.radius, 'radius'),
|
|
25
|
+
...vars(scales.fontSize, 'font-size'),
|
|
26
|
+
...vars(scales.fontWeight, 'font-weight'),
|
|
27
|
+
...vars(scales.lineHeight, 'line-height'),
|
|
28
|
+
...vars(scales.shadow, 'shadow'),
|
|
29
|
+
...vars(scales.motion, 'motion'),
|
|
30
|
+
...vars(scales.zIndex, 'z'),
|
|
31
|
+
...vars(scales.breakpoint, 'breakpoint'),
|
|
32
|
+
];
|
|
33
|
+
const aliasVars = vars(aliasLight);
|
|
34
|
+
const componentVars = vars(componentTokens);
|
|
35
|
+
const darkVars = vars(aliasDark);
|
|
36
|
+
const css = `/* AUTO-GENERATED by @chenzy-design/tokens build — do not edit */
|
|
37
|
+
:root {
|
|
38
|
+
/* --- Global --- */
|
|
39
|
+
${globalVars.join('\n')}
|
|
40
|
+
/* --- Alias (semantic) --- */
|
|
41
|
+
${aliasVars.join('\n')}
|
|
42
|
+
/* --- Component --- */
|
|
43
|
+
${componentVars.join('\n')}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
[data-theme='dark'] {
|
|
47
|
+
${darkVars.join('\n')}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Base:把页面背景/前景绑到主题 token,使暗色模式开箱即用(对齐 Semi —— Semi 同样
|
|
51
|
+
在 body 上应用主题背景)。消费方若要自管 body 背景,可不引入此规则(见 base 单独导出)
|
|
52
|
+
或用更高优先级覆盖。过渡令亮/暗切换平滑,prefers-reduced-motion 下自动归零。 */
|
|
53
|
+
body {
|
|
54
|
+
background-color: var(${PREFIX}color-bg-0);
|
|
55
|
+
color: var(${PREFIX}color-text-0);
|
|
56
|
+
transition:
|
|
57
|
+
background-color var(${PREFIX}motion-duration-mid) var(${PREFIX}motion-ease-standard),
|
|
58
|
+
color var(${PREFIX}motion-duration-mid) var(${PREFIX}motion-ease-standard);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@media (prefers-reduced-motion: reduce) {
|
|
62
|
+
:root {
|
|
63
|
+
${PREFIX}motion-duration-fast: 0ms;
|
|
64
|
+
${PREFIX}motion-duration-mid: 0ms;
|
|
65
|
+
${PREFIX}motion-duration-slow: 0ms;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* JS 驱动的全局降级标记:ConfigProvider reducedMotion 显式开启时由 JS 写入,
|
|
70
|
+
优先于系统媒体查询,令依赖 motion-duration token 的动画退化为 0ms。 */
|
|
71
|
+
[data-reduced-motion] {
|
|
72
|
+
${PREFIX}motion-duration-fast: 0ms;
|
|
73
|
+
${PREFIX}motion-duration-mid: 0ms;
|
|
74
|
+
${PREFIX}motion-duration-slow: 0ms;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* 屏幕阅读器专用文本工具类(a11y.spec §全局规则):
|
|
78
|
+
视觉隐藏但屏幕阅读器可读。不可用 display:none / visibility:hidden,
|
|
79
|
+
否则辅助技术也读不到。WCAG 1.4.1 等场景下令颜色/图标非唯一信息载体。 */
|
|
80
|
+
.cd-sr-only {
|
|
81
|
+
position: absolute;
|
|
82
|
+
inline-size: 1px;
|
|
83
|
+
block-size: 1px;
|
|
84
|
+
padding: 0;
|
|
85
|
+
margin: -1px;
|
|
86
|
+
overflow: hidden;
|
|
87
|
+
clip: rect(0, 0, 0, 0);
|
|
88
|
+
white-space: nowrap;
|
|
89
|
+
border: 0;
|
|
90
|
+
}
|
|
91
|
+
`;
|
|
92
|
+
writeFileSync(resolve(dist, 'tokens.css'), css);
|
|
93
|
+
console.log('[tokens] built dist/tokens.css');
|
|
94
|
+
//# sourceMappingURL=build.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build.js","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACrD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACtC,SAAS,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAErC,MAAM,MAAM,GAAG,OAAO,CAAC;AAEvB,SAAS,IAAI,CAAC,KAA6B,EAAE,QAAQ,GAAG,EAAE;IACxD,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACzB,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;IAClC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;IACrC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;IACzC,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;IACzC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAC3B,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;CACzC,CAAC;AACF,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;AACnC,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;AAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAmC,CAAC,CAAC;AAE3D,MAAM,GAAG,GAAG;;;EAGV,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;EAErB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;EAEpB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;;;EAIxB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;0BAOK,MAAM;eACjB,MAAM;;2BAEM,MAAM,4BAA4B,MAAM;gBACnD,MAAM,4BAA4B,MAAM;;;;;MAKlD,MAAM;MACN,MAAM;MACN,MAAM;;;;;;;IAOR,MAAM;IACN,MAAM;IACN,MAAM;;;;;;;;;;;;;;;;;CAiBT,CAAC;AACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;AAChD,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Component tokens for AIChatDialogue (AI 对话消息列表). */
|
|
2
|
+
export declare const aiChatDialogueTokens: {
|
|
3
|
+
readonly 'ai-chat-dialogue-bg': "var(--cd-color-bg-0)";
|
|
4
|
+
readonly 'ai-chat-dialogue-bubble-bg': "var(--cd-color-fill-0)";
|
|
5
|
+
readonly 'ai-chat-dialogue-bubble-bg-user': "var(--cd-color-primary)";
|
|
6
|
+
readonly 'ai-chat-dialogue-bubble-color': "var(--cd-color-text-0)";
|
|
7
|
+
readonly 'ai-chat-dialogue-bubble-color-user': "var(--cd-color-text-inverse)";
|
|
8
|
+
readonly 'ai-chat-dialogue-radius': "var(--cd-radius-2)";
|
|
9
|
+
readonly 'ai-chat-dialogue-title-color': "var(--cd-color-text-2)";
|
|
10
|
+
readonly 'ai-chat-dialogue-reasoning-bg': "var(--cd-color-fill-0)";
|
|
11
|
+
readonly 'ai-chat-dialogue-reasoning-color': "var(--cd-color-text-2)";
|
|
12
|
+
readonly 'ai-chat-dialogue-action-color': "var(--cd-color-text-2)";
|
|
13
|
+
readonly 'ai-chat-dialogue-action-hover-bg': "var(--cd-color-fill-1)";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=ai-chat-dialogue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-dialogue.d.ts","sourceRoot":"","sources":["../../src/components/ai-chat-dialogue.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAYvB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Component tokens for AIChatDialogue (AI 对话消息列表). */
|
|
2
|
+
export const aiChatDialogueTokens = {
|
|
3
|
+
'ai-chat-dialogue-bg': 'var(--cd-color-bg-0)',
|
|
4
|
+
'ai-chat-dialogue-bubble-bg': 'var(--cd-color-fill-0)',
|
|
5
|
+
'ai-chat-dialogue-bubble-bg-user': 'var(--cd-color-primary)',
|
|
6
|
+
'ai-chat-dialogue-bubble-color': 'var(--cd-color-text-0)',
|
|
7
|
+
'ai-chat-dialogue-bubble-color-user': 'var(--cd-color-text-inverse)',
|
|
8
|
+
'ai-chat-dialogue-radius': 'var(--cd-radius-2)',
|
|
9
|
+
'ai-chat-dialogue-title-color': 'var(--cd-color-text-2)',
|
|
10
|
+
'ai-chat-dialogue-reasoning-bg': 'var(--cd-color-fill-0)',
|
|
11
|
+
'ai-chat-dialogue-reasoning-color': 'var(--cd-color-text-2)',
|
|
12
|
+
'ai-chat-dialogue-action-color': 'var(--cd-color-text-2)',
|
|
13
|
+
'ai-chat-dialogue-action-hover-bg': 'var(--cd-color-fill-1)',
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=ai-chat-dialogue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-dialogue.js","sourceRoot":"","sources":["../../src/components/ai-chat-dialogue.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,qBAAqB,EAAE,sBAAsB;IAC7C,4BAA4B,EAAE,wBAAwB;IACtD,iCAAiC,EAAE,yBAAyB;IAC5D,+BAA+B,EAAE,wBAAwB;IACzD,oCAAoC,EAAE,8BAA8B;IACpE,yBAAyB,EAAE,oBAAoB;IAC/C,8BAA8B,EAAE,wBAAwB;IACxD,+BAA+B,EAAE,wBAAwB;IACzD,kCAAkC,EAAE,wBAAwB;IAC5D,+BAA+B,EAAE,wBAAwB;IACzD,kCAAkC,EAAE,wBAAwB;CACpD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const aiChatInputTokens: {
|
|
2
|
+
readonly 'ai-chat-input-bg': "var(--cd-color-bg-0)";
|
|
3
|
+
readonly 'ai-chat-input-radius': "var(--cd-radius-3, 12px)";
|
|
4
|
+
readonly 'ai-chat-input-border': "var(--cd-color-border)";
|
|
5
|
+
readonly 'ai-chat-input-send-bg': "var(--cd-color-primary)";
|
|
6
|
+
readonly 'ai-chat-input-min-height': "48px";
|
|
7
|
+
readonly 'ai-chat-input-max-height': "200px";
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ai-chat-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-input.d.ts","sourceRoot":"","sources":["../../src/components/ai-chat-input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;CAOpB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export const aiChatInputTokens = {
|
|
2
|
+
'ai-chat-input-bg': 'var(--cd-color-bg-0)',
|
|
3
|
+
'ai-chat-input-radius': 'var(--cd-radius-3, 12px)',
|
|
4
|
+
'ai-chat-input-border': 'var(--cd-color-border)',
|
|
5
|
+
'ai-chat-input-send-bg': 'var(--cd-color-primary)',
|
|
6
|
+
'ai-chat-input-min-height': '48px',
|
|
7
|
+
'ai-chat-input-max-height': '200px',
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ai-chat-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-input.js","sourceRoot":"","sources":["../../src/components/ai-chat-input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,0BAA0B;IAClD,sBAAsB,EAAE,wBAAwB;IAChD,uBAAuB,EAAE,yBAAyB;IAClD,0BAA0B,EAAE,MAAM;IAClC,0BAA0B,EAAE,OAAO;CAC3B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** Component tokens for AudioPlayer. */
|
|
2
|
+
export declare const audioPlayerTokens: {
|
|
3
|
+
readonly 'audio-player-bg-dark': "#1c1f23";
|
|
4
|
+
readonly 'audio-player-color-dark': "#ffffff";
|
|
5
|
+
readonly 'audio-player-bg-light': "var(--cd-color-bg-1)";
|
|
6
|
+
readonly 'audio-player-control-size': "40px";
|
|
7
|
+
readonly 'audio-player-slider-track': "var(--cd-color-fill-1)";
|
|
8
|
+
readonly 'audio-player-slider-fill': "var(--cd-color-primary)";
|
|
9
|
+
readonly 'audio-player-radius': "var(--cd-radius-2)";
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=audio-player.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../src/components/audio-player.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** Component tokens for AudioPlayer. */
|
|
2
|
+
export const audioPlayerTokens = {
|
|
3
|
+
'audio-player-bg-dark': '#1c1f23',
|
|
4
|
+
'audio-player-color-dark': '#ffffff',
|
|
5
|
+
'audio-player-bg-light': 'var(--cd-color-bg-1)',
|
|
6
|
+
'audio-player-control-size': '40px',
|
|
7
|
+
'audio-player-slider-track': 'var(--cd-color-fill-1)',
|
|
8
|
+
'audio-player-slider-fill': 'var(--cd-color-primary)',
|
|
9
|
+
'audio-player-radius': 'var(--cd-radius-2)',
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=audio-player.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../src/components/audio-player.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,sBAAsB,EAAE,SAAS;IACjC,yBAAyB,EAAE,SAAS;IACpC,uBAAuB,EAAE,sBAAsB;IAC/C,2BAA2B,EAAE,MAAM;IACnC,2BAA2B,EAAE,wBAAwB;IACrD,0BAA0B,EAAE,yBAAyB;IACrD,qBAAqB,EAAE,oBAAoB;CACnC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** Component tokens for BackTop (M6 Other). 回退 Alias,禁写死。 */
|
|
2
|
+
export declare const backTopTokens: {
|
|
3
|
+
readonly 'backtop-size': "40px";
|
|
4
|
+
readonly 'backtop-size-small': "32px";
|
|
5
|
+
readonly 'backtop-size-large': "48px";
|
|
6
|
+
readonly 'backtop-bg': "var(--cd-color-bg-2)";
|
|
7
|
+
readonly 'backtop-bg-hover': "var(--cd-color-bg-3)";
|
|
8
|
+
readonly 'backtop-bg-active': "var(--cd-color-fill-1)";
|
|
9
|
+
readonly 'backtop-color': "var(--cd-color-text-0)";
|
|
10
|
+
readonly 'backtop-border': "var(--cd-color-border)";
|
|
11
|
+
readonly 'backtop-shadow': "var(--cd-shadow-3)";
|
|
12
|
+
readonly 'backtop-radius': "var(--cd-radius-full)";
|
|
13
|
+
readonly 'backtop-z': "900";
|
|
14
|
+
readonly 'backtop-focus-ring': "var(--cd-color-primary)";
|
|
15
|
+
readonly 'backtop-motion-duration': "var(--cd-motion-duration-fast)";
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=back-top.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-top.d.ts","sourceRoot":"","sources":["../../src/components/back-top.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAchB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** Component tokens for BackTop (M6 Other). 回退 Alias,禁写死。 */
|
|
2
|
+
export const backTopTokens = {
|
|
3
|
+
'backtop-size': '40px',
|
|
4
|
+
'backtop-size-small': '32px',
|
|
5
|
+
'backtop-size-large': '48px',
|
|
6
|
+
'backtop-bg': 'var(--cd-color-bg-2)',
|
|
7
|
+
'backtop-bg-hover': 'var(--cd-color-bg-3)',
|
|
8
|
+
'backtop-bg-active': 'var(--cd-color-fill-1)',
|
|
9
|
+
'backtop-color': 'var(--cd-color-text-0)',
|
|
10
|
+
'backtop-border': 'var(--cd-color-border)',
|
|
11
|
+
'backtop-shadow': 'var(--cd-shadow-3)',
|
|
12
|
+
'backtop-radius': 'var(--cd-radius-full)',
|
|
13
|
+
'backtop-z': '900',
|
|
14
|
+
'backtop-focus-ring': 'var(--cd-color-primary)',
|
|
15
|
+
'backtop-motion-duration': 'var(--cd-motion-duration-fast)',
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=back-top.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-top.js","sourceRoot":"","sources":["../../src/components/back-top.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,cAAc,EAAE,MAAM;IACtB,oBAAoB,EAAE,MAAM;IAC5B,oBAAoB,EAAE,MAAM;IAC5B,YAAY,EAAE,sBAAsB;IACpC,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,wBAAwB;IAC7C,eAAe,EAAE,wBAAwB;IACzC,gBAAgB,EAAE,wBAAwB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,gBAAgB,EAAE,uBAAuB;IACzC,WAAW,EAAE,KAAK;IAClB,oBAAoB,EAAE,yBAAyB;IAC/C,yBAAyB,EAAE,gCAAgC;CACnD,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** Component tokens for Banner (M5 Feedback). 回退 Alias,禁写死。 */
|
|
2
|
+
export declare const bannerTokens: {
|
|
3
|
+
readonly 'banner-radius': "var(--cd-radius-2)";
|
|
4
|
+
readonly 'banner-padding-y': "var(--cd-spacing-3)";
|
|
5
|
+
readonly 'banner-padding-x': "var(--cd-spacing-4)";
|
|
6
|
+
readonly 'banner-gap': "var(--cd-spacing-3)";
|
|
7
|
+
readonly 'banner-icon-size': "20px";
|
|
8
|
+
readonly 'banner-title-color': "var(--cd-color-text-0)";
|
|
9
|
+
readonly 'banner-desc-color': "var(--cd-color-text-1)";
|
|
10
|
+
readonly 'banner-title-size': "var(--cd-font-size-2)";
|
|
11
|
+
readonly 'banner-desc-size': "var(--cd-font-size-1)";
|
|
12
|
+
readonly 'banner-accent-width': "4px";
|
|
13
|
+
readonly 'banner-info-bg': "var(--cd-color-primary-light-default)";
|
|
14
|
+
readonly 'banner-info-accent': "var(--cd-color-primary)";
|
|
15
|
+
readonly 'banner-success-bg': "color-mix(in srgb, var(--cd-color-success) 12%, transparent)";
|
|
16
|
+
readonly 'banner-success-accent': "var(--cd-color-success)";
|
|
17
|
+
readonly 'banner-warning-bg': "var(--cd-color-warning-light-default)";
|
|
18
|
+
readonly 'banner-warning-accent': "var(--cd-color-warning)";
|
|
19
|
+
readonly 'banner-danger-bg': "color-mix(in srgb, var(--cd-color-danger) 12%, transparent)";
|
|
20
|
+
readonly 'banner-danger-accent': "var(--cd-color-danger)";
|
|
21
|
+
readonly 'banner-close-color': "var(--cd-color-text-2)";
|
|
22
|
+
readonly 'banner-close-hover-bg': "var(--cd-color-fill-1)";
|
|
23
|
+
readonly 'banner-motion-duration': "var(--cd-motion-duration-fast)";
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;CAuBf,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** Component tokens for Banner (M5 Feedback). 回退 Alias,禁写死。 */
|
|
2
|
+
export const bannerTokens = {
|
|
3
|
+
'banner-radius': 'var(--cd-radius-2)',
|
|
4
|
+
'banner-padding-y': 'var(--cd-spacing-3)',
|
|
5
|
+
'banner-padding-x': 'var(--cd-spacing-4)',
|
|
6
|
+
'banner-gap': 'var(--cd-spacing-3)',
|
|
7
|
+
'banner-icon-size': '20px',
|
|
8
|
+
'banner-title-color': 'var(--cd-color-text-0)',
|
|
9
|
+
'banner-desc-color': 'var(--cd-color-text-1)',
|
|
10
|
+
'banner-title-size': 'var(--cd-font-size-2)',
|
|
11
|
+
'banner-desc-size': 'var(--cd-font-size-1)',
|
|
12
|
+
'banner-accent-width': '4px',
|
|
13
|
+
// four-type tints via color-mix (success/danger lack a light alias; primary/warning use theirs)
|
|
14
|
+
'banner-info-bg': 'var(--cd-color-primary-light-default)',
|
|
15
|
+
'banner-info-accent': 'var(--cd-color-primary)',
|
|
16
|
+
'banner-success-bg': 'color-mix(in srgb, var(--cd-color-success) 12%, transparent)',
|
|
17
|
+
'banner-success-accent': 'var(--cd-color-success)',
|
|
18
|
+
'banner-warning-bg': 'var(--cd-color-warning-light-default)',
|
|
19
|
+
'banner-warning-accent': 'var(--cd-color-warning)',
|
|
20
|
+
'banner-danger-bg': 'color-mix(in srgb, var(--cd-color-danger) 12%, transparent)',
|
|
21
|
+
'banner-danger-accent': 'var(--cd-color-danger)',
|
|
22
|
+
'banner-close-color': 'var(--cd-color-text-2)',
|
|
23
|
+
'banner-close-hover-bg': 'var(--cd-color-fill-1)',
|
|
24
|
+
'banner-motion-duration': 'var(--cd-motion-duration-fast)',
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/components/banner.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,eAAe,EAAE,oBAAoB;IACrC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,qBAAqB;IACzC,YAAY,EAAE,qBAAqB;IACnC,kBAAkB,EAAE,MAAM;IAC1B,oBAAoB,EAAE,wBAAwB;IAC9C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,uBAAuB;IAC5C,kBAAkB,EAAE,uBAAuB;IAC3C,qBAAqB,EAAE,KAAK;IAC5B,gGAAgG;IAChG,gBAAgB,EAAE,uCAAuC;IACzD,oBAAoB,EAAE,yBAAyB;IAC/C,mBAAmB,EAAE,8DAA8D;IACnF,uBAAuB,EAAE,yBAAyB;IAClD,mBAAmB,EAAE,uCAAuC;IAC5D,uBAAuB,EAAE,yBAAyB;IAClD,kBAAkB,EAAE,6DAA6D;IACjF,sBAAsB,EAAE,wBAAwB;IAChD,oBAAoB,EAAE,wBAAwB;IAC9C,uBAAuB,EAAE,wBAAwB;IACjD,wBAAwB,EAAE,gCAAgC;CAClD,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Component tokens for Button. Default to Alias references via var().
|
|
3
|
+
* Added incrementally as components are built (see component SPECs).
|
|
4
|
+
*/
|
|
5
|
+
export declare const buttonTokens: {
|
|
6
|
+
readonly 'button-height-default': "32px";
|
|
7
|
+
readonly 'button-height-small': "24px";
|
|
8
|
+
readonly 'button-height-large': "40px";
|
|
9
|
+
readonly 'button-padding-x': "var(--cd-spacing-4)";
|
|
10
|
+
readonly 'button-radius': "var(--cd-radius-2)";
|
|
11
|
+
readonly 'button-font-size': "var(--cd-font-size-2)";
|
|
12
|
+
readonly 'button-color-bg-primary': "var(--cd-color-primary)";
|
|
13
|
+
readonly 'button-color-text-primary': "var(--cd-color-text-inverse)";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Component tokens for Button. Default to Alias references via var().
|
|
3
|
+
* Added incrementally as components are built (see component SPECs).
|
|
4
|
+
*/
|
|
5
|
+
export const buttonTokens = {
|
|
6
|
+
'button-height-default': '32px',
|
|
7
|
+
'button-height-small': '24px',
|
|
8
|
+
'button-height-large': '40px',
|
|
9
|
+
'button-padding-x': 'var(--cd-spacing-4)',
|
|
10
|
+
'button-radius': 'var(--cd-radius-2)',
|
|
11
|
+
'button-font-size': 'var(--cd-font-size-2)',
|
|
12
|
+
'button-color-bg-primary': 'var(--cd-color-primary)',
|
|
13
|
+
'button-color-text-primary': 'var(--cd-color-text-inverse)',
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,uBAAuB,EAAE,MAAM;IAC/B,qBAAqB,EAAE,MAAM;IAC7B,qBAAqB,EAAE,MAAM;IAC7B,kBAAkB,EAAE,qBAAqB;IACzC,eAAe,EAAE,oBAAoB;IACrC,kBAAkB,EAAE,uBAAuB;IAC3C,yBAAyB,EAAE,yBAAyB;IACpD,2BAA2B,EAAE,8BAA8B;CACnD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/** Component tokens for Calendar (M4 Show, month-view subset). 回退 Alias,禁写死。 */
|
|
2
|
+
export declare const calendarTokens: {
|
|
3
|
+
readonly 'calendar-bg': "var(--cd-color-bg-0)";
|
|
4
|
+
readonly 'calendar-border': "var(--cd-color-border)";
|
|
5
|
+
readonly 'calendar-header-bg': "var(--cd-color-bg-1)";
|
|
6
|
+
readonly 'calendar-text': "var(--cd-color-text-0)";
|
|
7
|
+
readonly 'calendar-text-secondary': "var(--cd-color-text-2)";
|
|
8
|
+
readonly 'calendar-today-bg': "var(--cd-color-primary-light-default)";
|
|
9
|
+
readonly 'calendar-today-fg': "var(--cd-color-primary)";
|
|
10
|
+
readonly 'calendar-selected-border': "var(--cd-color-primary)";
|
|
11
|
+
readonly 'calendar-range-bg': "var(--cd-color-primary-light-default)";
|
|
12
|
+
readonly 'calendar-range-edge-bg': "var(--cd-color-primary-light-default)";
|
|
13
|
+
readonly 'calendar-week-cell-min-h': "240px";
|
|
14
|
+
readonly 'calendar-weekend-bg': "var(--cd-color-bg-1)";
|
|
15
|
+
readonly 'calendar-cell-bg-hover': "var(--cd-color-fill-0)";
|
|
16
|
+
readonly 'calendar-event-default-bg': "var(--cd-color-primary)";
|
|
17
|
+
readonly 'calendar-event-fg': "var(--cd-color-bg-0)";
|
|
18
|
+
readonly 'calendar-disabled-bg': "var(--cd-color-fill-0)";
|
|
19
|
+
readonly 'calendar-more-color': "var(--cd-color-text-2)";
|
|
20
|
+
readonly 'calendar-cell-min-h': "96px";
|
|
21
|
+
readonly 'calendar-radius': "var(--cd-radius-2)";
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/** Component tokens for Calendar (M4 Show, month-view subset). 回退 Alias,禁写死。 */
|
|
2
|
+
export const calendarTokens = {
|
|
3
|
+
'calendar-bg': 'var(--cd-color-bg-0)',
|
|
4
|
+
'calendar-border': 'var(--cd-color-border)',
|
|
5
|
+
'calendar-header-bg': 'var(--cd-color-bg-1)',
|
|
6
|
+
'calendar-text': 'var(--cd-color-text-0)',
|
|
7
|
+
'calendar-text-secondary': 'var(--cd-color-text-2)',
|
|
8
|
+
'calendar-today-bg': 'var(--cd-color-primary-light-default)',
|
|
9
|
+
'calendar-today-fg': 'var(--cd-color-primary)',
|
|
10
|
+
'calendar-selected-border': 'var(--cd-color-primary)',
|
|
11
|
+
'calendar-range-bg': 'var(--cd-color-primary-light-default)',
|
|
12
|
+
'calendar-range-edge-bg': 'var(--cd-color-primary-light-default)',
|
|
13
|
+
'calendar-week-cell-min-h': '240px',
|
|
14
|
+
'calendar-weekend-bg': 'var(--cd-color-bg-1)',
|
|
15
|
+
'calendar-cell-bg-hover': 'var(--cd-color-fill-0)',
|
|
16
|
+
'calendar-event-default-bg': 'var(--cd-color-primary)',
|
|
17
|
+
'calendar-event-fg': 'var(--cd-color-bg-0)',
|
|
18
|
+
'calendar-disabled-bg': 'var(--cd-color-fill-0)',
|
|
19
|
+
'calendar-more-color': 'var(--cd-color-text-2)',
|
|
20
|
+
'calendar-cell-min-h': '96px',
|
|
21
|
+
'calendar-radius': 'var(--cd-radius-2)',
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,sBAAsB;IACrC,iBAAiB,EAAE,wBAAwB;IAC3C,oBAAoB,EAAE,sBAAsB;IAC5C,eAAe,EAAE,wBAAwB;IACzC,yBAAyB,EAAE,wBAAwB;IACnD,mBAAmB,EAAE,uCAAuC;IAC5D,mBAAmB,EAAE,yBAAyB;IAC9C,0BAA0B,EAAE,yBAAyB;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,wBAAwB,EAAE,uCAAuC;IACjE,0BAA0B,EAAE,OAAO;IACnC,qBAAqB,EAAE,sBAAsB;IAC7C,wBAAwB,EAAE,wBAAwB;IAClD,2BAA2B,EAAE,yBAAyB;IACtD,mBAAmB,EAAE,sBAAsB;IAC3C,sBAAsB,EAAE,wBAAwB;IAChD,qBAAqB,EAAE,wBAAwB;IAC/C,qBAAqB,EAAE,MAAM;IAC7B,iBAAiB,EAAE,oBAAoB;CAC/B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const chatTokens: {
|
|
2
|
+
readonly 'chat-bg': "var(--cd-color-bg-0)";
|
|
3
|
+
readonly 'chat-bubble-bg': "var(--cd-color-fill-0)";
|
|
4
|
+
readonly 'chat-bubble-bg-user': "var(--cd-color-primary-light-default)";
|
|
5
|
+
readonly 'chat-input-bg': "var(--cd-color-bg-0)";
|
|
6
|
+
readonly 'chat-radius': "var(--cd-radius-2)";
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=chat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/components/chat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const chatTokens = {
|
|
2
|
+
'chat-bg': 'var(--cd-color-bg-0)',
|
|
3
|
+
'chat-bubble-bg': 'var(--cd-color-fill-0)',
|
|
4
|
+
'chat-bubble-bg-user': 'var(--cd-color-primary-light-default)',
|
|
5
|
+
'chat-input-bg': 'var(--cd-color-bg-0)',
|
|
6
|
+
'chat-radius': 'var(--cd-radius-2)',
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=chat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../src/components/chat.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,sBAAsB;IACjC,gBAAgB,EAAE,wBAAwB;IAC1C,qBAAqB,EAAE,uCAAuC;IAC9D,eAAe,EAAE,sBAAsB;IACvC,aAAa,EAAE,oBAAoB;CAC3B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/** Component tokens for Checkbox. See specs/components/input/Checkbox.spec.md. */
|
|
2
|
+
export declare const checkboxTokens: {
|
|
3
|
+
readonly 'checkbox-size-default': "16px";
|
|
4
|
+
readonly 'checkbox-size-small': "14px";
|
|
5
|
+
readonly 'checkbox-size-large': "18px";
|
|
6
|
+
readonly 'checkbox-radius': "var(--cd-radius-1)";
|
|
7
|
+
readonly 'checkbox-border': "var(--cd-color-border)";
|
|
8
|
+
readonly 'checkbox-bg': "var(--cd-color-bg-0)";
|
|
9
|
+
readonly 'checkbox-bg-checked': "var(--cd-color-primary)";
|
|
10
|
+
readonly 'checkbox-border-checked': "var(--cd-color-primary)";
|
|
11
|
+
readonly 'checkbox-mark-color': "var(--cd-color-text-inverse)";
|
|
12
|
+
readonly 'checkbox-label-gap': "var(--cd-spacing-2)";
|
|
13
|
+
readonly 'checkbox-card-padding': "var(--cd-spacing-3) var(--cd-spacing-4)";
|
|
14
|
+
readonly 'checkbox-card-radius': "var(--cd-radius-2)";
|
|
15
|
+
readonly 'checkbox-card-bg': "var(--cd-color-bg-0)";
|
|
16
|
+
readonly 'checkbox-card-bg-hover': "var(--cd-color-bg-1)";
|
|
17
|
+
readonly 'checkbox-card-border': "var(--cd-color-border)";
|
|
18
|
+
readonly 'checkbox-card-border-checked': "var(--cd-color-primary)";
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAkBjB,CAAC"}
|