@posthog/quill-tokens 0.1.0-alpha.0 → 0.1.0-alpha.2
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/color-system.css +46 -27
- package/dist/colors.d.ts +32 -6
- package/dist/colors.d.ts.map +1 -1
- package/dist/index.cjs +36 -14
- package/dist/index.d.ts +3 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +204 -117
- package/dist/spacing.d.ts +67 -16
- package/dist/spacing.d.ts.map +1 -1
- package/dist/tailwind-lib.css +5 -15
- package/dist/tailwind.css +5 -15
- package/package.json +39 -39
- package/src/colors.ts +243 -66
- package/src/index.ts +10 -4
- package/src/spacing.ts +76 -18
- package/LICENSE +0 -25
package/dist/color-system.css
CHANGED
|
@@ -8,22 +8,25 @@
|
|
|
8
8
|
color-scheme: dark;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
/* Theme knobs — override these to shift the palette */
|
|
11
12
|
:root {
|
|
12
13
|
--radius: 0.625rem;
|
|
13
|
-
--
|
|
14
|
+
--theme-hue: 90;
|
|
15
|
+
--theme-dark-hue: 264;
|
|
16
|
+
--theme-tint: 0.006;
|
|
17
|
+
--primary-hue: 37.89;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Static colors (no theme-var references, safe on :root) */
|
|
21
|
+
:root {
|
|
14
22
|
--foreground: oklch(0.13 0.028 262);
|
|
15
|
-
--card: oklch(1 0 0);
|
|
16
23
|
--card-foreground: oklch(0.13 0.028 262);
|
|
17
|
-
--popover: oklch(1 0 0);
|
|
18
24
|
--popover-foreground: oklch(0.13 0.028 262);
|
|
19
|
-
--
|
|
25
|
+
--muted-foreground: oklch(0.446 0.03 257);
|
|
26
|
+
--accent-foreground: oklch(0.13 0.028 262);
|
|
20
27
|
--primary-foreground: oklch(1 0 0);
|
|
21
28
|
--secondary: oklch(0.31 0 0);
|
|
22
29
|
--secondary-foreground: oklch(1 0 0);
|
|
23
|
-
--muted: oklch(0.97 0.006 106);
|
|
24
|
-
--muted-foreground: oklch(0.446 0.03 257);
|
|
25
|
-
--accent: oklch(0.923 0.003 49);
|
|
26
|
-
--accent-foreground: oklch(0.13 0.028 262);
|
|
27
30
|
--destructive: oklch(0.92 0.03 32.22);
|
|
28
31
|
--destructive-foreground: oklch(0.59 0.2 23.61);
|
|
29
32
|
--success: oklch(0.94 0.06 154.03);
|
|
@@ -31,43 +34,59 @@
|
|
|
31
34
|
--warning: oklch(0.93 0.04 74.41);
|
|
32
35
|
--warning-foreground: oklch(0.476 0.114 61.907);
|
|
33
36
|
--info: oklch(0.882 0.059 254.128);
|
|
34
|
-
--info-foreground:
|
|
35
|
-
--border: oklch(0.923 0.003 49);
|
|
36
|
-
--input: oklch(0.81 0 0 / 1);
|
|
37
|
+
--info-foreground: oklch(0.49 0.02 254);
|
|
37
38
|
--ring: oklch(0.446 0.03 257);
|
|
38
|
-
--fill-hover: color-mix(in oklch, var(--accent) 40%, transparent);
|
|
39
|
-
--fill-active: var(--accent);
|
|
40
|
-
--fill-expanded: var(--muted);
|
|
41
|
-
--fill-selected: color-mix(in oklch, var(--fill-hover) 50%, transparent);
|
|
42
39
|
}
|
|
43
40
|
|
|
44
41
|
.dark {
|
|
45
|
-
--radius: 0.625rem;
|
|
46
|
-
--background: hsl(240 8% 8%);
|
|
47
42
|
--foreground: oklch(0.967 0.003 265);
|
|
48
|
-
--card: hsl(235 8% 15%);
|
|
49
43
|
--card-foreground: oklch(0.967 0.003 265);
|
|
50
|
-
--popover: hsl(235 8% 15%);
|
|
51
44
|
--popover-foreground: oklch(0.967 0.003 265);
|
|
52
|
-
--
|
|
45
|
+
--muted-foreground: oklch(0.709 0 0);
|
|
46
|
+
--accent-foreground: oklch(0.967 0.003 265);
|
|
53
47
|
--primary-foreground: oklch(0.13 0.028 262);
|
|
54
48
|
--secondary: oklch(0.86 0 0);
|
|
55
49
|
--secondary-foreground: oklch(0.13 0.028 262);
|
|
56
|
-
--muted: hsl(240 8% 10%);
|
|
57
|
-
--muted-foreground: oklch(0.709 0 0);
|
|
58
|
-
--accent: hsl(230 8% 20%);
|
|
59
|
-
--accent-foreground: oklch(0.967 0.003 265);
|
|
60
50
|
--destructive: oklch(0.24 0.03 2.79);
|
|
61
51
|
--destructive-foreground: oklch(0.6316 0.1927 24.53);
|
|
62
52
|
--success: oklch(0.27 0.04 157.6);
|
|
63
53
|
--success-foreground: oklch(0.925 0.084 155.995);
|
|
64
|
-
--warning:
|
|
54
|
+
--warning: oklch(0.29 0.03 75);
|
|
65
55
|
--warning-foreground: oklch(0.77 0.14 99.29);
|
|
66
56
|
--info: oklch(0.4242 0.1982 265.5 / 40%);
|
|
67
57
|
--info-foreground: oklch(0.882 0.059 254.128);
|
|
68
|
-
--border: hsl(230 8% 20%);
|
|
69
|
-
--input: oklch(0.46 0.02 279.18);
|
|
70
58
|
--ring: oklch(0.709 0 0);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/*
|
|
62
|
+
* Theme-derived colors — set on * so each element resolves
|
|
63
|
+
* var(--theme-hue) / var(--primary-hue) from its own scope.
|
|
64
|
+
* This enables local overrides like [--theme-hue:200] on a container.
|
|
65
|
+
*/
|
|
66
|
+
* {
|
|
67
|
+
--background: oklch(0.97 var(--theme-tint) var(--theme-hue));
|
|
68
|
+
--card: oklch(0.995 calc(var(--theme-tint) * 0.3) var(--theme-hue));
|
|
69
|
+
--popover: oklch(0.995 calc(var(--theme-tint) * 0.3) var(--theme-hue));
|
|
70
|
+
--muted: oklch(0.94 calc(var(--theme-tint) * 1.5) var(--theme-hue));
|
|
71
|
+
--accent: oklch(0.923 calc(var(--theme-tint) * 0.8) var(--theme-hue));
|
|
72
|
+
--primary: oklch(0.6514 0.2137 var(--primary-hue));
|
|
73
|
+
--border: oklch(0.9 calc(var(--theme-tint) * 0.8) var(--theme-hue));
|
|
74
|
+
--input: oklch(0.81 calc(var(--theme-tint) * 0.5) var(--theme-hue));
|
|
75
|
+
--fill-hover: color-mix(in oklch, var(--accent) 40%, transparent);
|
|
76
|
+
--fill-active: var(--accent);
|
|
77
|
+
--fill-expanded: var(--muted);
|
|
78
|
+
--fill-selected: color-mix(in oklch, var(--fill-hover) 50%, transparent);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
:is(.dark, .dark *) {
|
|
82
|
+
--background: oklch(0.145 calc(var(--theme-tint) * 1.5) var(--theme-dark-hue));
|
|
83
|
+
--card: oklch(0.21 calc(var(--theme-tint) * 1.2) var(--theme-dark-hue));
|
|
84
|
+
--popover: oklch(0.21 calc(var(--theme-tint) * 1.2) var(--theme-dark-hue));
|
|
85
|
+
--muted: oklch(0.17 calc(var(--theme-tint) * 1.5) var(--theme-dark-hue));
|
|
86
|
+
--accent: oklch(0.27 calc(var(--theme-tint) * 1.2) var(--theme-dark-hue));
|
|
87
|
+
--primary: oklch(0.8325 0.1611 var(--primary-hue));
|
|
88
|
+
--border: oklch(0.27 calc(var(--theme-tint) * 1.2) var(--theme-dark-hue));
|
|
89
|
+
--input: oklch(0.3 calc(var(--theme-tint) * 1.5) var(--theme-dark-hue));
|
|
71
90
|
--fill-hover: color-mix(in oklch, var(--accent) 40%, transparent);
|
|
72
91
|
--fill-active: var(--accent);
|
|
73
92
|
--fill-expanded: var(--muted);
|
package/dist/colors.d.ts
CHANGED
|
@@ -1,19 +1,45 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* PostHog Design System — Color Tokens (
|
|
2
|
+
* PostHog Design System — Color Tokens (hue-based theming)
|
|
3
3
|
*
|
|
4
|
-
*
|
|
4
|
+
* Surface/neutral colors are derived from a shared theme hue + tint.
|
|
5
|
+
* Consumers can override `--theme-hue`, `--primary-hue` (and optionally
|
|
6
|
+
* `--theme-dark-hue`, `--theme-tint`) on `:root` to shift the palette
|
|
7
|
+
* at runtime — no rebuild required.
|
|
8
|
+
*
|
|
9
|
+
* Status colors (destructive, success, warning, info) are independent
|
|
10
|
+
* of the theme hue.
|
|
5
11
|
*/
|
|
6
|
-
export
|
|
7
|
-
|
|
12
|
+
export interface ThemeConfig {
|
|
13
|
+
/** OKLCH hue angle (0–360) for light mode surfaces */
|
|
14
|
+
hue: number;
|
|
15
|
+
/** OKLCH hue angle for dark mode surfaces */
|
|
16
|
+
darkHue: number;
|
|
17
|
+
/** Base OKLCH chroma for neutral surface tinting (0 = pure grey) */
|
|
18
|
+
tint: number;
|
|
19
|
+
/** OKLCH hue angle for the primary/brand color */
|
|
20
|
+
primaryHue: number;
|
|
21
|
+
}
|
|
22
|
+
/** PostHog's warm yellowish-grey default */
|
|
23
|
+
export declare const DEFAULT_THEME: ThemeConfig;
|
|
24
|
+
export type SemanticColorKey = string;
|
|
8
25
|
export type ColorTuple = readonly [light: string, dark: string, tailwindClass: string];
|
|
26
|
+
/**
|
|
27
|
+
* Build the full semantic color map.
|
|
28
|
+
*
|
|
29
|
+
* Surface/neutral colors use CSS custom property expressions so they
|
|
30
|
+
* respond to runtime `--theme-hue` / `--theme-tint` overrides.
|
|
31
|
+
* Status and brand colors are static OKLCH values.
|
|
32
|
+
*/
|
|
33
|
+
export declare function buildSemanticColors(): Record<string, ColorTuple>;
|
|
34
|
+
export declare const semanticColors: Record<string, ColorTuple>;
|
|
9
35
|
export interface StylesConfig {
|
|
10
36
|
/** Include @layer base reset rules (apps only) */
|
|
11
37
|
includeBaseLayer?: boolean;
|
|
12
38
|
}
|
|
13
39
|
/** Flat object for one theme */
|
|
14
|
-
export declare function resolveTheme(mode: 'light' | 'dark'): Record<
|
|
40
|
+
export declare function resolveTheme(mode: 'light' | 'dark'): Record<string, string>;
|
|
15
41
|
/** Generate color-system.css (:root light + .dark overrides) */
|
|
16
|
-
export declare function generateColorSystemCSS(): string;
|
|
42
|
+
export declare function generateColorSystemCSS(theme?: ThemeConfig): string;
|
|
17
43
|
/**
|
|
18
44
|
* Generate Tailwind v4 @theme + @custom-variant + optional @layer base.
|
|
19
45
|
*
|
package/dist/colors.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,MAAM,WAAW,WAAW;IACxB,sDAAsD;IACtD,GAAG,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,4CAA4C;AAC5C,eAAO,MAAM,aAAa,EAAE,WAK3B,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAA;AACrC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;AA6BtF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAqEhE;AAED,eAAO,MAAM,cAAc,4BAAwB,CAAA;AAInD,MAAM,WAAW,YAAY;IACzB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAID,gCAAgC;AAChC,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAG3E;AA4DD,gEAAgE;AAChE,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,WAA2B,GAAG,MAAM,CAgEjF;AASD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,YAAiB,GAAG,MAAM,CAgFnE"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function
|
|
2
|
-
`)}function
|
|
3
|
-
`)}function
|
|
4
|
-
--text-${
|
|
5
|
-
`)}function
|
|
6
|
-
`)}const
|
|
7
|
-
|
|
8
|
-
${u(n)}
|
|
9
|
-
}`};return`/* Auto-generated by @posthog/quill-tokens — do not edit manually */
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function f(r,o,e=" "){return Object.entries(r).map(([s,i])=>`${e}--${o}-${s}: ${i};`).join(`
|
|
2
|
+
`)}function l(r,o=" "){return Object.entries(r).map(([e,s])=>`${o}--${e}: ${s};`).join(`
|
|
3
|
+
`)}function x(r){return/\s/.test(r)?`"${r}"`:r}function v(r){return r.map(x).join(", ")}const b={sm:"0 1px 2px 0 rgba(0, 0, 0, 0.3)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.3)"};function C(){return f(b,"shadow")}const h=.25,k=`${h}rem`,w=16;function F(r){return`${h*r}rem`}function _(r){return h*r*w}function V(){return` --spacing: ${k};`}const j=16;function n(r){return`${r/j}rem`}const y={xxs:[n(10),{lineHeight:n(12)}],xs:[n(12),{lineHeight:n(16)}],sm:[n(14),{lineHeight:n(20)}],base:[n(16),{lineHeight:n(24)}],lg:[n(18),{lineHeight:n(28)}],xl:[n(20),{lineHeight:n(28)}],"2xl":[n(24),{lineHeight:n(32)}]},S={sans:["-apple-system","BlinkMacSystemFont","Inter","Segoe UI","Roboto","Helvetica Neue","sans-serif"],mono:["JetBrains Mono","Fira Code","monospace"]};function O(){return Object.entries(y).map(([r,[o,{lineHeight:e}]])=>` --text-${r}: ${o};
|
|
4
|
+
--text-${r}--line-height: ${e};`).join(`
|
|
5
|
+
`)}function H(){return Object.entries(S).map(([r,o])=>` --font-${r}: ${v(o)};`).join(`
|
|
6
|
+
`)}const $={hue:90,darkHue:264,tint:.006,primaryHue:37.89};function a(r,o,e){const s=e==="light"?"var(--theme-hue)":"var(--theme-dark-hue)",i=o===1?"var(--theme-tint)":o===0?"0":`calc(var(--theme-tint) * ${o})`;return`oklch(${r} ${i} ${s})`}function t(r,o,e,s){return s!==void 0?`oklch(${r} ${o} ${e} / ${s*100}%)`:`oklch(${r} ${o} ${e})`}function E(){return{background:[a(.97,1,"light"),a(.145,1.5,"dark"),"bg-background"],foreground:[t(.13,.028,262),t(.967,.003,265),"text-foreground"],card:[a(.995,.3,"light"),a(.21,1.2,"dark"),"bg-card"],"card-foreground":[t(.13,.028,262),t(.967,.003,265),"text-card-foreground"],popover:[a(.995,.3,"light"),a(.21,1.2,"dark"),"bg-popover"],"popover-foreground":[t(.13,.028,262),t(.967,.003,265),"text-popover-foreground"],muted:[a(.94,1.5,"light"),a(.17,1.5,"dark"),"bg-muted"],"muted-foreground":[t(.446,.03,257),t(.709,0,0),"text-muted-foreground"],accent:[a(.923,.8,"light"),a(.27,1.2,"dark"),"bg-accent"],"accent-foreground":[t(.13,.028,262),t(.967,.003,265),"text-accent-foreground"],primary:["oklch(0.6514 0.2137 var(--primary-hue))","oklch(0.8325 0.1611 var(--primary-hue))","bg-primary"],"primary-foreground":[t(1,0,0),t(.13,.028,262),"text-primary-foreground"],secondary:[t(.31,0,0),t(.86,0,0),"bg-secondary"],"secondary-foreground":[t(1,0,0),t(.13,.028,262),"text-secondary-foreground"],destructive:[t(.92,.03,32.22),t(.24,.03,2.79),"bg-destructive"],"destructive-foreground":[t(.59,.2,23.61),t(.6316,.1927,24.53),"text-destructive-foreground"],success:[t(.94,.06,154.03),t(.27,.04,157.6),"bg-success"],"success-foreground":[t(.448,.119,151.328),t(.925,.084,155.995),"text-success-foreground"],warning:[t(.93,.04,74.41),t(.29,.03,75),"bg-warning"],"warning-foreground":[t(.476,.114,61.907),t(.77,.14,99.29),"text-warning-foreground"],info:[t(.882,.059,254.128),t(.4242,.1982,265.5,.4),"bg-info"],"info-foreground":[t(.49,.02,254),t(.882,.059,254.128),"text-info-foreground"],border:[a(.9,.8,"light"),a(.27,1.2,"dark"),"border-border"],input:[a(.81,.5,"light"),a(.3,1.5,"dark"),"border-input"],ring:[t(.446,.03,257),t(.709,0,0),"border-ring"],"fill-hover":["color-mix(in oklch, var(--accent) 40%, transparent)","color-mix(in oklch, var(--accent) 40%, transparent)","bg-fill-hover"],"fill-active":["var(--accent)","var(--accent)","bg-fill-active"],"fill-expanded":["var(--muted)","var(--muted)","bg-fill-expanded"],"fill-selected":["color-mix(in oklch, var(--fill-hover) 50%, transparent)","color-mix(in oklch, var(--accent) 50%, transparent)","bg-fill-selected"]}}const p=E();function A(r){const o=r==="light"?0:1;return Object.fromEntries(Object.entries(p).map(([e,s])=>[e,s[o]]))}const T=new Set(["background","card","popover","muted","accent","primary","border","input","fill-hover","fill-active","fill-expanded","fill-selected"]);function R(r){const o=["var(--theme-hue)","var(--theme-dark-hue)","var(--theme-tint)","var(--primary-hue)"];for(const[e,[s,i]]of Object.entries(r))if(o.some(c=>s.includes(c)||i.includes(c))&&!T.has(e))throw new Error(`[@posthog/quill-tokens] Token "${e}" references a theme variable but is missing from THEME_DERIVED_TOKENS. Add it to the set in colors.ts or local [--theme-hue:X] overrides will silently fail for this token.`)}R(p);function I(r=$){const o=(u=" ")=>[`${u}--theme-hue: ${r.hue};`,`${u}--theme-dark-hue: ${r.darkHue};`,`${u}--theme-tint: ${r.tint};`,`${u}--primary-hue: ${r.primaryHue};`].join(`
|
|
7
|
+
`),e=u=>{const c={},g={};for(const[d,m]of Object.entries(p))T.has(d)?g[d]=m[u]:c[d]=m[u];return{staticVars:c,dynamicVars:g}},s=e(0),i=e(1);return`/* Auto-generated by @posthog/quill-tokens — do not edit manually */
|
|
10
8
|
|
|
11
9
|
:root {
|
|
12
10
|
color-scheme: light;
|
|
@@ -16,9 +14,33 @@ ${u(n)}
|
|
|
16
14
|
color-scheme: dark;
|
|
17
15
|
}
|
|
18
16
|
|
|
19
|
-
|
|
17
|
+
/* Theme knobs — override these to shift the palette */
|
|
18
|
+
:root {
|
|
19
|
+
--radius: 0.625rem;
|
|
20
|
+
${o()}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Static colors (no theme-var references, safe on :root) */
|
|
24
|
+
:root {
|
|
25
|
+
${l(s.staticVars)}
|
|
26
|
+
}
|
|
20
27
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
28
|
+
.dark {
|
|
29
|
+
${l(i.staticVars)}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/*
|
|
33
|
+
* Theme-derived colors — set on * so each element resolves
|
|
34
|
+
* var(--theme-hue) / var(--primary-hue) from its own scope.
|
|
35
|
+
* This enables local overrides like [--theme-hue:200] on a container.
|
|
36
|
+
*/
|
|
37
|
+
* {
|
|
38
|
+
${l(s.dynamicVars)}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:is(.dark, .dark *) {
|
|
42
|
+
${l(i.dynamicVars)}
|
|
43
|
+
}
|
|
44
|
+
`}function M(){return Object.keys(p).map(r=>` --color-${r}: var(--${r});`).join(`
|
|
45
|
+
`)}function N(r={}){const{includeBaseLayer:o=!1}=r,e=["/* Auto-generated by @posthog/quill-tokens — do not edit manually */","","@custom-variant dark (&:is(.dark, .dark *));"];return e.push(""),e.push("@theme inline {"),e.push(" --animate-skeleton: skeleton 2s -1s infinite linear;"),e.push(" --animate-pulse-glow: pulse-glow 2s -1s infinite linear;"),e.push(" --animate-horizontal-shake: horizontal-shake 0.3s ease-out;"),e.push(" --animate-radar: radar 2s ease-out infinite;"),e.push(""),e.push(" /* --- Colors --- */"),e.push(M()),e.push(""),e.push(" /* --- Spacing --- */"),e.push(V()),e.push(""),e.push(" /* --- Font sizes --- */"),e.push(O()),e.push(""),e.push(" /* --- Font families --- */"),e.push(H()),e.push(""),e.push(" /* --- Shadows --- */"),e.push(C()),e.push(""),e.push(" /* --- Radius (derived from --radius base) --- */"),e.push(" --radius-sm: calc(var(--radius) - 4px);"),e.push(" --radius-md: calc(var(--radius) - 2px);"),e.push(" --radius-lg: var(--radius);"),e.push(" --radius-xl: calc(var(--radius) + 4px);"),e.push(" --radius-2xl: calc(var(--radius) + 8px);"),e.push(" --radius-3xl: calc(var(--radius) + 12px);"),e.push(" --radius-4xl: calc(var(--radius) + 16px);"),e.push(""),e.push(" @keyframes skeleton {"),e.push(" to {"),e.push(" background-position: -200% 0;"),e.push(" }"),e.push(" }"),e.push(""),e.push(" @keyframes pulse-glow {"),e.push(" 0%, 100% { box-shadow: 0 0 2px 1px var(--pulse-glow-color, var(--color-accent)) }"),e.push(" 50% { box-shadow: 0 0 6px 2px var(--pulse-glow-color, var(--color-accent)) }"),e.push(" }"),e.push(""),e.push(" @keyframes horizontal-shake {"),e.push(" 0% { transform: translateX(0); }"),e.push(" 25% { transform: translateX(5px); }"),e.push(" 50% { transform: translateX(-5px); }"),e.push(" 75% { transform: translateX(2px); }"),e.push(" 100% { transform: translateX(0); }"),e.push(" }"),e.push(""),e.push(" @keyframes radar {"),e.push(" 0% { transform: scale(1); opacity: 0.5; }"),e.push(" 100% { transform: scale(1.5); opacity: 0; }"),e.push(" }"),e.push("}"),o&&(e.push(""),e.push("@layer base {"),e.push(" * {"),e.push(" @apply border-border outline-ring/50;"),e.push(" }"),e.push(" body {"),e.push(" @apply bg-background text-foreground;"),e.push(" }"),e.push("}")),e.push(""),e.join(`
|
|
46
|
+
`)}const D={none:"0px",sm:"4px",md:"6px",lg:"8px",xl:"12px",full:"9999px"};exports.DEFAULT_THEME=$;exports.SPACING_BASE=k;exports.SPACING_BASE_REM=h;exports.borderRadius=D;exports.buildSemanticColors=E;exports.cssVars=f;exports.cssVarsFlat=l;exports.fontFamily=S;exports.fontFamilyValue=v;exports.fontSize=y;exports.generateColorSystemCSS=I;exports.generateStylesCSS=N;exports.quoteFontName=x;exports.resolveTheme=A;exports.semanticColors=p;exports.shadow=b;exports.spacing=F;exports.spacingPx=_;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export { semanticColors, resolveTheme, generateColorSystemCSS, generateStylesCSS } from './colors';
|
|
2
|
-
export type { SemanticColorKey, ColorTuple, StylesConfig } from './colors';
|
|
3
|
-
export { spacing } from './spacing';
|
|
4
|
-
export type { Spacing } from './spacing';
|
|
1
|
+
export { semanticColors, buildSemanticColors, resolveTheme, generateColorSystemCSS, generateStylesCSS, DEFAULT_THEME, } from './colors';
|
|
2
|
+
export type { SemanticColorKey, ColorTuple, StylesConfig, ThemeConfig } from './colors';
|
|
3
|
+
export { spacing, spacingPx, SPACING_BASE, SPACING_BASE_REM } from './spacing';
|
|
5
4
|
export { fontSize, fontFamily } from './typography';
|
|
6
5
|
export type { FontSize, FontFamily } from './typography';
|
|
7
6
|
export { borderRadius } from './border-radius';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GAChB,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGvF,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGtC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA"}
|