@qw-ui/tokens 0.3.0-next.2 → 0.3.0-next.22
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/README.md +8 -5
- package/dist/color-architecture.d.ts +139 -2
- package/dist/derive/index.d.ts +2 -2
- package/dist/derive/live-css.d.ts +1 -1
- package/dist/derive/reference.d.ts +62 -13
- package/dist/derive/semantic.d.ts +17 -1
- package/dist/derive/tailwind.d.ts +31 -0
- package/dist/design-doc.d.ts +1 -1
- package/dist/figma/color-contract.d.ts +2 -0
- package/dist/figma/color-snapshot.d.ts +4 -0
- package/dist/index.d.ts +5 -4
- package/dist/index.js +759 -240
- package/dist/index.js.map +1 -1
- package/dist/schema.d.ts +3 -3
- package/dist/tailwind.css +79 -0
- package/dist/tokens.css +257 -218
- package/dist/tokens.json +196 -93
- package/dist/tokens.live.css +127 -9
- package/dist/tokens.ts +198 -130
- package/package.json +2 -1
- package/dist/compat/build.d.ts +0 -14
- package/dist/compat/color.d.ts +0 -8
- package/dist/compat/index.d.ts +0 -5
- package/dist/compat/schema.d.ts +0 -114
package/dist/schema.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { z } from "zod";
|
|
2
2
|
/**
|
|
3
|
-
* SeedSchema — T1 Seed
|
|
3
|
+
* SeedSchema — T1 Seed 与兼容输入的运行时校验(RFC 0001 §2.1,v4 修订)。
|
|
4
4
|
*
|
|
5
5
|
* 五大类目 color/size/typography/motion/effect,字段结构对齐
|
|
6
|
-
* packages/tokens/design/seed.tokens.json
|
|
7
|
-
*
|
|
6
|
+
* packages/tokens/design/seed.tokens.json。部分已不再驱动 canonical T2 的字段暂时
|
|
7
|
+
* 保留为兼容输入;新 Reference 不得为了形式完整继续扩充伪 Seed。
|
|
8
8
|
*
|
|
9
9
|
* v3 变化:
|
|
10
10
|
* - 颜色全部结构化(DTCG Color module,支持 srgb/oklch)。
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/* @qw-ui/tokens — 由 seed derive() 生成,请勿手改。需先引入 tokens.css。 */
|
|
2
|
+
@theme inline {
|
|
3
|
+
--color-surface-base: var(--qw-sem-color-surface-base);
|
|
4
|
+
--color-surface-subtle: var(--qw-sem-color-surface-subtle);
|
|
5
|
+
--color-surface-elevated: var(--qw-sem-color-surface-elevated);
|
|
6
|
+
--color-surface-header: var(--qw-sem-color-surface-header);
|
|
7
|
+
--color-surface-brand-subtle: var(--qw-sem-color-surface-brand-subtle);
|
|
8
|
+
--color-surface-canvas: var(--qw-sem-color-surface-canvas);
|
|
9
|
+
--color-surface-sunken: var(--qw-sem-color-surface-sunken);
|
|
10
|
+
--color-surface-selected: var(--qw-sem-color-surface-selected);
|
|
11
|
+
--color-surface-inverse: var(--qw-sem-color-surface-inverse);
|
|
12
|
+
--color-surface-canvas-subtle: var(--qw-sem-color-surface-canvas-subtle);
|
|
13
|
+
--color-content-primary: var(--qw-sem-color-content-primary);
|
|
14
|
+
--color-content-secondary: var(--qw-sem-color-content-secondary);
|
|
15
|
+
--color-content-tertiary: var(--qw-sem-color-content-tertiary);
|
|
16
|
+
--color-content-placeholder: var(--qw-sem-color-content-placeholder);
|
|
17
|
+
--color-content-intro: var(--qw-sem-color-content-intro);
|
|
18
|
+
--color-content-disabled: var(--qw-sem-color-content-disabled);
|
|
19
|
+
--color-content-link: var(--qw-sem-color-content-link);
|
|
20
|
+
--color-content-icon-subtle: var(--qw-sem-color-content-icon-subtle);
|
|
21
|
+
--color-content-inverse: var(--qw-sem-color-content-inverse);
|
|
22
|
+
--color-content-on-solid: var(--qw-sem-color-content-on-solid);
|
|
23
|
+
--color-content-on-warning-subtle: var(--qw-sem-color-content-on-warning-subtle);
|
|
24
|
+
--color-border-default: var(--qw-sem-color-border-default);
|
|
25
|
+
--color-border-strong: var(--qw-sem-color-border-strong);
|
|
26
|
+
--color-border-focus: var(--qw-sem-color-border-focus);
|
|
27
|
+
--color-border-subtle: var(--qw-sem-color-border-subtle);
|
|
28
|
+
--color-border-disabled: var(--qw-sem-color-border-disabled);
|
|
29
|
+
--color-border-on-media: var(--qw-sem-color-border-on-media);
|
|
30
|
+
--color-fill-subtle: var(--qw-sem-color-fill-subtle);
|
|
31
|
+
--color-fill-hover: var(--qw-sem-color-fill-hover);
|
|
32
|
+
--color-fill-active: var(--qw-sem-color-fill-active);
|
|
33
|
+
--color-fill-disabled: var(--qw-sem-color-fill-disabled);
|
|
34
|
+
--color-fill-track: var(--qw-sem-color-fill-track);
|
|
35
|
+
--color-action-brand: var(--qw-sem-color-action-brand);
|
|
36
|
+
--color-action-product: var(--qw-sem-color-action-product);
|
|
37
|
+
--color-action-selected: var(--qw-sem-color-action-selected);
|
|
38
|
+
--color-action-inverse: var(--qw-sem-color-action-inverse);
|
|
39
|
+
--color-control-action-brand-subtle: var(--qw-sem-color-control-action-brand-subtle);
|
|
40
|
+
--color-control-action-product-subtle: var(--qw-sem-color-control-action-product-subtle);
|
|
41
|
+
--color-control-action-danger-default: var(--qw-sem-color-control-action-danger-default);
|
|
42
|
+
--color-control-action-danger-subtle: var(--qw-sem-color-control-action-danger-subtle);
|
|
43
|
+
--color-control-action-neutral-subtle: var(--qw-sem-color-control-action-neutral-subtle);
|
|
44
|
+
--color-control-selection-brand: var(--qw-sem-color-control-selection-brand);
|
|
45
|
+
--color-control-selection-product: var(--qw-sem-color-control-selection-product);
|
|
46
|
+
--color-selection-text-background: var(--qw-sem-color-selection-text-background);
|
|
47
|
+
--color-status-success: var(--qw-sem-color-status-success);
|
|
48
|
+
--color-status-warning: var(--qw-sem-color-status-warning);
|
|
49
|
+
--color-status-danger: var(--qw-sem-color-status-danger);
|
|
50
|
+
--color-status-info: var(--qw-sem-color-status-info);
|
|
51
|
+
--color-status-success-subtle: var(--qw-sem-color-status-success-subtle);
|
|
52
|
+
--color-status-warning-subtle: var(--qw-sem-color-status-warning-subtle);
|
|
53
|
+
--color-status-danger-subtle: var(--qw-sem-color-status-danger-subtle);
|
|
54
|
+
--color-status-info-subtle: var(--qw-sem-color-status-info-subtle);
|
|
55
|
+
--color-overlay-scrim: var(--qw-sem-color-overlay-scrim);
|
|
56
|
+
--color-overlay-guide: var(--qw-sem-color-overlay-guide);
|
|
57
|
+
--color-overlay-media-subtle: var(--qw-sem-color-overlay-media-subtle);
|
|
58
|
+
--color-overlay-media-strong: var(--qw-sem-color-overlay-media-strong);
|
|
59
|
+
--color-shadow: var(--qw-sem-color-shadow);
|
|
60
|
+
--radius-sm: var(--qw-sem-size-radius-sm);
|
|
61
|
+
--radius-control: var(--qw-sem-size-radius-control);
|
|
62
|
+
--radius-card: var(--qw-sem-size-radius-card);
|
|
63
|
+
--radius-xl: var(--qw-sem-size-radius-xl);
|
|
64
|
+
--radius-pill: var(--qw-sem-size-radius-pill);
|
|
65
|
+
--radius-full: var(--qw-sem-size-radius-full);
|
|
66
|
+
--spacing-inset-sm: var(--qw-sem-size-inset-sm);
|
|
67
|
+
--spacing-inset-md: var(--qw-sem-size-inset-md);
|
|
68
|
+
--spacing-inset-lg: var(--qw-sem-size-inset-lg);
|
|
69
|
+
--spacing-stack-sm: var(--qw-sem-size-stack-sm);
|
|
70
|
+
--spacing-stack-md: var(--qw-sem-size-stack-md);
|
|
71
|
+
--spacing-stack-lg: var(--qw-sem-size-stack-lg);
|
|
72
|
+
--font-text: var(--qw-sem-typography-font-family-text);
|
|
73
|
+
--font-number: var(--qw-sem-typography-font-family-number);
|
|
74
|
+
--font-code: var(--qw-sem-typography-font-family-code);
|
|
75
|
+
--shadow-card: var(--qw-sem-effect-shadow-card);
|
|
76
|
+
--shadow-floating: var(--qw-sem-effect-shadow-floating);
|
|
77
|
+
--shadow-dialog: var(--qw-sem-effect-shadow-dialog);
|
|
78
|
+
--ease-standard: var(--qw-sem-motion-easing-standard);
|
|
79
|
+
}
|