@qpmtx/tokens 0.3.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/README.md +124 -0
- package/dist/css-var.d.ts +28 -0
- package/dist/css-var.d.ts.map +1 -0
- package/dist/css-var.js +17 -0
- package/dist/groups/colors-and-gradients.d.ts +646 -0
- package/dist/groups/colors-and-gradients.d.ts.map +1 -0
- package/dist/groups/colors-and-gradients.js +644 -0
- package/dist/groups/elevation-and-glow-shadows.d.ts +107 -0
- package/dist/groups/elevation-and-glow-shadows.d.ts.map +1 -0
- package/dist/groups/elevation-and-glow-shadows.js +105 -0
- package/dist/groups/motion-and-zindex.d.ts +137 -0
- package/dist/groups/motion-and-zindex.d.ts.map +1 -0
- package/dist/groups/motion-and-zindex.js +135 -0
- package/dist/groups/radius.d.ts +47 -0
- package/dist/groups/radius.d.ts.map +1 -0
- package/dist/groups/radius.js +45 -0
- package/dist/groups/spacing-and-layout.d.ts +157 -0
- package/dist/groups/spacing-and-layout.d.ts.map +1 -0
- package/dist/groups/spacing-and-layout.js +155 -0
- package/dist/groups/typography.d.ts +402 -0
- package/dist/groups/typography.d.ts.map +1 -0
- package/dist/groups/typography.js +400 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17 -0
- package/package.json +34 -0
- package/tokens.css +248 -0
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: elevation-and-glow-shadows
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export declare const elevationAndGlowShadows: {
|
|
15
|
+
readonly "elevation-critical": {
|
|
16
|
+
readonly raw: "0 24px 64px rgba(0,0,0,0.66),0 0 0 1px var(--status-error)";
|
|
17
|
+
readonly resolved: "0 24px 64px rgba(0,0,0,0.66),0 0 0 1px #F0475B";
|
|
18
|
+
readonly usedByComponentBundle: false;
|
|
19
|
+
};
|
|
20
|
+
readonly "elevation-dialog": {
|
|
21
|
+
readonly raw: "0 24px 64px rgba(0,0,0,0.62),0 0 0 1px var(--border-subtle)";
|
|
22
|
+
readonly resolved: "0 24px 64px rgba(0,0,0,0.62),0 0 0 1px #2B3442";
|
|
23
|
+
readonly usedByComponentBundle: true;
|
|
24
|
+
};
|
|
25
|
+
readonly "elevation-drawer": {
|
|
26
|
+
readonly raw: "-10px 0 40px rgba(0,0,0,0.55)";
|
|
27
|
+
readonly resolved: "-10px 0 40px rgba(0,0,0,0.55)";
|
|
28
|
+
readonly usedByComponentBundle: false;
|
|
29
|
+
};
|
|
30
|
+
readonly "elevation-flat": {
|
|
31
|
+
readonly raw: "none";
|
|
32
|
+
readonly resolved: "none";
|
|
33
|
+
readonly usedByComponentBundle: true;
|
|
34
|
+
};
|
|
35
|
+
readonly "elevation-interactive": {
|
|
36
|
+
readonly raw: "0 1px 2px rgba(0,0,0,0.35)";
|
|
37
|
+
readonly resolved: "0 1px 2px rgba(0,0,0,0.35)";
|
|
38
|
+
readonly usedByComponentBundle: true;
|
|
39
|
+
};
|
|
40
|
+
readonly "elevation-menu": {
|
|
41
|
+
readonly raw: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px var(--border-subtle)";
|
|
42
|
+
readonly resolved: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px #2B3442";
|
|
43
|
+
readonly usedByComponentBundle: false;
|
|
44
|
+
};
|
|
45
|
+
readonly "elevation-popover": {
|
|
46
|
+
readonly raw: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px var(--border-subtle)";
|
|
47
|
+
readonly resolved: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px #2B3442";
|
|
48
|
+
readonly usedByComponentBundle: true;
|
|
49
|
+
};
|
|
50
|
+
readonly "elevation-raised": {
|
|
51
|
+
readonly raw: "0 4px 14px rgba(0,0,0,0.40)";
|
|
52
|
+
readonly resolved: "0 4px 14px rgba(0,0,0,0.40)";
|
|
53
|
+
readonly usedByComponentBundle: true;
|
|
54
|
+
};
|
|
55
|
+
readonly "elevation-sticky-nav": {
|
|
56
|
+
readonly raw: "0 1px 0 var(--border-subtle)";
|
|
57
|
+
readonly resolved: "0 1px 0 #2B3442";
|
|
58
|
+
readonly usedByComponentBundle: false;
|
|
59
|
+
};
|
|
60
|
+
readonly "glow-brand-hero": {
|
|
61
|
+
readonly raw: "0 0 60px var(--glow-violet-strong),0 0 120px var(--glow-violet)";
|
|
62
|
+
readonly resolved: "0 0 60px rgba(139,92,246,0.65),0 0 120px rgba(124,58,237,0.45)";
|
|
63
|
+
readonly usedByComponentBundle: false;
|
|
64
|
+
};
|
|
65
|
+
readonly "glow-brand-medium": {
|
|
66
|
+
readonly raw: "0 0 0 1px var(--border-selected),0 0 32px var(--glow-violet-strong)";
|
|
67
|
+
readonly resolved: "0 0 0 1px #8B5CF6,0 0 32px rgba(139,92,246,0.65)";
|
|
68
|
+
readonly usedByComponentBundle: false;
|
|
69
|
+
};
|
|
70
|
+
readonly "glow-brand-subtle": {
|
|
71
|
+
readonly raw: "0 0 0 1px var(--border-interactive),0 0 18px var(--glow-violet)";
|
|
72
|
+
readonly resolved: "0 0 0 1px #7C3AED,0 0 18px rgba(124,58,237,0.45)";
|
|
73
|
+
readonly usedByComponentBundle: true;
|
|
74
|
+
};
|
|
75
|
+
readonly "glow-error": {
|
|
76
|
+
readonly raw: "0 0 14px rgba(240,71,91,0.34)";
|
|
77
|
+
readonly resolved: "0 0 14px rgba(240,71,91,0.34)";
|
|
78
|
+
readonly usedByComponentBundle: true;
|
|
79
|
+
};
|
|
80
|
+
readonly "glow-focus": {
|
|
81
|
+
readonly raw: "0 0 0 2px var(--bg-canvas),0 0 0 4px var(--border-focus),0 0 18px var(--glow-violet)";
|
|
82
|
+
readonly resolved: "0 0 0 2px #070A0F,0 0 0 4px #A78BFA,0 0 18px rgba(124,58,237,0.45)";
|
|
83
|
+
readonly usedByComponentBundle: true;
|
|
84
|
+
};
|
|
85
|
+
readonly "glow-signal": {
|
|
86
|
+
readonly raw: "0 0 14px var(--glow-cyan)";
|
|
87
|
+
readonly resolved: "0 0 14px rgba(34,211,238,0.40)";
|
|
88
|
+
readonly usedByComponentBundle: true;
|
|
89
|
+
};
|
|
90
|
+
readonly "glow-signal-strong": {
|
|
91
|
+
readonly raw: "0 0 26px var(--glow-cyan),0 0 60px rgba(34,211,238,0.18)";
|
|
92
|
+
readonly resolved: "0 0 26px rgba(34,211,238,0.40),0 0 60px rgba(34,211,238,0.18)";
|
|
93
|
+
readonly usedByComponentBundle: false;
|
|
94
|
+
};
|
|
95
|
+
readonly "glow-success": {
|
|
96
|
+
readonly raw: "0 0 14px rgba(47,191,113,0.34)";
|
|
97
|
+
readonly resolved: "0 0 14px rgba(47,191,113,0.34)";
|
|
98
|
+
readonly usedByComponentBundle: true;
|
|
99
|
+
};
|
|
100
|
+
readonly "glow-white-edge": {
|
|
101
|
+
readonly raw: "inset 0 1px 0 var(--glow-white)";
|
|
102
|
+
readonly resolved: "inset 0 1px 0 rgba(248,250,252,0.12)";
|
|
103
|
+
readonly usedByComponentBundle: true;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
export type ElevationAndGlowShadowsVarName = keyof typeof elevationAndGlowShadows;
|
|
107
|
+
//# sourceMappingURL=elevation-and-glow-shadows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elevation-and-glow-shadows.d.ts","sourceRoot":"","sources":["../../src/groups/elevation-and-glow-shadows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F1B,CAAC;AAEX,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: elevation-and-glow-shadows
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export const elevationAndGlowShadows = {
|
|
15
|
+
"elevation-critical": {
|
|
16
|
+
raw: "0 24px 64px rgba(0,0,0,0.66),0 0 0 1px var(--status-error)",
|
|
17
|
+
resolved: "0 24px 64px rgba(0,0,0,0.66),0 0 0 1px #F0475B",
|
|
18
|
+
usedByComponentBundle: false,
|
|
19
|
+
},
|
|
20
|
+
"elevation-dialog": {
|
|
21
|
+
raw: "0 24px 64px rgba(0,0,0,0.62),0 0 0 1px var(--border-subtle)",
|
|
22
|
+
resolved: "0 24px 64px rgba(0,0,0,0.62),0 0 0 1px #2B3442",
|
|
23
|
+
usedByComponentBundle: true,
|
|
24
|
+
},
|
|
25
|
+
"elevation-drawer": {
|
|
26
|
+
raw: "-10px 0 40px rgba(0,0,0,0.55)",
|
|
27
|
+
resolved: "-10px 0 40px rgba(0,0,0,0.55)",
|
|
28
|
+
usedByComponentBundle: false,
|
|
29
|
+
},
|
|
30
|
+
"elevation-flat": {
|
|
31
|
+
raw: "none",
|
|
32
|
+
resolved: "none",
|
|
33
|
+
usedByComponentBundle: true,
|
|
34
|
+
},
|
|
35
|
+
"elevation-interactive": {
|
|
36
|
+
raw: "0 1px 2px rgba(0,0,0,0.35)",
|
|
37
|
+
resolved: "0 1px 2px rgba(0,0,0,0.35)",
|
|
38
|
+
usedByComponentBundle: true,
|
|
39
|
+
},
|
|
40
|
+
"elevation-menu": {
|
|
41
|
+
raw: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px var(--border-subtle)",
|
|
42
|
+
resolved: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px #2B3442",
|
|
43
|
+
usedByComponentBundle: false,
|
|
44
|
+
},
|
|
45
|
+
"elevation-popover": {
|
|
46
|
+
raw: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px var(--border-subtle)",
|
|
47
|
+
resolved: "0 10px 30px rgba(0,0,0,0.50),0 0 0 1px #2B3442",
|
|
48
|
+
usedByComponentBundle: true,
|
|
49
|
+
},
|
|
50
|
+
"elevation-raised": {
|
|
51
|
+
raw: "0 4px 14px rgba(0,0,0,0.40)",
|
|
52
|
+
resolved: "0 4px 14px rgba(0,0,0,0.40)",
|
|
53
|
+
usedByComponentBundle: true,
|
|
54
|
+
},
|
|
55
|
+
"elevation-sticky-nav": {
|
|
56
|
+
raw: "0 1px 0 var(--border-subtle)",
|
|
57
|
+
resolved: "0 1px 0 #2B3442",
|
|
58
|
+
usedByComponentBundle: false,
|
|
59
|
+
},
|
|
60
|
+
"glow-brand-hero": {
|
|
61
|
+
raw: "0 0 60px var(--glow-violet-strong),0 0 120px var(--glow-violet)",
|
|
62
|
+
resolved: "0 0 60px rgba(139,92,246,0.65),0 0 120px rgba(124,58,237,0.45)",
|
|
63
|
+
usedByComponentBundle: false,
|
|
64
|
+
},
|
|
65
|
+
"glow-brand-medium": {
|
|
66
|
+
raw: "0 0 0 1px var(--border-selected),0 0 32px var(--glow-violet-strong)",
|
|
67
|
+
resolved: "0 0 0 1px #8B5CF6,0 0 32px rgba(139,92,246,0.65)",
|
|
68
|
+
usedByComponentBundle: false,
|
|
69
|
+
},
|
|
70
|
+
"glow-brand-subtle": {
|
|
71
|
+
raw: "0 0 0 1px var(--border-interactive),0 0 18px var(--glow-violet)",
|
|
72
|
+
resolved: "0 0 0 1px #7C3AED,0 0 18px rgba(124,58,237,0.45)",
|
|
73
|
+
usedByComponentBundle: true,
|
|
74
|
+
},
|
|
75
|
+
"glow-error": {
|
|
76
|
+
raw: "0 0 14px rgba(240,71,91,0.34)",
|
|
77
|
+
resolved: "0 0 14px rgba(240,71,91,0.34)",
|
|
78
|
+
usedByComponentBundle: true,
|
|
79
|
+
},
|
|
80
|
+
"glow-focus": {
|
|
81
|
+
raw: "0 0 0 2px var(--bg-canvas),0 0 0 4px var(--border-focus),0 0 18px var(--glow-violet)",
|
|
82
|
+
resolved: "0 0 0 2px #070A0F,0 0 0 4px #A78BFA,0 0 18px rgba(124,58,237,0.45)",
|
|
83
|
+
usedByComponentBundle: true,
|
|
84
|
+
},
|
|
85
|
+
"glow-signal": {
|
|
86
|
+
raw: "0 0 14px var(--glow-cyan)",
|
|
87
|
+
resolved: "0 0 14px rgba(34,211,238,0.40)",
|
|
88
|
+
usedByComponentBundle: true,
|
|
89
|
+
},
|
|
90
|
+
"glow-signal-strong": {
|
|
91
|
+
raw: "0 0 26px var(--glow-cyan),0 0 60px rgba(34,211,238,0.18)",
|
|
92
|
+
resolved: "0 0 26px rgba(34,211,238,0.40),0 0 60px rgba(34,211,238,0.18)",
|
|
93
|
+
usedByComponentBundle: false,
|
|
94
|
+
},
|
|
95
|
+
"glow-success": {
|
|
96
|
+
raw: "0 0 14px rgba(47,191,113,0.34)",
|
|
97
|
+
resolved: "0 0 14px rgba(47,191,113,0.34)",
|
|
98
|
+
usedByComponentBundle: true,
|
|
99
|
+
},
|
|
100
|
+
"glow-white-edge": {
|
|
101
|
+
raw: "inset 0 1px 0 var(--glow-white)",
|
|
102
|
+
resolved: "inset 0 1px 0 rgba(248,250,252,0.12)",
|
|
103
|
+
usedByComponentBundle: true,
|
|
104
|
+
},
|
|
105
|
+
};
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: motion-and-zindex
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export declare const motionAndZIndex: {
|
|
15
|
+
readonly "breakpoint-desktop": {
|
|
16
|
+
readonly raw: "1440px";
|
|
17
|
+
readonly resolved: "1440px";
|
|
18
|
+
readonly usedByComponentBundle: false;
|
|
19
|
+
};
|
|
20
|
+
readonly "breakpoint-laptop": {
|
|
21
|
+
readonly raw: "1024px";
|
|
22
|
+
readonly resolved: "1024px";
|
|
23
|
+
readonly usedByComponentBundle: false;
|
|
24
|
+
};
|
|
25
|
+
readonly "breakpoint-mobile": {
|
|
26
|
+
readonly raw: "480px";
|
|
27
|
+
readonly resolved: "480px";
|
|
28
|
+
readonly usedByComponentBundle: false;
|
|
29
|
+
};
|
|
30
|
+
readonly "breakpoint-tablet": {
|
|
31
|
+
readonly raw: "768px";
|
|
32
|
+
readonly resolved: "768px";
|
|
33
|
+
readonly usedByComponentBundle: false;
|
|
34
|
+
};
|
|
35
|
+
readonly "breakpoint-wide": {
|
|
36
|
+
readonly raw: "1920px";
|
|
37
|
+
readonly resolved: "1920px";
|
|
38
|
+
readonly usedByComponentBundle: false;
|
|
39
|
+
};
|
|
40
|
+
readonly "duration-ambient": {
|
|
41
|
+
readonly raw: "2400ms";
|
|
42
|
+
readonly resolved: "2400ms";
|
|
43
|
+
readonly usedByComponentBundle: true;
|
|
44
|
+
};
|
|
45
|
+
readonly "duration-fast": {
|
|
46
|
+
readonly raw: "160ms";
|
|
47
|
+
readonly resolved: "160ms";
|
|
48
|
+
readonly usedByComponentBundle: true;
|
|
49
|
+
};
|
|
50
|
+
readonly "duration-flow": {
|
|
51
|
+
readonly raw: "3600ms";
|
|
52
|
+
readonly resolved: "3600ms";
|
|
53
|
+
readonly usedByComponentBundle: true;
|
|
54
|
+
};
|
|
55
|
+
readonly "duration-instant": {
|
|
56
|
+
readonly raw: "80ms";
|
|
57
|
+
readonly resolved: "80ms";
|
|
58
|
+
readonly usedByComponentBundle: true;
|
|
59
|
+
};
|
|
60
|
+
readonly "duration-slow": {
|
|
61
|
+
readonly raw: "450ms";
|
|
62
|
+
readonly resolved: "450ms";
|
|
63
|
+
readonly usedByComponentBundle: true;
|
|
64
|
+
};
|
|
65
|
+
readonly "duration-standard": {
|
|
66
|
+
readonly raw: "280ms";
|
|
67
|
+
readonly resolved: "280ms";
|
|
68
|
+
readonly usedByComponentBundle: true;
|
|
69
|
+
};
|
|
70
|
+
readonly "ease-in": {
|
|
71
|
+
readonly raw: "cubic-bezier(0.4,0,1,1)";
|
|
72
|
+
readonly resolved: "cubic-bezier(0.4,0,1,1)";
|
|
73
|
+
readonly usedByComponentBundle: false;
|
|
74
|
+
};
|
|
75
|
+
readonly "ease-inout": {
|
|
76
|
+
readonly raw: "cubic-bezier(0.65,0,0.35,1)";
|
|
77
|
+
readonly resolved: "cubic-bezier(0.65,0,0.35,1)";
|
|
78
|
+
readonly usedByComponentBundle: true;
|
|
79
|
+
};
|
|
80
|
+
readonly "ease-out": {
|
|
81
|
+
readonly raw: "cubic-bezier(0.16,1,0.3,1)";
|
|
82
|
+
readonly resolved: "cubic-bezier(0.16,1,0.3,1)";
|
|
83
|
+
readonly usedByComponentBundle: true;
|
|
84
|
+
};
|
|
85
|
+
readonly "ease-standard": {
|
|
86
|
+
readonly raw: "cubic-bezier(0.22,1,0.36,1)";
|
|
87
|
+
readonly resolved: "cubic-bezier(0.22,1,0.36,1)";
|
|
88
|
+
readonly usedByComponentBundle: true;
|
|
89
|
+
};
|
|
90
|
+
readonly "spring-damping": {
|
|
91
|
+
readonly raw: "30";
|
|
92
|
+
readonly resolved: "30";
|
|
93
|
+
readonly usedByComponentBundle: false;
|
|
94
|
+
};
|
|
95
|
+
readonly "spring-stiffness": {
|
|
96
|
+
readonly raw: "260";
|
|
97
|
+
readonly resolved: "260";
|
|
98
|
+
readonly usedByComponentBundle: false;
|
|
99
|
+
};
|
|
100
|
+
readonly "z-critical": {
|
|
101
|
+
readonly raw: "700";
|
|
102
|
+
readonly resolved: "700";
|
|
103
|
+
readonly usedByComponentBundle: false;
|
|
104
|
+
};
|
|
105
|
+
readonly "z-dialog": {
|
|
106
|
+
readonly raw: "500";
|
|
107
|
+
readonly resolved: "500";
|
|
108
|
+
readonly usedByComponentBundle: true;
|
|
109
|
+
};
|
|
110
|
+
readonly "z-drawer": {
|
|
111
|
+
readonly raw: "300";
|
|
112
|
+
readonly resolved: "300";
|
|
113
|
+
readonly usedByComponentBundle: false;
|
|
114
|
+
};
|
|
115
|
+
readonly "z-dropdown": {
|
|
116
|
+
readonly raw: "200";
|
|
117
|
+
readonly resolved: "200";
|
|
118
|
+
readonly usedByComponentBundle: true;
|
|
119
|
+
};
|
|
120
|
+
readonly "z-nav": {
|
|
121
|
+
readonly raw: "100";
|
|
122
|
+
readonly resolved: "100";
|
|
123
|
+
readonly usedByComponentBundle: false;
|
|
124
|
+
};
|
|
125
|
+
readonly "z-overlay": {
|
|
126
|
+
readonly raw: "400";
|
|
127
|
+
readonly resolved: "400";
|
|
128
|
+
readonly usedByComponentBundle: false;
|
|
129
|
+
};
|
|
130
|
+
readonly "z-toast": {
|
|
131
|
+
readonly raw: "600";
|
|
132
|
+
readonly resolved: "600";
|
|
133
|
+
readonly usedByComponentBundle: false;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
export type MotionAndZIndexVarName = keyof typeof motionAndZIndex;
|
|
137
|
+
//# sourceMappingURL=motion-and-zindex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-and-zindex.d.ts","sourceRoot":"","sources":["../../src/groups/motion-and-zindex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHlB,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,eAAe,CAAC"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: motion-and-zindex
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export const motionAndZIndex = {
|
|
15
|
+
"breakpoint-desktop": {
|
|
16
|
+
raw: "1440px",
|
|
17
|
+
resolved: "1440px",
|
|
18
|
+
usedByComponentBundle: false,
|
|
19
|
+
},
|
|
20
|
+
"breakpoint-laptop": {
|
|
21
|
+
raw: "1024px",
|
|
22
|
+
resolved: "1024px",
|
|
23
|
+
usedByComponentBundle: false,
|
|
24
|
+
},
|
|
25
|
+
"breakpoint-mobile": {
|
|
26
|
+
raw: "480px",
|
|
27
|
+
resolved: "480px",
|
|
28
|
+
usedByComponentBundle: false,
|
|
29
|
+
},
|
|
30
|
+
"breakpoint-tablet": {
|
|
31
|
+
raw: "768px",
|
|
32
|
+
resolved: "768px",
|
|
33
|
+
usedByComponentBundle: false,
|
|
34
|
+
},
|
|
35
|
+
"breakpoint-wide": {
|
|
36
|
+
raw: "1920px",
|
|
37
|
+
resolved: "1920px",
|
|
38
|
+
usedByComponentBundle: false,
|
|
39
|
+
},
|
|
40
|
+
"duration-ambient": {
|
|
41
|
+
raw: "2400ms",
|
|
42
|
+
resolved: "2400ms",
|
|
43
|
+
usedByComponentBundle: true,
|
|
44
|
+
},
|
|
45
|
+
"duration-fast": {
|
|
46
|
+
raw: "160ms",
|
|
47
|
+
resolved: "160ms",
|
|
48
|
+
usedByComponentBundle: true,
|
|
49
|
+
},
|
|
50
|
+
"duration-flow": {
|
|
51
|
+
raw: "3600ms",
|
|
52
|
+
resolved: "3600ms",
|
|
53
|
+
usedByComponentBundle: true,
|
|
54
|
+
},
|
|
55
|
+
"duration-instant": {
|
|
56
|
+
raw: "80ms",
|
|
57
|
+
resolved: "80ms",
|
|
58
|
+
usedByComponentBundle: true,
|
|
59
|
+
},
|
|
60
|
+
"duration-slow": {
|
|
61
|
+
raw: "450ms",
|
|
62
|
+
resolved: "450ms",
|
|
63
|
+
usedByComponentBundle: true,
|
|
64
|
+
},
|
|
65
|
+
"duration-standard": {
|
|
66
|
+
raw: "280ms",
|
|
67
|
+
resolved: "280ms",
|
|
68
|
+
usedByComponentBundle: true,
|
|
69
|
+
},
|
|
70
|
+
"ease-in": {
|
|
71
|
+
raw: "cubic-bezier(0.4,0,1,1)",
|
|
72
|
+
resolved: "cubic-bezier(0.4,0,1,1)",
|
|
73
|
+
usedByComponentBundle: false,
|
|
74
|
+
},
|
|
75
|
+
"ease-inout": {
|
|
76
|
+
raw: "cubic-bezier(0.65,0,0.35,1)",
|
|
77
|
+
resolved: "cubic-bezier(0.65,0,0.35,1)",
|
|
78
|
+
usedByComponentBundle: true,
|
|
79
|
+
},
|
|
80
|
+
"ease-out": {
|
|
81
|
+
raw: "cubic-bezier(0.16,1,0.3,1)",
|
|
82
|
+
resolved: "cubic-bezier(0.16,1,0.3,1)",
|
|
83
|
+
usedByComponentBundle: true,
|
|
84
|
+
},
|
|
85
|
+
"ease-standard": {
|
|
86
|
+
raw: "cubic-bezier(0.22,1,0.36,1)",
|
|
87
|
+
resolved: "cubic-bezier(0.22,1,0.36,1)",
|
|
88
|
+
usedByComponentBundle: true,
|
|
89
|
+
},
|
|
90
|
+
"spring-damping": {
|
|
91
|
+
raw: "30",
|
|
92
|
+
resolved: "30",
|
|
93
|
+
usedByComponentBundle: false,
|
|
94
|
+
},
|
|
95
|
+
"spring-stiffness": {
|
|
96
|
+
raw: "260",
|
|
97
|
+
resolved: "260",
|
|
98
|
+
usedByComponentBundle: false,
|
|
99
|
+
},
|
|
100
|
+
"z-critical": {
|
|
101
|
+
raw: "700",
|
|
102
|
+
resolved: "700",
|
|
103
|
+
usedByComponentBundle: false,
|
|
104
|
+
},
|
|
105
|
+
"z-dialog": {
|
|
106
|
+
raw: "500",
|
|
107
|
+
resolved: "500",
|
|
108
|
+
usedByComponentBundle: true,
|
|
109
|
+
},
|
|
110
|
+
"z-drawer": {
|
|
111
|
+
raw: "300",
|
|
112
|
+
resolved: "300",
|
|
113
|
+
usedByComponentBundle: false,
|
|
114
|
+
},
|
|
115
|
+
"z-dropdown": {
|
|
116
|
+
raw: "200",
|
|
117
|
+
resolved: "200",
|
|
118
|
+
usedByComponentBundle: true,
|
|
119
|
+
},
|
|
120
|
+
"z-nav": {
|
|
121
|
+
raw: "100",
|
|
122
|
+
resolved: "100",
|
|
123
|
+
usedByComponentBundle: false,
|
|
124
|
+
},
|
|
125
|
+
"z-overlay": {
|
|
126
|
+
raw: "400",
|
|
127
|
+
resolved: "400",
|
|
128
|
+
usedByComponentBundle: false,
|
|
129
|
+
},
|
|
130
|
+
"z-toast": {
|
|
131
|
+
raw: "600",
|
|
132
|
+
resolved: "600",
|
|
133
|
+
usedByComponentBundle: false,
|
|
134
|
+
},
|
|
135
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: radius
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export declare const radius: {
|
|
15
|
+
readonly "radius-full": {
|
|
16
|
+
readonly raw: "999px";
|
|
17
|
+
readonly resolved: "999px";
|
|
18
|
+
readonly usedByComponentBundle: true;
|
|
19
|
+
};
|
|
20
|
+
readonly "radius-lg": {
|
|
21
|
+
readonly raw: "12px";
|
|
22
|
+
readonly resolved: "12px";
|
|
23
|
+
readonly usedByComponentBundle: true;
|
|
24
|
+
};
|
|
25
|
+
readonly "radius-md": {
|
|
26
|
+
readonly raw: "8px";
|
|
27
|
+
readonly resolved: "8px";
|
|
28
|
+
readonly usedByComponentBundle: true;
|
|
29
|
+
};
|
|
30
|
+
readonly "radius-none": {
|
|
31
|
+
readonly raw: "0px";
|
|
32
|
+
readonly resolved: "0px";
|
|
33
|
+
readonly usedByComponentBundle: false;
|
|
34
|
+
};
|
|
35
|
+
readonly "radius-sm": {
|
|
36
|
+
readonly raw: "4px";
|
|
37
|
+
readonly resolved: "4px";
|
|
38
|
+
readonly usedByComponentBundle: true;
|
|
39
|
+
};
|
|
40
|
+
readonly "radius-xl": {
|
|
41
|
+
readonly raw: "20px";
|
|
42
|
+
readonly resolved: "20px";
|
|
43
|
+
readonly usedByComponentBundle: false;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export type RadiusVarName = keyof typeof radius;
|
|
47
|
+
//# sourceMappingURL=radius.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/groups/radius.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BT,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QPMatrix design tokens - group: radius
|
|
3
|
+
*
|
|
4
|
+
* AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
|
|
5
|
+
* from the QPMatrix Design System export). Do not hand-edit values here - regenerate
|
|
6
|
+
* from the live source per packages/.agents/skills/tokens/SKILL.md instead.
|
|
7
|
+
*
|
|
8
|
+
* Each entry mirrors the source JSON 1:1:
|
|
9
|
+
* raw - the literal CSS declaration value (may reference other vars)
|
|
10
|
+
* resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
|
|
11
|
+
* light - present only for tokens overridden by [data-theme="light"]
|
|
12
|
+
* usedByComponentBundle - whether the owner's component bundle references this token
|
|
13
|
+
*/
|
|
14
|
+
export const radius = {
|
|
15
|
+
"radius-full": {
|
|
16
|
+
raw: "999px",
|
|
17
|
+
resolved: "999px",
|
|
18
|
+
usedByComponentBundle: true,
|
|
19
|
+
},
|
|
20
|
+
"radius-lg": {
|
|
21
|
+
raw: "12px",
|
|
22
|
+
resolved: "12px",
|
|
23
|
+
usedByComponentBundle: true,
|
|
24
|
+
},
|
|
25
|
+
"radius-md": {
|
|
26
|
+
raw: "8px",
|
|
27
|
+
resolved: "8px",
|
|
28
|
+
usedByComponentBundle: true,
|
|
29
|
+
},
|
|
30
|
+
"radius-none": {
|
|
31
|
+
raw: "0px",
|
|
32
|
+
resolved: "0px",
|
|
33
|
+
usedByComponentBundle: false,
|
|
34
|
+
},
|
|
35
|
+
"radius-sm": {
|
|
36
|
+
raw: "4px",
|
|
37
|
+
resolved: "4px",
|
|
38
|
+
usedByComponentBundle: true,
|
|
39
|
+
},
|
|
40
|
+
"radius-xl": {
|
|
41
|
+
raw: "20px",
|
|
42
|
+
resolved: "20px",
|
|
43
|
+
usedByComponentBundle: false,
|
|
44
|
+
},
|
|
45
|
+
};
|