@arbor-css/classes 0.0.1
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/_test.d.ts +278 -0
- package/dist/_test.d.ts.map +1 -0
- package/dist/_test.js +30 -0
- package/dist/_test.js.map +1 -0
- package/dist/_util.d.ts +2 -0
- package/dist/_util.d.ts.map +1 -0
- package/dist/_util.js +2 -0
- package/dist/_util.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +49 -0
- package/dist/index.js.map +1 -0
- package/dist/props.d.ts +2 -0
- package/dist/props.d.ts.map +1 -0
- package/dist/props.js +2 -0
- package/dist/props.js.map +1 -0
- package/dist/rules/_test.d.ts +4 -0
- package/dist/rules/_test.d.ts.map +1 -0
- package/dist/rules/_test.js +60 -0
- package/dist/rules/_test.js.map +1 -0
- package/dist/rules/_util.d.ts +29 -0
- package/dist/rules/_util.d.ts.map +1 -0
- package/dist/rules/_util.js +79 -0
- package/dist/rules/_util.js.map +1 -0
- package/dist/rules/align.d.ts +5 -0
- package/dist/rules/align.d.ts.map +1 -0
- package/dist/rules/align.js +38 -0
- package/dist/rules/align.js.map +1 -0
- package/dist/rules/animations.d.ts +4 -0
- package/dist/rules/animations.d.ts.map +1 -0
- package/dist/rules/animations.js +135 -0
- package/dist/rules/animations.js.map +1 -0
- package/dist/rules/background.d.ts +2 -0
- package/dist/rules/background.d.ts.map +1 -0
- package/dist/rules/background.js +2 -0
- package/dist/rules/background.js.map +1 -0
- package/dist/rules/border.d.ts +4 -0
- package/dist/rules/border.d.ts.map +1 -0
- package/dist/rules/border.js +125 -0
- package/dist/rules/border.js.map +1 -0
- package/dist/rules/border.test.d.ts +2 -0
- package/dist/rules/border.test.d.ts.map +1 -0
- package/dist/rules/border.test.js +104 -0
- package/dist/rules/border.test.js.map +1 -0
- package/dist/rules/color.d.ts +4 -0
- package/dist/rules/color.d.ts.map +1 -0
- package/dist/rules/color.js +156 -0
- package/dist/rules/color.js.map +1 -0
- package/dist/rules/color.test.d.ts +2 -0
- package/dist/rules/color.test.d.ts.map +1 -0
- package/dist/rules/color.test.js +104 -0
- package/dist/rules/color.test.js.map +1 -0
- package/dist/rules/colors.d.ts +1 -0
- package/dist/rules/colors.d.ts.map +1 -0
- package/dist/rules/colors.js +2 -0
- package/dist/rules/colors.js.map +1 -0
- package/dist/rules/index.d.ts +4 -0
- package/dist/rules/index.d.ts.map +1 -0
- package/dist/rules/index.js +15 -0
- package/dist/rules/index.js.map +1 -0
- package/dist/rules/shadow.d.ts +4 -0
- package/dist/rules/shadow.d.ts.map +1 -0
- package/dist/rules/shadow.js +51 -0
- package/dist/rules/shadow.js.map +1 -0
- package/dist/rules/spacing.d.ts +4 -0
- package/dist/rules/spacing.d.ts.map +1 -0
- package/dist/rules/spacing.js +27 -0
- package/dist/rules/spacing.js.map +1 -0
- package/dist/rules/spacing.test.d.ts +2 -0
- package/dist/rules/spacing.test.d.ts.map +1 -0
- package/dist/rules/spacing.test.js +44 -0
- package/dist/rules/spacing.test.js.map +1 -0
- package/dist/rules/typography.d.ts +4 -0
- package/dist/rules/typography.d.ts.map +1 -0
- package/dist/rules/typography.js +129 -0
- package/dist/rules/typography.js.map +1 -0
- package/dist/rules/util.d.ts +2 -0
- package/dist/rules/util.d.ts.map +1 -0
- package/dist/rules/util.js +2 -0
- package/dist/rules/util.js.map +1 -0
- package/dist/theme/index.d.ts +10 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +79 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/types.d.ts +11 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +2 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/util/alters.d.ts +7 -0
- package/dist/util/alters.d.ts.map +1 -0
- package/dist/util/alters.js +58 -0
- package/dist/util/alters.js.map +1 -0
- package/dist/util/color.d.ts +11 -0
- package/dist/util/color.d.ts.map +1 -0
- package/dist/util/color.js +25 -0
- package/dist/util/color.js.map +1 -0
- package/dist/util/concat.d.ts +3 -0
- package/dist/util/concat.d.ts.map +1 -0
- package/dist/util/concat.js +7 -0
- package/dist/util/concat.js.map +1 -0
- package/dist/util/control.d.ts +2 -0
- package/dist/util/control.d.ts.map +1 -0
- package/dist/util/control.js +2 -0
- package/dist/util/control.js.map +1 -0
- package/dist/util/h.d.ts +4 -0
- package/dist/util/h.d.ts.map +1 -0
- package/dist/util/h.js +6 -0
- package/dist/util/h.js.map +1 -0
- package/dist/util/handlers.d.ts +18 -0
- package/dist/util/handlers.d.ts.map +1 -0
- package/dist/util/handlers.js +253 -0
- package/dist/util/handlers.js.map +1 -0
- package/dist/util/mappings.d.ts +24 -0
- package/dist/util/mappings.d.ts.map +1 -0
- package/dist/util/mappings.js +37 -0
- package/dist/util/mappings.js.map +1 -0
- package/dist/util/matchers.d.ts +2 -0
- package/dist/util/matchers.d.ts.map +1 -0
- package/dist/util/matchers.js +6 -0
- package/dist/util/matchers.js.map +1 -0
- package/dist/util/regex.d.ts +7 -0
- package/dist/util/regex.d.ts.map +1 -0
- package/dist/util/regex.js +17 -0
- package/dist/util/regex.js.map +1 -0
- package/dist/util/tests.d.ts +11 -0
- package/dist/util/tests.d.ts.map +1 -0
- package/dist/util/tests.js +19 -0
- package/dist/util/tests.js.map +1 -0
- package/dist/util/themeOrLiteral.d.ts +15 -0
- package/dist/util/themeOrLiteral.d.ts.map +1 -0
- package/dist/util/themeOrLiteral.js +28 -0
- package/dist/util/themeOrLiteral.js.map +1 -0
- package/dist/variants/_test.d.ts +3 -0
- package/dist/variants/_test.d.ts.map +1 -0
- package/dist/variants/_test.js +52 -0
- package/dist/variants/_test.js.map +1 -0
- package/dist/variants/_utils.d.ts +7 -0
- package/dist/variants/_utils.d.ts.map +1 -0
- package/dist/variants/_utils.js +16 -0
- package/dist/variants/_utils.js.map +1 -0
- package/dist/variants/aria.d.ts +5 -0
- package/dist/variants/aria.d.ts.map +1 -0
- package/dist/variants/aria.js +58 -0
- package/dist/variants/aria.js.map +1 -0
- package/dist/variants/aria.test.d.ts +2 -0
- package/dist/variants/aria.test.d.ts.map +1 -0
- package/dist/variants/aria.test.js +70 -0
- package/dist/variants/aria.test.js.map +1 -0
- package/dist/variants/breakpoints.d.ts +4 -0
- package/dist/variants/breakpoints.d.ts.map +1 -0
- package/dist/variants/breakpoints.js +77 -0
- package/dist/variants/breakpoints.js.map +1 -0
- package/dist/variants/breakpoints.test.d.ts +2 -0
- package/dist/variants/breakpoints.test.d.ts.map +1 -0
- package/dist/variants/breakpoints.test.js +10 -0
- package/dist/variants/breakpoints.test.js.map +1 -0
- package/dist/variants/children.d.ts +4 -0
- package/dist/variants/children.d.ts.map +1 -0
- package/dist/variants/children.js +10 -0
- package/dist/variants/children.js.map +1 -0
- package/dist/variants/children.test.d.ts +2 -0
- package/dist/variants/children.test.d.ts.map +1 -0
- package/dist/variants/children.test.js +9 -0
- package/dist/variants/children.test.js.map +1 -0
- package/dist/variants/combinators.d.ts +5 -0
- package/dist/variants/combinators.d.ts.map +1 -0
- package/dist/variants/combinators.js +42 -0
- package/dist/variants/combinators.js.map +1 -0
- package/dist/variants/combinators.test.d.ts +2 -0
- package/dist/variants/combinators.test.d.ts.map +1 -0
- package/dist/variants/combinators.test.js +33 -0
- package/dist/variants/combinators.test.js.map +1 -0
- package/dist/variants/container.d.ts +4 -0
- package/dist/variants/container.d.ts.map +1 -0
- package/dist/variants/container.js +32 -0
- package/dist/variants/container.js.map +1 -0
- package/dist/variants/container.test.d.ts +2 -0
- package/dist/variants/container.test.d.ts.map +1 -0
- package/dist/variants/container.test.js +10 -0
- package/dist/variants/container.test.js.map +1 -0
- package/dist/variants/data.d.ts +5 -0
- package/dist/variants/data.d.ts.map +1 -0
- package/dist/variants/data.js +58 -0
- package/dist/variants/data.js.map +1 -0
- package/dist/variants/data.test.d.ts +2 -0
- package/dist/variants/data.test.d.ts.map +1 -0
- package/dist/variants/data.test.js +70 -0
- package/dist/variants/data.test.js.map +1 -0
- package/dist/variants/directions.d.ts +4 -0
- package/dist/variants/directions.d.ts.map +1 -0
- package/dist/variants/directions.js +10 -0
- package/dist/variants/directions.js.map +1 -0
- package/dist/variants/directions.test.d.ts +2 -0
- package/dist/variants/directions.test.d.ts.map +1 -0
- package/dist/variants/directions.test.js +9 -0
- package/dist/variants/directions.test.js.map +1 -0
- package/dist/variants/important.d.ts +4 -0
- package/dist/variants/important.d.ts.map +1 -0
- package/dist/variants/important.js +29 -0
- package/dist/variants/important.js.map +1 -0
- package/dist/variants/important.test.d.ts +2 -0
- package/dist/variants/important.test.d.ts.map +1 -0
- package/dist/variants/important.test.js +23 -0
- package/dist/variants/important.test.js.map +1 -0
- package/dist/variants/index.d.ts +2 -0
- package/dist/variants/index.d.ts.map +1 -0
- package/dist/variants/index.js +15 -0
- package/dist/variants/index.js.map +1 -0
- package/dist/variants/inert.d.ts +3 -0
- package/dist/variants/inert.d.ts.map +1 -0
- package/dist/variants/inert.js +6 -0
- package/dist/variants/inert.js.map +1 -0
- package/dist/variants/inert.test.d.ts +2 -0
- package/dist/variants/inert.test.d.ts.map +1 -0
- package/dist/variants/inert.test.js +31 -0
- package/dist/variants/inert.test.js.map +1 -0
- package/dist/variants/layer.d.ts +4 -0
- package/dist/variants/layer.d.ts.map +1 -0
- package/dist/variants/layer.js +22 -0
- package/dist/variants/layer.js.map +1 -0
- package/dist/variants/layer.test.d.ts +2 -0
- package/dist/variants/layer.test.d.ts.map +1 -0
- package/dist/variants/layer.test.js +9 -0
- package/dist/variants/layer.test.js.map +1 -0
- package/dist/variants/media.d.ts +11 -0
- package/dist/variants/media.d.ts.map +1 -0
- package/dist/variants/media.js +62 -0
- package/dist/variants/media.js.map +1 -0
- package/dist/variants/media.test.d.ts +2 -0
- package/dist/variants/media.test.d.ts.map +1 -0
- package/dist/variants/media.test.js +46 -0
- package/dist/variants/media.test.js.map +1 -0
- package/dist/variants/mode.d.ts +4 -0
- package/dist/variants/mode.d.ts.map +1 -0
- package/dist/variants/mode.js +21 -0
- package/dist/variants/mode.js.map +1 -0
- package/dist/variants/mode.test.d.ts +2 -0
- package/dist/variants/mode.test.d.ts.map +1 -0
- package/dist/variants/mode.test.js +9 -0
- package/dist/variants/mode.test.js.map +1 -0
- package/dist/variants/negative.d.ts +4 -0
- package/dist/variants/negative.d.ts.map +1 -0
- package/dist/variants/negative.js +81 -0
- package/dist/variants/negative.js.map +1 -0
- package/dist/variants/negative.test.d.ts +2 -0
- package/dist/variants/negative.test.d.ts.map +1 -0
- package/dist/variants/negative.test.js +13 -0
- package/dist/variants/negative.test.js.map +1 -0
- package/dist/variants/placeholder.d.ts +4 -0
- package/dist/variants/placeholder.d.ts.map +1 -0
- package/dist/variants/placeholder.js +23 -0
- package/dist/variants/placeholder.js.map +1 -0
- package/dist/variants/placeholder.test.d.ts +2 -0
- package/dist/variants/placeholder.test.d.ts.map +1 -0
- package/dist/variants/placeholder.test.js +11 -0
- package/dist/variants/placeholder.test.js.map +1 -0
- package/dist/variants/pseudo.d.ts +8 -0
- package/dist/variants/pseudo.d.ts.map +1 -0
- package/dist/variants/pseudo.js +28 -0
- package/dist/variants/pseudo.js.map +1 -0
- package/dist/variants/pseudo.test.d.ts +2 -0
- package/dist/variants/pseudo.test.d.ts.map +1 -0
- package/dist/variants/pseudo.test.js +52 -0
- package/dist/variants/pseudo.test.js.map +1 -0
- package/dist/variants/startingStyle.d.ts +4 -0
- package/dist/variants/startingStyle.d.ts.map +1 -0
- package/dist/variants/startingStyle.js +15 -0
- package/dist/variants/startingStyle.js.map +1 -0
- package/dist/variants/startingStyle.test.d.ts +2 -0
- package/dist/variants/startingStyle.test.d.ts.map +1 -0
- package/dist/variants/startingStyle.test.js +9 -0
- package/dist/variants/startingStyle.test.js.map +1 -0
- package/dist/variants/stuck.d.ts +4 -0
- package/dist/variants/stuck.d.ts.map +1 -0
- package/dist/variants/stuck.js +25 -0
- package/dist/variants/stuck.js.map +1 -0
- package/dist/variants/stuck.test.d.ts +2 -0
- package/dist/variants/stuck.test.d.ts.map +1 -0
- package/dist/variants/stuck.test.js +9 -0
- package/dist/variants/stuck.test.js.map +1 -0
- package/dist/variants/variantSupports.d.ts +4 -0
- package/dist/variants/variantSupports.d.ts.map +1 -0
- package/dist/variants/variantSupports.js +26 -0
- package/dist/variants/variantSupports.js.map +1 -0
- package/dist/variants/variantSupports.test.d.ts +2 -0
- package/dist/variants/variantSupports.test.d.ts.map +1 -0
- package/dist/variants/variantSupports.test.js +9 -0
- package/dist/variants/variantSupports.test.js.map +1 -0
- package/package.json +53 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"align.js","sourceRoot":"","sources":["../../src/rules/align.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,kBAAkB,GAA2B;IAClD,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,UAAU;IAChB,GAAG,EAAE,QAAQ;IACb,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,QAAQ;IACb,UAAU,EAAE,UAAU;IACtB,aAAa,EAAE,aAAa;IAC5B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,GAAG,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAkB;IAChD;QACC,6BAA6B;QAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YACtB,gBAAgB,EACf,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC;SACnE,CAAC;QACF;YACC,YAAY,EAAE;gBACb,uBAAuB,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG;gBACnE,iCAAiC;aACjC;SACD;KACD;CACD,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,cAAc,GAAkB;IAC5C,GAAG,eAAe,CAAC,GAAG,CACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,CAAgB,CACxD;IACD,GAAG,CAAC,GAAG,cAAc,EAAE,GAAG,eAAe,CAAC,CAAC,GAAG,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,CAAgB,CAC9D;CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/rules/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,EAqJnC,CAAC"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
export const animations = [
|
|
2
|
+
[
|
|
3
|
+
/^(?:animate-)?keyframes-(.+)$/,
|
|
4
|
+
([, name], { theme }) => {
|
|
5
|
+
const kf = theme.animation?.keyframes?.[name];
|
|
6
|
+
if (kf) {
|
|
7
|
+
return [`@keyframes ${name}${kf}`, { animation: name }];
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
autocomplete: [
|
|
12
|
+
'animate-keyframes-$animation.keyframes',
|
|
13
|
+
'keyframes-$animation.keyframes',
|
|
14
|
+
],
|
|
15
|
+
},
|
|
16
|
+
],
|
|
17
|
+
[
|
|
18
|
+
/^animate-(.+)$/,
|
|
19
|
+
([, name], { theme }) => {
|
|
20
|
+
const kf = theme.animation?.keyframes?.[name];
|
|
21
|
+
if (kf) {
|
|
22
|
+
const duration = theme.animation?.durations?.[name] ?? '1s';
|
|
23
|
+
const timing = theme.animation?.timingFns?.[name] ?? 'linear';
|
|
24
|
+
const count = theme.animation?.counts?.[name] ?? 1;
|
|
25
|
+
const props = theme.animation?.properties?.[name];
|
|
26
|
+
return [
|
|
27
|
+
`@keyframes ${name}${kf}`,
|
|
28
|
+
{
|
|
29
|
+
animation: `${name} ${duration} ${timing} ${count}`,
|
|
30
|
+
...props,
|
|
31
|
+
},
|
|
32
|
+
];
|
|
33
|
+
}
|
|
34
|
+
return { animation: h.bracket.cssvar(name, theme) };
|
|
35
|
+
},
|
|
36
|
+
{ autocomplete: 'animate-$animation.keyframes' },
|
|
37
|
+
],
|
|
38
|
+
[
|
|
39
|
+
/^animate-name-(.+)/,
|
|
40
|
+
([, d], { theme }) => ({
|
|
41
|
+
'animation-name': h.bracket.cssvar(d, theme) ?? d,
|
|
42
|
+
}),
|
|
43
|
+
],
|
|
44
|
+
// timings
|
|
45
|
+
[
|
|
46
|
+
/^animate-duration-(.+)$/,
|
|
47
|
+
([, d], { theme }) => ({
|
|
48
|
+
'animation-duration': theme.duration?.[d || 'DEFAULT'] ?? h.bracket.cssvar.time(d, theme),
|
|
49
|
+
}),
|
|
50
|
+
{ autocomplete: ['animate-duration'] },
|
|
51
|
+
],
|
|
52
|
+
[
|
|
53
|
+
/^animate-delay-(.+)$/,
|
|
54
|
+
([, d], { theme }) => ({
|
|
55
|
+
'animation-delay': theme.duration?.[d || 'DEFAULT'] ?? h.bracket.cssvar.time(d, theme),
|
|
56
|
+
}),
|
|
57
|
+
{ autocomplete: ['animate-delay'] },
|
|
58
|
+
],
|
|
59
|
+
[
|
|
60
|
+
/^animate-ease(?:-(.+))?$/,
|
|
61
|
+
([, d], { theme }) => ({
|
|
62
|
+
'animation-timing-function': theme.ease?.[d || 'DEFAULT'] ?? h.bracket.cssvar(d, theme),
|
|
63
|
+
}),
|
|
64
|
+
{ autocomplete: ['animate-ease', 'animate-ease-$ease'] },
|
|
65
|
+
],
|
|
66
|
+
// fill mode
|
|
67
|
+
[
|
|
68
|
+
/^animate-(fill-mode-|fill-|mode-)?(.+)$/,
|
|
69
|
+
([, t, d]) => ([
|
|
70
|
+
'none',
|
|
71
|
+
'forwards',
|
|
72
|
+
'backwards',
|
|
73
|
+
'both',
|
|
74
|
+
...[t ? globalKeywords : []],
|
|
75
|
+
].includes(d)) ?
|
|
76
|
+
{ 'animation-fill-mode': d }
|
|
77
|
+
: undefined,
|
|
78
|
+
{
|
|
79
|
+
autocomplete: [
|
|
80
|
+
'animate-(fill|mode|fill-mode)',
|
|
81
|
+
'animate-(fill|mode|fill-mode)-(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)',
|
|
82
|
+
'animate-(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)',
|
|
83
|
+
],
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
// direction
|
|
87
|
+
[
|
|
88
|
+
/^animate-(direction-)?(.+)$/,
|
|
89
|
+
([, t, d]) => ([
|
|
90
|
+
'normal',
|
|
91
|
+
'reverse',
|
|
92
|
+
'alternate',
|
|
93
|
+
'alternate-reverse',
|
|
94
|
+
...[t ? globalKeywords : []],
|
|
95
|
+
].includes(d)) ?
|
|
96
|
+
{ 'animation-direction': d }
|
|
97
|
+
: undefined,
|
|
98
|
+
{
|
|
99
|
+
autocomplete: [
|
|
100
|
+
'animate-direction',
|
|
101
|
+
'animate-direction-(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)',
|
|
102
|
+
'animate-(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)',
|
|
103
|
+
],
|
|
104
|
+
},
|
|
105
|
+
],
|
|
106
|
+
// others
|
|
107
|
+
[
|
|
108
|
+
/^animate-(?:iteration-count-|iteration-|count-)(.+)$/,
|
|
109
|
+
([, d], { theme }) => ({
|
|
110
|
+
'animation-iteration-count': h.bracket.cssvar(d, theme) ?? d.replace(/-/g, ','),
|
|
111
|
+
}),
|
|
112
|
+
{
|
|
113
|
+
autocomplete: [
|
|
114
|
+
'animate-(iteration|count|iteration-count)',
|
|
115
|
+
'animate-(iteration|count|iteration-count)-<num>',
|
|
116
|
+
],
|
|
117
|
+
},
|
|
118
|
+
],
|
|
119
|
+
[
|
|
120
|
+
/^animate-(play-state-|play-|state-)?(.+)$/,
|
|
121
|
+
([, t, d]) => ['paused', 'running', ...[t ? globalKeywords : []]].includes(d) ?
|
|
122
|
+
{ 'animation-play-state': d }
|
|
123
|
+
: undefined,
|
|
124
|
+
{
|
|
125
|
+
autocomplete: [
|
|
126
|
+
'animate-(play|state|play-state)',
|
|
127
|
+
'animate-(play|state|play-state)-(paused|running|inherit|initial|revert|revert-layer|unset)',
|
|
128
|
+
'animate-(paused|running|inherit|initial|revert|revert-layer|unset)',
|
|
129
|
+
],
|
|
130
|
+
},
|
|
131
|
+
],
|
|
132
|
+
['animate-none', { animation: 'none' }],
|
|
133
|
+
...makeGlobalStaticRules('animate', 'animation'),
|
|
134
|
+
];
|
|
135
|
+
//# sourceMappingURL=animations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/rules/animations.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../src/rules/background.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background.js","sourceRoot":"","sources":["../../src/rules/background.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/rules/border.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAsJ1C,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,EAKpC,CAAC"}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { $systemProps } from '@arbor-css/core';
|
|
2
|
+
import { colorAlters, colorAltersMatch } from '../util/alters.js';
|
|
3
|
+
import { parseColor } from '../util/color.js';
|
|
4
|
+
import { dashConcat } from '../util/concat.js';
|
|
5
|
+
import { directionMapEntries, globalKeywords } from '../util/mappings.js';
|
|
6
|
+
import { dirRegex } from '../util/matchers.js';
|
|
7
|
+
import { themeOrLiteral } from '../util/themeOrLiteral.js';
|
|
8
|
+
const borderStyles = [
|
|
9
|
+
'solid',
|
|
10
|
+
'dashed',
|
|
11
|
+
'dotted',
|
|
12
|
+
'double',
|
|
13
|
+
'hidden',
|
|
14
|
+
'none',
|
|
15
|
+
'groove',
|
|
16
|
+
'ridge',
|
|
17
|
+
'inset',
|
|
18
|
+
'outset',
|
|
19
|
+
...globalKeywords,
|
|
20
|
+
];
|
|
21
|
+
const borderWidthRules = directionMapEntries.flatMap(([dirSuffix, dirs]) => {
|
|
22
|
+
const pattern = `^(?:border|b)${dirRegex(dirSuffix)}-(.+)$`;
|
|
23
|
+
return [
|
|
24
|
+
[
|
|
25
|
+
new RegExp(pattern),
|
|
26
|
+
([, size], { theme }) => {
|
|
27
|
+
const [value, { source }] = themeOrLiteral(size, theme, {
|
|
28
|
+
startFrom: 'border-width',
|
|
29
|
+
trySuffixes: ['width', 'w'],
|
|
30
|
+
});
|
|
31
|
+
if (!value)
|
|
32
|
+
return;
|
|
33
|
+
if (source === 'bracket') {
|
|
34
|
+
// bracket values should be numeric values...
|
|
35
|
+
if (!/^\d+(px|em|rem|%)$/.test(value)) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return Object.fromEntries(dirs.map((dir) => [`${dashConcat('border', dir)}-width`, value]));
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
];
|
|
43
|
+
});
|
|
44
|
+
const borderRadiusRules = directionMapEntries.flatMap(([dirSuffix, dirs]) => {
|
|
45
|
+
const pattern = `^(?:rounded|rd)${dirRegex(dirSuffix)}-(.+)$`;
|
|
46
|
+
return [
|
|
47
|
+
[
|
|
48
|
+
new RegExp(pattern),
|
|
49
|
+
([, size], { theme }) => {
|
|
50
|
+
const [value] = themeOrLiteral(size, theme, {
|
|
51
|
+
startFrom: 'border-radius',
|
|
52
|
+
trySuffixes: ['radius', 'r'],
|
|
53
|
+
});
|
|
54
|
+
if (!value)
|
|
55
|
+
return;
|
|
56
|
+
return Object.fromEntries(dirs.map((dir) => [`${dashConcat('border', dir)}-radius`, value]));
|
|
57
|
+
},
|
|
58
|
+
],
|
|
59
|
+
];
|
|
60
|
+
});
|
|
61
|
+
const borderColorRules = directionMapEntries.flatMap(([dirSuffix, dirs]) => {
|
|
62
|
+
return [
|
|
63
|
+
// Rule to apply a color
|
|
64
|
+
[
|
|
65
|
+
new RegExp(`^(?:border|b)${dirRegex(dirSuffix)}-(.+)$`),
|
|
66
|
+
([, color], { theme }) => {
|
|
67
|
+
// pre-splitting opacity and restoring it later allows
|
|
68
|
+
// supporting [color]/50 syntax while detecting the color portion
|
|
69
|
+
const split = color.split('/');
|
|
70
|
+
const baseColor = split[0];
|
|
71
|
+
const opacityPart = split[1];
|
|
72
|
+
const [value] = themeOrLiteral(baseColor, theme, {
|
|
73
|
+
startFrom: 'color',
|
|
74
|
+
trySuffixes: ['color', 'border', 'border-color'],
|
|
75
|
+
});
|
|
76
|
+
if (!value)
|
|
77
|
+
return;
|
|
78
|
+
const restoredOpacity = opacityPart ? `${value}/${opacityPart}` : value;
|
|
79
|
+
const parsed = parseColor(restoredOpacity);
|
|
80
|
+
if (!parsed)
|
|
81
|
+
return;
|
|
82
|
+
// Maps input color to a system prop associated with direction,
|
|
83
|
+
// then applies that prop.
|
|
84
|
+
return dirs.flatMap((dir) => {
|
|
85
|
+
const systemPropWithFallback = $systemProps.borderColor[dir].applied.varFallback($systemProps.borderColor[''].applied.var);
|
|
86
|
+
const systemOpacityPropWithFallback = $systemProps.borderColor[dir].opacity.varFallback($systemProps.borderColor[''].opacity.var);
|
|
87
|
+
const applied = parsed.opacity ?
|
|
88
|
+
`rgb(from ${systemPropWithFallback} / ${systemOpacityPropWithFallback})`
|
|
89
|
+
: systemPropWithFallback;
|
|
90
|
+
return {
|
|
91
|
+
[`${dashConcat('border', dir)}-color`]: applied,
|
|
92
|
+
[$systemProps.borderColor[dir].applied.name]: parsed.color,
|
|
93
|
+
[$systemProps.borderColor[dir].opacity.name]: parsed.opacity || '1',
|
|
94
|
+
};
|
|
95
|
+
});
|
|
96
|
+
},
|
|
97
|
+
],
|
|
98
|
+
// lighten/darken rules
|
|
99
|
+
[
|
|
100
|
+
new RegExp(`^(?:border|b)${dirRegex(dirSuffix)}-${colorAltersMatch}-(.+)$`),
|
|
101
|
+
([, method, steps]) => {
|
|
102
|
+
return dirs.flatMap((dir) => ({
|
|
103
|
+
[`${dashConcat('border', dir)}-color`]: colorAlters[method]($systemProps.borderColor[dir].applied.varFallback($systemProps.borderColor[''].applied.var), steps),
|
|
104
|
+
}));
|
|
105
|
+
},
|
|
106
|
+
],
|
|
107
|
+
];
|
|
108
|
+
});
|
|
109
|
+
const borderStyleRules = directionMapEntries.flatMap(([dirSuffix, dirs]) => {
|
|
110
|
+
return borderStyles.map((style) => {
|
|
111
|
+
return [
|
|
112
|
+
new RegExp(`^(?:border|b)${dirRegex(dirSuffix)}-${style}$`),
|
|
113
|
+
([]) => {
|
|
114
|
+
return Object.fromEntries(dirs.map((dir) => [`${dashConcat('border', dir)}-style`, style]));
|
|
115
|
+
},
|
|
116
|
+
];
|
|
117
|
+
});
|
|
118
|
+
});
|
|
119
|
+
export const borderRules = [
|
|
120
|
+
...borderColorRules,
|
|
121
|
+
...borderWidthRules,
|
|
122
|
+
...borderRadiusRules,
|
|
123
|
+
...borderStyleRules,
|
|
124
|
+
];
|
|
125
|
+
//# sourceMappingURL=border.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/rules/border.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.test.d.ts","sourceRoot":"","sources":["../../src/rules/border.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { $systemProps } from '@arbor-css/core';
|
|
2
|
+
import { describe, it } from 'vitest';
|
|
3
|
+
import { testBaseMode } from '../_test.js';
|
|
4
|
+
import { colorAlters } from '../util/alters.js';
|
|
5
|
+
import { testRules } from './_test.js';
|
|
6
|
+
import { borderRules } from './border.js';
|
|
7
|
+
describe('border color', () => {
|
|
8
|
+
it('matches border colors from theme', async () => {
|
|
9
|
+
await testRules(borderRules, 'b-main-mid', {
|
|
10
|
+
// TODO: remove redundant fallback on "all" direction
|
|
11
|
+
'border-color': $systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
12
|
+
[$systemProps.borderColor[''].applied.name]: testBaseMode.schema.$tokens.colors.main.mid.var,
|
|
13
|
+
[$systemProps.borderColor[''].opacity.name]: '1',
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
it('matches literal colors', async () => {
|
|
17
|
+
await testRules(borderRules, 'border-[red]', {
|
|
18
|
+
'border-color': $systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
19
|
+
[$systemProps.borderColor[''].applied.name]: 'red',
|
|
20
|
+
[$systemProps.borderColor[''].opacity.name]: '1',
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
it('matches bracketed colors', async () => {
|
|
24
|
+
await testRules(borderRules, 'border-[rgba(255,0,0,0.5)]', {
|
|
25
|
+
'border-color': $systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
26
|
+
[$systemProps.borderColor[''].applied.name]: 'rgba(255,0,0,0.5)',
|
|
27
|
+
[$systemProps.borderColor[''].opacity.name]: '1',
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
it('maps color with opacity to system props', async () => {
|
|
31
|
+
await testRules(borderRules, 'border-[red]/50', {
|
|
32
|
+
'border-color': `rgb(from ${$systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var)} / ${$systemProps.borderColor[''].opacity.varFallback($systemProps.borderColor[''].opacity.var)})`,
|
|
33
|
+
[$systemProps.borderColor[''].applied.name]: 'red',
|
|
34
|
+
[$systemProps.borderColor[''].opacity.name]: '0.5',
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
it('maps color without opacity to system props', async () => {
|
|
38
|
+
await testRules(borderRules, 'border-[red]', {
|
|
39
|
+
'border-color': $systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
40
|
+
[$systemProps.borderColor[''].applied.name]: 'red',
|
|
41
|
+
[$systemProps.borderColor[''].opacity.name]: '1',
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
it('maps literal color with opacity on directional rules', async () => {
|
|
45
|
+
await testRules(borderRules, 'border-t-[red]/50', {
|
|
46
|
+
'border-block-start-color': `rgb(from ${$systemProps.borderColor['block-start'].applied.varFallback($systemProps.borderColor[''].applied.var)} / ${$systemProps.borderColor['block-start'].opacity.varFallback($systemProps.borderColor[''].opacity.var)})`,
|
|
47
|
+
[$systemProps.borderColor['block-start'].applied.name]: 'red',
|
|
48
|
+
[$systemProps.borderColor['block-start'].opacity.name]: '0.5',
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
it('maps literal color without opacity on directional rules', async () => {
|
|
52
|
+
await testRules(borderRules, 'border-t-[red]', {
|
|
53
|
+
'border-block-start-color': $systemProps.borderColor['block-start'].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
54
|
+
[$systemProps.borderColor['block-start'].applied.name]: 'red',
|
|
55
|
+
[$systemProps.borderColor['block-start'].opacity.name]: '1',
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
it('maps color without opacity to system props on directional rules with suffixes', async () => {
|
|
59
|
+
await testRules(borderRules, 'border-t-main-mid', {
|
|
60
|
+
'border-block-start-color': $systemProps.borderColor['block-start'].applied.varFallback($systemProps.borderColor[''].applied.var),
|
|
61
|
+
[$systemProps.borderColor['block-start'].applied.name]: testBaseMode.schema.$tokens.colors.main.mid.var,
|
|
62
|
+
[$systemProps.borderColor['block-start'].opacity.name]: '1',
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
describe('lighten/darken', () => {
|
|
66
|
+
it('lightens a color', async () => {
|
|
67
|
+
await testRules(borderRules, 'border-lighten-2', {
|
|
68
|
+
'border-color': colorAlters.lighten($systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var), '2'),
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
it('darkens a color', async () => {
|
|
72
|
+
await testRules(borderRules, 'border-darken-2', {
|
|
73
|
+
'border-color': colorAlters.darken($systemProps.borderColor[''].applied.varFallback($systemProps.borderColor[''].applied.var), '2'),
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
it('lightens a directional color', async () => {
|
|
77
|
+
await testRules(borderRules, 'border-t-lighten-2', {
|
|
78
|
+
'border-block-start-color': colorAlters.lighten($systemProps.borderColor['block-start'].applied.varFallback($systemProps.borderColor[''].applied.var), '2'),
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
describe('border width', () => {
|
|
84
|
+
it('matches border widths from theme', async () => {
|
|
85
|
+
await testRules(borderRules, 'b-t-lg', {
|
|
86
|
+
'border-block-start-width': testBaseMode.schema.$tokens.borderWidth.lg.var,
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
describe('border style', () => {
|
|
91
|
+
it('matches border styles', async () => {
|
|
92
|
+
await testRules(borderRules, 'border-dashed', {
|
|
93
|
+
'border-style': 'dashed',
|
|
94
|
+
});
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
describe('border radius', () => {
|
|
98
|
+
it('matches border radii from theme', async () => {
|
|
99
|
+
await testRules(borderRules, 'rd-md', {
|
|
100
|
+
'border-radius': testBaseMode.schema.$tokens.borderRadius.md.var,
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
//# sourceMappingURL=border.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.test.js","sourceRoot":"","sources":["../../src/rules/border.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/rules/color.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAiF1C,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,EAiGnC,CAAC"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { $systemProps, getContrastColor } from '@arbor-css/core';
|
|
2
|
+
import { symbols } from 'unocss';
|
|
3
|
+
import { colorAlters, colorAltersMatch } from '../util/alters.js';
|
|
4
|
+
import { parseColor } from '../util/color.js';
|
|
5
|
+
import { themeOrLiteral } from '../util/themeOrLiteral.js';
|
|
6
|
+
function makeColorSystemRules({ target, shorthands, systemProp, suffixes, }) {
|
|
7
|
+
return [
|
|
8
|
+
[
|
|
9
|
+
new RegExp(`^(?:${shorthands.join('|')})-(.*)$`),
|
|
10
|
+
([, color], { theme }) => {
|
|
11
|
+
// pre-splitting opacity and restoring it later allows
|
|
12
|
+
// supporting [color]/50 syntax while detecting the color portion
|
|
13
|
+
const split = color.split('/');
|
|
14
|
+
const baseColor = split[0];
|
|
15
|
+
const opacityPart = split[1];
|
|
16
|
+
const [value] = themeOrLiteral(baseColor, theme, {
|
|
17
|
+
startFrom: 'color',
|
|
18
|
+
trySuffixes: suffixes,
|
|
19
|
+
});
|
|
20
|
+
if (!value)
|
|
21
|
+
return;
|
|
22
|
+
const restoredOpacity = opacityPart ? `${value}/${opacityPart}` : value;
|
|
23
|
+
const parsed = parseColor(restoredOpacity);
|
|
24
|
+
if (!parsed)
|
|
25
|
+
return;
|
|
26
|
+
const result = {
|
|
27
|
+
[target]: parsed.opacity ?
|
|
28
|
+
`rgb(from ${$systemProps[systemProp].applied.var} r g b / ${$systemProps[systemProp].opacity.var})`
|
|
29
|
+
: $systemProps[systemProp].applied.var,
|
|
30
|
+
[$systemProps[systemProp].applied.name]: parsed.color === 'inherit' ? 'unset' : parsed.color,
|
|
31
|
+
[$systemProps[systemProp].opacity.name]: parsed.opacity || '1',
|
|
32
|
+
};
|
|
33
|
+
if (systemProp === 'bg') {
|
|
34
|
+
result[$systemProps.bg.contrast.name] =
|
|
35
|
+
parsed.color === 'inherit' || parsed.color === 'transparent' ?
|
|
36
|
+
'unset'
|
|
37
|
+
: parsed.color;
|
|
38
|
+
}
|
|
39
|
+
return result;
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
autocomplete: `(${shorthands.join('|')}-$color`,
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
[
|
|
46
|
+
new RegExp(`^(?:${shorthands.join('|')})-${colorAltersMatch}-(\\d+)$`),
|
|
47
|
+
([, method, step]) => {
|
|
48
|
+
const color = colorAlters[method]($systemProps[systemProp].applied.varFallback('currentColor'), step);
|
|
49
|
+
const result = {
|
|
50
|
+
[target]: color,
|
|
51
|
+
};
|
|
52
|
+
if (systemProp === 'bg') {
|
|
53
|
+
result[$systemProps.bg.contrast.name] = color;
|
|
54
|
+
}
|
|
55
|
+
return result;
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
autocomplete: `(${shorthands.join('|')})-(l|lighten|d|darken)-<number>`,
|
|
59
|
+
},
|
|
60
|
+
],
|
|
61
|
+
];
|
|
62
|
+
}
|
|
63
|
+
export const colorRules = [
|
|
64
|
+
...makeColorSystemRules({
|
|
65
|
+
target: 'color',
|
|
66
|
+
shorthands: ['color', 'c', 'fg'],
|
|
67
|
+
suffixes: ['color', 'fg'],
|
|
68
|
+
systemProp: 'fg',
|
|
69
|
+
}),
|
|
70
|
+
...makeColorSystemRules({
|
|
71
|
+
target: 'background-color',
|
|
72
|
+
shorthands: ['bg'],
|
|
73
|
+
suffixes: ['background', 'background-color', 'bg'],
|
|
74
|
+
systemProp: 'bg',
|
|
75
|
+
}),
|
|
76
|
+
...makeColorSystemRules({
|
|
77
|
+
target: 'accent-color',
|
|
78
|
+
shorthands: ['accent'],
|
|
79
|
+
suffixes: ['accent', 'color'],
|
|
80
|
+
systemProp: 'accent',
|
|
81
|
+
}),
|
|
82
|
+
...makeColorSystemRules({
|
|
83
|
+
target: 'fill',
|
|
84
|
+
shorthands: ['fill'],
|
|
85
|
+
suffixes: ['fill', 'bg', 'color', 'fg', 'background', 'background-color'],
|
|
86
|
+
systemProp: 'fill',
|
|
87
|
+
}),
|
|
88
|
+
...makeColorSystemRules({
|
|
89
|
+
target: 'stroke',
|
|
90
|
+
shorthands: ['stroke'],
|
|
91
|
+
suffixes: ['stroke', 'color'],
|
|
92
|
+
systemProp: 'stroke',
|
|
93
|
+
}),
|
|
94
|
+
...makeColorSystemRules({
|
|
95
|
+
target: $systemProps.ring.target.name,
|
|
96
|
+
shorthands: ['ring'],
|
|
97
|
+
suffixes: ['ring', 'color'],
|
|
98
|
+
systemProp: 'ring',
|
|
99
|
+
}),
|
|
100
|
+
...makeColorSystemRules({
|
|
101
|
+
target: $systemProps.dynamic.shadowColor.name,
|
|
102
|
+
shorthands: ['shadow', 'shadow-color'],
|
|
103
|
+
suffixes: ['shadow', 'color', 'shadow-color'],
|
|
104
|
+
systemProp: 'shadow',
|
|
105
|
+
}),
|
|
106
|
+
// placeholder requires special handling for the pseudo-element
|
|
107
|
+
[
|
|
108
|
+
/^placeholder-(.*)$/,
|
|
109
|
+
function* (match, { theme }) {
|
|
110
|
+
const [value] = themeOrLiteral(match[1], theme, {
|
|
111
|
+
startFrom: 'color',
|
|
112
|
+
trySuffixes: ['placeholder', 'color'],
|
|
113
|
+
});
|
|
114
|
+
if (!value)
|
|
115
|
+
return;
|
|
116
|
+
const parsed = parseColor(value);
|
|
117
|
+
if (!parsed)
|
|
118
|
+
return;
|
|
119
|
+
yield {
|
|
120
|
+
[symbols.selector]: (selector) => `${selector}::placeholder`,
|
|
121
|
+
color: parsed.opacity ?
|
|
122
|
+
`rgb(from ${$systemProps.placeholder.applied.var} r g b / var(${$systemProps.placeholder.opacity.var},100%))`
|
|
123
|
+
: $systemProps.placeholder.applied.var,
|
|
124
|
+
[$systemProps.placeholder.applied.name]: parsed.color,
|
|
125
|
+
[$systemProps.placeholder.opacity.name]: (parsed.opacity || 100) + '%',
|
|
126
|
+
};
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
autocomplete: `placeholder-$color`,
|
|
130
|
+
},
|
|
131
|
+
],
|
|
132
|
+
[
|
|
133
|
+
new RegExp(`/^placeholder-${colorAltersMatch}-(\d+\.?\d*)$/`),
|
|
134
|
+
function* ([, method, step]) {
|
|
135
|
+
yield {
|
|
136
|
+
[symbols.selector]: (selector) => `${selector}::placeholder`,
|
|
137
|
+
color: colorAlters[method]($systemProps.placeholder.applied.varFallback('currentColor'), step),
|
|
138
|
+
};
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
autocomplete: 'placeholder-(l|lighten|d|darken)-<number>',
|
|
142
|
+
},
|
|
143
|
+
],
|
|
144
|
+
// color-contrast: "magic" rule which uses the contrast bg system color
|
|
145
|
+
// to compute a valid foreground
|
|
146
|
+
[
|
|
147
|
+
/^color-contrast$/,
|
|
148
|
+
() => {
|
|
149
|
+
return {
|
|
150
|
+
color: getContrastColor($systemProps.bg.contrast.varFallback('white')),
|
|
151
|
+
[$systemProps.fg.applied.name]: getContrastColor($systemProps.bg.contrast.varFallback('white')),
|
|
152
|
+
};
|
|
153
|
+
},
|
|
154
|
+
],
|
|
155
|
+
];
|
|
156
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/rules/color.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.test.d.ts","sourceRoot":"","sources":["../../src/rules/color.test.ts"],"names":[],"mappings":""}
|