@arbor-css/globals 0.0.60 → 0.0.63
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/dist/context.d.ts +366 -2280
- package/dist/context.d.ts.map +1 -1
- package/dist/context.js +34 -10
- package/dist/context.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/prefixes.d.ts +24 -0
- package/dist/prefixes.d.ts.map +1 -0
- package/dist/prefixes.js +18 -0
- package/dist/prefixes.js.map +1 -0
- package/dist/systemProps.d.ts +175 -2275
- package/dist/systemProps.d.ts.map +1 -1
- package/dist/systemProps.js +18 -76
- package/dist/systemProps.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,wBAAgB,iBAAiB,CAAC,EACjC,eAAe,GACf,EAAE;IACF,eAAe,EAAE,WAAW,CAAC;CAC7B;;;;;;;;;;;;;8CAkF83B,CAAC;8BAAgD,CAAC;;;;;;;;;;;;kDAAsa,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;kDAAygB,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;;8CAA7kC,CAAC;8BAAgD,CAAC;;;;;;;;;;;;kDAAsa,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;kDAAygB,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;;8CAA7kC,CAAC;8BAAgD,CAAC;;;;;;;;;;;;kDAAsa,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;kDAAygB,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;;8CAA7kC,CAAC;8BAAgD,CAAC;;;;;;;;;;;;kDAAsa,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;kDAAygB,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;;8CAA7kC,CAAC;8BAAgD,CAAC;;;;;;;;;;;;kDAAsa,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;kDAAygB,CAAC;kCAAoD,CAAC;;;;;;;;;;;;;;;;;0CAA7kC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;8CAAsa,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;8CAAygB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;0CAA7kC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;8CAAsa,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;8CAAygB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CAA7kC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;8CAAsa,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;8CAAygB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;0CAA7kC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;8CAAsa,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;8CAAygB,CAAC;8BAAoD,CAAC;;;;;;;;EAH38D;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
package/dist/systemProps.js
CHANGED
|
@@ -1,48 +1,25 @@
|
|
|
1
1
|
import { createGlobalProps } from './globalProps.js';
|
|
2
|
-
function
|
|
3
|
-
return {
|
|
4
|
-
applied: createTokenValue(`${name}-applied`, {
|
|
5
|
-
description: `Stores the resolved ${descriptionName} before Arbor applies opacity handling.`,
|
|
6
|
-
tag: 'system',
|
|
7
|
-
type: 'color',
|
|
8
|
-
inherits: true,
|
|
9
|
-
}),
|
|
10
|
-
$root: createTokenValue(`${name}`, {
|
|
11
|
-
description: `Stores the final ${descriptionName} value Arbor applies in CSS.`,
|
|
12
|
-
tag: 'system',
|
|
13
|
-
type: 'color',
|
|
14
|
-
inherits: false,
|
|
15
|
-
}),
|
|
16
|
-
opacity: createTokenValue(`${name}-op`, {
|
|
17
|
-
description: `Controls the opacity Arbor applies to the ${descriptionName}.`,
|
|
18
|
-
tag: 'system',
|
|
19
|
-
type: 'number',
|
|
20
|
-
inherits: false,
|
|
21
|
-
fallback: '100%',
|
|
22
|
-
}),
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
export function createSystemProps({ createToken: createTokenValue, }) {
|
|
2
|
+
export function createSystemProps({ createMetaToken, }) {
|
|
26
3
|
const $labelProps = {
|
|
27
|
-
|
|
4
|
+
modeName: createMetaToken('modeName', {
|
|
28
5
|
description: 'Labels the currently applied mode name for debugging and styling hooks.',
|
|
29
6
|
tag: 'system',
|
|
30
7
|
type: 'string',
|
|
31
8
|
}),
|
|
32
|
-
|
|
9
|
+
schemeName: createMetaToken('schemeName', {
|
|
33
10
|
description: 'Labels the active color scheme name for debugging and styling hooks.',
|
|
34
11
|
tag: 'system',
|
|
35
12
|
type: 'string',
|
|
36
13
|
}),
|
|
37
14
|
};
|
|
38
15
|
const $dynamicProps = {
|
|
39
|
-
shadowColor:
|
|
16
|
+
shadowColor: createMetaToken('shadow-color', {
|
|
40
17
|
description: 'Stores the computed shadow color currently applied to the element.',
|
|
41
18
|
tag: 'system',
|
|
42
19
|
type: 'color',
|
|
43
20
|
fallback: 'rgba(0, 0, 0, 0.1)',
|
|
44
21
|
}),
|
|
45
|
-
shadowReverse:
|
|
22
|
+
shadowReverse: createMetaToken('shadow-reverse', {
|
|
46
23
|
description: 'Flips shadow direction for inverse elevation treatments.',
|
|
47
24
|
tag: 'system',
|
|
48
25
|
type: 'number',
|
|
@@ -50,31 +27,31 @@ export function createSystemProps({ createToken: createTokenValue, }) {
|
|
|
50
27
|
}),
|
|
51
28
|
};
|
|
52
29
|
const $schemeProps = {
|
|
53
|
-
invertMultiplier:
|
|
30
|
+
invertMultiplier: createMetaToken('scheme-invert-mult', {
|
|
54
31
|
description: 'Switches scheme-aware calculations between light and dark behavior.',
|
|
55
32
|
tag: 'system',
|
|
56
33
|
type: 'number',
|
|
57
34
|
fallback: 1,
|
|
58
35
|
}),
|
|
59
|
-
whenDark:
|
|
36
|
+
whenDark: createMetaToken('scheme-when-dark', {
|
|
60
37
|
description: 'Resolves to 1 in dark schemes and 0 in light schemes.',
|
|
61
38
|
tag: 'system',
|
|
62
39
|
type: 'number',
|
|
63
40
|
fallback: 0,
|
|
64
41
|
}),
|
|
65
|
-
whenLight:
|
|
42
|
+
whenLight: createMetaToken('scheme-when-light', {
|
|
66
43
|
description: 'Resolves to 1 in light schemes and 0 in dark schemes.',
|
|
67
44
|
tag: 'system',
|
|
68
45
|
type: 'number',
|
|
69
46
|
fallback: 1,
|
|
70
47
|
}),
|
|
71
|
-
trueLight:
|
|
48
|
+
trueLight: createMetaToken('scheme-true-light', {
|
|
72
49
|
description: 'Provides an absolute light reference color that does not change with scheme.',
|
|
73
50
|
tag: 'system',
|
|
74
51
|
type: 'color',
|
|
75
52
|
fallback: 'white',
|
|
76
53
|
}),
|
|
77
|
-
trueHeavy:
|
|
54
|
+
trueHeavy: createMetaToken('scheme-true-heavy', {
|
|
78
55
|
description: 'Provides an absolute dark reference color that does not change with scheme.',
|
|
79
56
|
tag: 'system',
|
|
80
57
|
type: 'color',
|
|
@@ -82,50 +59,15 @@ export function createSystemProps({ createToken: createTokenValue, }) {
|
|
|
82
59
|
}),
|
|
83
60
|
};
|
|
84
61
|
return {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
fg: makeSystemColorTokens('fg', 'foreground color', createTokenValue),
|
|
90
|
-
bg: {
|
|
91
|
-
...makeSystemColorTokens('bg', 'background color', createTokenValue),
|
|
92
|
-
contrast: createTokenValue(`bg-contrast`, {
|
|
93
|
-
description: 'Stores a contrast companion derived from the resolved background color.',
|
|
94
|
-
tag: 'system',
|
|
95
|
-
type: 'color',
|
|
96
|
-
inherits: true,
|
|
97
|
-
}),
|
|
62
|
+
// metadata
|
|
63
|
+
meta: {
|
|
64
|
+
...$labelProps,
|
|
65
|
+
scheme: $schemeProps,
|
|
98
66
|
},
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
left: makeSystemColorTokens('borderColor-left', 'left border color', createTokenValue),
|
|
104
|
-
right: makeSystemColorTokens('borderColor-right', 'right border color', createTokenValue),
|
|
105
|
-
},
|
|
106
|
-
ring: {
|
|
107
|
-
...makeSystemColorTokens('ring', 'focus ring color', createTokenValue),
|
|
108
|
-
target: createTokenValue(`ring-target`, {
|
|
109
|
-
description: 'Captures the source color Arbor should use when deriving the focus ring color.',
|
|
110
|
-
tag: 'system',
|
|
111
|
-
type: 'color',
|
|
112
|
-
inherits: false,
|
|
113
|
-
}),
|
|
114
|
-
},
|
|
115
|
-
ringOffset: {
|
|
116
|
-
...makeSystemColorTokens('ring-offset', 'focus ring offset color', createTokenValue),
|
|
117
|
-
target: createTokenValue(`ring-offset-target`, {
|
|
118
|
-
description: 'Captures the source color Arbor should use when deriving the focus ring offset color.',
|
|
119
|
-
tag: 'system',
|
|
120
|
-
type: 'color',
|
|
121
|
-
inherits: false,
|
|
122
|
-
}),
|
|
123
|
-
},
|
|
124
|
-
placeholder: makeSystemColorTokens('placeholder', 'placeholder color', createTokenValue),
|
|
125
|
-
accent: makeSystemColorTokens('accent', 'accent color', createTokenValue),
|
|
126
|
-
fill: makeSystemColorTokens('fill', 'fill color', createTokenValue),
|
|
127
|
-
stroke: makeSystemColorTokens('stroke', 'stroke color', createTokenValue),
|
|
128
|
-
shadow: makeSystemColorTokens('shadow', 'shadow color', createTokenValue),
|
|
67
|
+
// dynamic values
|
|
68
|
+
dynamic: $dynamicProps,
|
|
69
|
+
// scheme information
|
|
70
|
+
global: createGlobalProps({ createToken: createMetaToken }),
|
|
129
71
|
};
|
|
130
72
|
}
|
|
131
73
|
//# sourceMappingURL=systemProps.js.map
|
package/dist/systemProps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"systemProps.js","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,
|
|
1
|
+
{"version":3,"file":"systemProps.js","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,UAAU,iBAAiB,CAAC,EACjC,eAAe,GAGf;IACA,MAAM,WAAW,GAAG;QACnB,QAAQ,EAAE,eAAe,CAAC,UAAU,EAAE;YACrC,WAAW,EACV,yEAAyE;YAC1E,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;SACd,CAAC;QACF,UAAU,EAAE,eAAe,CAAC,YAAY,EAAE;YACzC,WAAW,EACV,sEAAsE;YACvE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;SACd,CAAC;KACF,CAAC;IAEF,MAAM,aAAa,GAAG;QACrB,WAAW,EAAE,eAAe,CAAC,cAAc,EAAE;YAC5C,WAAW,EACV,oEAAoE;YACrE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,oBAAoB;SAC9B,CAAC;QACF,aAAa,EAAE,eAAe,CAAC,gBAAgB,EAAE;YAChD,WAAW,EAAE,0DAA0D;YACvE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC;SACX,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAG;QACpB,gBAAgB,EAAE,eAAe,CAAC,oBAAoB,EAAE;YACvD,WAAW,EACV,qEAAqE;YACtE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC;SACX,CAAC;QACF,QAAQ,EAAE,eAAe,CAAC,kBAAkB,EAAE;YAC7C,WAAW,EAAE,uDAAuD;YACpE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC;SACX,CAAC;QACF,SAAS,EAAE,eAAe,CAAC,mBAAmB,EAAE;YAC/C,WAAW,EAAE,uDAAuD;YACpE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC;SACX,CAAC;QACF,SAAS,EAAE,eAAe,CAAC,mBAAmB,EAAE;YAC/C,WAAW,EACV,8EAA8E;YAC/E,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SACjB,CAAC;QACF,SAAS,EAAE,eAAe,CAAC,mBAAmB,EAAE;YAC/C,WAAW,EACV,6EAA6E;YAC9E,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;SACjB,CAAC;KACF,CAAC;IAEF,OAAO;QACN,WAAW;QACX,IAAI,EAAE;YACL,GAAG,WAAW;YACd,MAAM,EAAE,YAAY;SACpB;QACD,iBAAiB;QACjB,OAAO,EAAE,aAAa;QACtB,qBAAqB;QACrB,MAAM,EAAE,iBAAiB,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;KAC3D,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arbor-css/globals",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.63",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"vitest": "^4.1.7"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@arbor-css/tokens": "0.0.
|
|
29
|
-
"@arbor-css/functions": "0.0.
|
|
28
|
+
"@arbor-css/tokens": "0.0.63",
|
|
29
|
+
"@arbor-css/functions": "0.0.63"
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|
|
32
32
|
"build": "tsc",
|