@verdify/tokens 0.6.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 +12 -0
- package/README.md +155 -0
- package/dist/preset-adaptive.css +17 -0
- package/dist/preset.css +221 -0
- package/dist/tokens.css +232 -0
- package/dist/tokens.d.ts +370 -0
- package/dist/tokens.js +4546 -0
- package/dist/tokens.json +228 -0
- package/dist/tokens.mjs +235 -0
- package/package.json +48 -0
- package/src/tokens/border-width.tokens.json +8 -0
- package/src/tokens/breakpoint.tokens.json +9 -0
- package/src/tokens/color.tokens.json +275 -0
- package/src/tokens/component.tokens.json +65 -0
- package/src/tokens/container.tokens.json +9 -0
- package/src/tokens/focus.tokens.json +9 -0
- package/src/tokens/font.tokens.json +22 -0
- package/src/tokens/motion.tokens.json +35 -0
- package/src/tokens/opacity.tokens.json +17 -0
- package/src/tokens/print.tokens.json +120 -0
- package/src/tokens/radius.tokens.json +10 -0
- package/src/tokens/shadow.tokens.json +29 -0
- package/src/tokens/size.tokens.json +14 -0
- package/src/tokens/space.tokens.json +23 -0
- package/src/tokens/state.tokens.json +11 -0
- package/src/tokens/text.tokens.json +64 -0
- package/src/tokens/verdify-print.ase +0 -0
- package/src/tokens/z-index.tokens.json +10 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"space": {
|
|
3
|
+
"0": { "$value": "0", "$type": "dimension", "$description": "Spacing step 0 (0px)" },
|
|
4
|
+
"1": { "$value": "0.25rem", "$type": "dimension", "$description": "Spacing step 1 (4px)" },
|
|
5
|
+
"2": { "$value": "0.5rem", "$type": "dimension", "$description": "Spacing step 2 (8px)" },
|
|
6
|
+
"3": { "$value": "0.75rem", "$type": "dimension", "$description": "Spacing step 3 (12px)" },
|
|
7
|
+
"4": { "$value": "1rem", "$type": "dimension", "$description": "Spacing step 4 (16px) — base unit" },
|
|
8
|
+
"5": { "$value": "1.25rem", "$type": "dimension", "$description": "Spacing step 5 (20px)" },
|
|
9
|
+
"6": { "$value": "1.5rem", "$type": "dimension", "$description": "Spacing step 6 (24px)" },
|
|
10
|
+
"7": { "$value": "1.75rem", "$type": "dimension", "$description": "Spacing step 7 (28px)" },
|
|
11
|
+
"8": { "$value": "2rem", "$type": "dimension", "$description": "Spacing step 8 (32px)" },
|
|
12
|
+
"9": { "$value": "2.25rem", "$type": "dimension", "$description": "Spacing step 9 (36px)" },
|
|
13
|
+
"10": { "$value": "2.5rem", "$type": "dimension", "$description": "Spacing step 10 (40px)" },
|
|
14
|
+
"11": { "$value": "2.75rem", "$type": "dimension", "$description": "Spacing step 11 (44px)" },
|
|
15
|
+
"12": { "$value": "3rem", "$type": "dimension", "$description": "Spacing step 12 (48px)" },
|
|
16
|
+
"14": { "$value": "3.5rem", "$type": "dimension", "$description": "Spacing step 14 (56px)" },
|
|
17
|
+
"16": { "$value": "4rem", "$type": "dimension", "$description": "Spacing step 16 (64px)" },
|
|
18
|
+
"20": { "$value": "5rem", "$type": "dimension", "$description": "Spacing step 20 (80px)" },
|
|
19
|
+
"24": { "$value": "6rem", "$type": "dimension", "$description": "Spacing step 24 (96px)" },
|
|
20
|
+
"28": { "$value": "7rem", "$type": "dimension", "$description": "Spacing step 28 (112px)" },
|
|
21
|
+
"32": { "$value": "8rem", "$type": "dimension", "$description": "Spacing step 32 (128px)" }
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"state": {
|
|
3
|
+
"opacity": {
|
|
4
|
+
"hover": { "$value": "0.08", "$type": "number", "$description": "Hover state-layer opacity overlay. Material-derived; per BR-2 spec D-10." },
|
|
5
|
+
"pressed": { "$value": "0.12", "$type": "number", "$description": "Pressed/active state-layer opacity overlay." },
|
|
6
|
+
"focus": { "$value": "0.12", "$type": "number", "$description": "Focused state-layer opacity overlay (in addition to focus ring)." },
|
|
7
|
+
"disabled": { "$value": "0.38", "$type": "number", "$description": "Disabled state opacity — applied to text or icon, not as overlay." },
|
|
8
|
+
"dragged": { "$value": "0.16", "$type": "number", "$description": "Dragged state-layer opacity overlay." }
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{
|
|
2
|
+
"text": {
|
|
3
|
+
"display": {
|
|
4
|
+
"size": { "$value": "3.5rem", "$type": "dimension", "$description": "Display heading size (56px); per BR-1 §5.2" },
|
|
5
|
+
"line-height": { "$value": "1.05", "$type": "number", "$description": "Display heading line-height" },
|
|
6
|
+
"letter-spacing": { "$value": "-0.025em", "$type": "dimension", "$description": "Display heading tracking" },
|
|
7
|
+
"weight": { "$value": "600", "$type": "fontWeight", "$description": "Display heading weight (semibold)" }
|
|
8
|
+
},
|
|
9
|
+
"h1": {
|
|
10
|
+
"size": { "$value": "2.25rem", "$type": "dimension", "$description": "H1 size (36px); per BR-1 §5.2" },
|
|
11
|
+
"line-height": { "$value": "1.15", "$type": "number", "$description": "H1 line-height" },
|
|
12
|
+
"letter-spacing": { "$value": "-0.022em", "$type": "dimension", "$description": "H1 tracking" },
|
|
13
|
+
"weight": { "$value": "600", "$type": "fontWeight", "$description": "H1 weight (semibold)" }
|
|
14
|
+
},
|
|
15
|
+
"h2": {
|
|
16
|
+
"size": { "$value": "1.625rem", "$type": "dimension", "$description": "H2 size (26px); per BR-1 §5.2" },
|
|
17
|
+
"line-height": { "$value": "1.25", "$type": "number", "$description": "H2 line-height" },
|
|
18
|
+
"letter-spacing": { "$value": "-0.018em", "$type": "dimension", "$description": "H2 tracking" },
|
|
19
|
+
"weight": { "$value": "500", "$type": "fontWeight", "$description": "H2 weight (medium)" }
|
|
20
|
+
},
|
|
21
|
+
"h3": {
|
|
22
|
+
"size": { "$value": "1.25rem", "$type": "dimension", "$description": "H3 size (20px); per BR-1 §5.2" },
|
|
23
|
+
"line-height": { "$value": "1.35", "$type": "number", "$description": "H3 line-height" },
|
|
24
|
+
"letter-spacing": { "$value": "-0.015em", "$type": "dimension", "$description": "H3 tracking" },
|
|
25
|
+
"weight": { "$value": "500", "$type": "fontWeight", "$description": "H3 weight (medium)" }
|
|
26
|
+
},
|
|
27
|
+
"body-lg": {
|
|
28
|
+
"size": { "$value": "1.0625rem","$type": "dimension", "$description": "Body large size (17px); per BR-1 §5.2" },
|
|
29
|
+
"line-height": { "$value": "1.55", "$type": "number", "$description": "Body large line-height" },
|
|
30
|
+
"letter-spacing": { "$value": "0", "$type": "dimension", "$description": "Body large tracking (none)" },
|
|
31
|
+
"weight": { "$value": "400", "$type": "fontWeight", "$description": "Body large weight (regular)" }
|
|
32
|
+
},
|
|
33
|
+
"body": {
|
|
34
|
+
"size": { "$value": "0.9375rem","$type": "dimension", "$description": "Body size (15px); per BR-1 §5.2. Consumers MUST apply a 16px reset on inputs to avoid iOS auto-zoom (per spec D-12)." },
|
|
35
|
+
"line-height": { "$value": "1.55", "$type": "number", "$description": "Body line-height" },
|
|
36
|
+
"letter-spacing": { "$value": "0", "$type": "dimension", "$description": "Body tracking (none)" },
|
|
37
|
+
"weight": { "$value": "400", "$type": "fontWeight", "$description": "Body weight (regular)" }
|
|
38
|
+
},
|
|
39
|
+
"caption": {
|
|
40
|
+
"size": { "$value": "0.75rem", "$type": "dimension", "$description": "Caption size (12px); per BR-1 §5.2" },
|
|
41
|
+
"line-height": { "$value": "1.45", "$type": "number", "$description": "Caption line-height" },
|
|
42
|
+
"letter-spacing": { "$value": "0.005em", "$type": "dimension", "$description": "Caption tracking" },
|
|
43
|
+
"weight": { "$value": "400", "$type": "fontWeight", "$description": "Caption weight (regular)" }
|
|
44
|
+
},
|
|
45
|
+
"label": {
|
|
46
|
+
"size": { "$value": "0.6875rem","$type": "dimension", "$description": "Label size (11px); UPPERCASE per BR-1 §5.4" },
|
|
47
|
+
"line-height": { "$value": "1.4", "$type": "number", "$description": "Label line-height" },
|
|
48
|
+
"letter-spacing": { "$value": "0.18em", "$type": "dimension", "$description": "Label tracking (wide; for eyebrows/labels)" },
|
|
49
|
+
"weight": { "$value": "500", "$type": "fontWeight", "$description": "Label weight (medium)" }
|
|
50
|
+
},
|
|
51
|
+
"mono-sm": {
|
|
52
|
+
"size": { "$value": "0.75rem", "$type": "dimension", "$description": "Mono small size (12px); per BR-1 §5.2" },
|
|
53
|
+
"line-height": { "$value": "1.5", "$type": "number", "$description": "Mono small line-height" },
|
|
54
|
+
"letter-spacing": { "$value": "0", "$type": "dimension", "$description": "Mono small tracking (none)" },
|
|
55
|
+
"weight": { "$value": "400", "$type": "fontWeight", "$description": "Mono small weight (regular)" }
|
|
56
|
+
},
|
|
57
|
+
"mono": {
|
|
58
|
+
"size": { "$value": "0.875rem", "$type": "dimension", "$description": "Mono size (14px); per BR-1 §5.2" },
|
|
59
|
+
"line-height": { "$value": "1.55", "$type": "number", "$description": "Mono line-height" },
|
|
60
|
+
"letter-spacing": { "$value": "0", "$type": "dimension", "$description": "Mono tracking (none)" },
|
|
61
|
+
"weight": { "$value": "400", "$type": "fontWeight", "$description": "Mono weight (regular)" }
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"z-index": {
|
|
3
|
+
"base": { "$value": "0", "$type": "number", "$description": "Base stacking — flat content" },
|
|
4
|
+
"dropdown": { "$value": "1000", "$type": "number", "$description": "Dropdown menus, comboboxes" },
|
|
5
|
+
"sticky": { "$value": "1100", "$type": "number", "$description": "Sticky headers, fixed bars" },
|
|
6
|
+
"modal": { "$value": "1200", "$type": "number", "$description": "Modal dialogs, sheets" },
|
|
7
|
+
"popover": { "$value": "1300", "$type": "number", "$description": "Popovers, tooltips above modals" },
|
|
8
|
+
"toast": { "$value": "1400", "$type": "number", "$description": "Toasts, notifications — highest" }
|
|
9
|
+
}
|
|
10
|
+
}
|