@arun-dev/tokens 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +98 -0
- package/dist/createBrand.cjs +210 -0
- package/dist/createBrand.d.cts +74 -0
- package/dist/createBrand.d.ts +74 -0
- package/dist/createBrand.js +183 -0
- package/package.json +70 -0
- package/src/base.css +10 -0
- package/src/brands/default/palette.css +28 -0
- package/src/brands/default/semantic.css +162 -0
- package/src/brands/default.css +5 -0
- package/src/createBrand.ts +293 -0
- package/src/fonts/inter-latin-wght-italic.woff2 +0 -0
- package/src/fonts/inter-latin-wght-normal.woff2 +0 -0
- package/src/primitives/breakpoints.css +9 -0
- package/src/primitives/elevation.css +10 -0
- package/src/primitives/fonts.css +25 -0
- package/src/primitives/motion.css +10 -0
- package/src/primitives/radius.css +9 -0
- package/src/primitives/shadow.css +12 -0
- package/src/primitives/spacing.css +29 -0
- package/src/primitives/typography.css +49 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--space-px: 0.0625rem; /* 1px — hairlines, sr-only clip, single-pixel borders */
|
|
3
|
+
--space-2px: 0.125rem; /* 2px — fine borders, focus-ring outline, underline indicators */
|
|
4
|
+
--space-3xs: 0.25rem; /* 4px */
|
|
5
|
+
--space-2xs: 0.5rem; /* 8px */
|
|
6
|
+
--space-xs: 0.75rem; /* 12px */
|
|
7
|
+
--space-sm: 1rem; /* 16px */
|
|
8
|
+
--space-md: 1.5rem; /* 24px */
|
|
9
|
+
--space-lg: 2rem; /* 32px */
|
|
10
|
+
--space-xl: 2.5rem; /* 40px */
|
|
11
|
+
--space-2xl: 3rem; /* 48px */
|
|
12
|
+
--space-3xl: 4rem; /* 64px */
|
|
13
|
+
--space-4xl: 5rem; /* 80px */
|
|
14
|
+
--space-5xl: 10rem; /* 160px */
|
|
15
|
+
--space-6xl: 14rem; /* 224px */
|
|
16
|
+
--space-7xl: 18rem; /* 288px */
|
|
17
|
+
|
|
18
|
+
/* Named content widths */
|
|
19
|
+
--size-container-sm: 42rem;
|
|
20
|
+
--size-container-md: 56rem;
|
|
21
|
+
--size-container-lg: 66rem;
|
|
22
|
+
|
|
23
|
+
/* Named structural heights */
|
|
24
|
+
--size-header: 3.5rem; /* sticky header height — used in calc() for sticky sidebar offset */
|
|
25
|
+
|
|
26
|
+
/* Named component sizes */
|
|
27
|
+
--size-sidebar-toc: 13rem; /* article ToC sidebar fixed width */
|
|
28
|
+
--size-toc-indent: 0.875rem; /* 14px — per-level indent for nested ToC headings */
|
|
29
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Font families — shared across all brands */
|
|
3
|
+
/* --font-inter injected by next/font/local in layout.tsx; falls back to literal 'Inter' for non-Next.js consumers */
|
|
4
|
+
--font-sans:
|
|
5
|
+
var(--font-inter, 'Inter'), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
6
|
+
'Segoe UI', Roboto, sans-serif;
|
|
7
|
+
--font-mono:
|
|
8
|
+
ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
|
|
9
|
+
--font-heading: var(--font-sans);
|
|
10
|
+
|
|
11
|
+
--text-xs: 0.75rem;
|
|
12
|
+
--text-sm: 0.875rem;
|
|
13
|
+
--text-base: 1rem;
|
|
14
|
+
--text-lg: 1.125rem;
|
|
15
|
+
--text-xl: 1.25rem;
|
|
16
|
+
--text-2xl: 1.5rem;
|
|
17
|
+
--text-3xl: 1.875rem;
|
|
18
|
+
--text-4xl: 2.25rem;
|
|
19
|
+
--text-5xl: 3rem;
|
|
20
|
+
|
|
21
|
+
/* Paired fixed line-heights for text-size utilities (rem, not unitless) */
|
|
22
|
+
--text-xs-leading: 1rem;
|
|
23
|
+
--text-sm-leading: 1.25rem;
|
|
24
|
+
--text-base-leading: 1.5rem;
|
|
25
|
+
--text-lg-leading: 1.75rem;
|
|
26
|
+
--text-xl-leading: 1.75rem;
|
|
27
|
+
--text-2xl-leading: 2rem;
|
|
28
|
+
--text-3xl-leading: 2.25rem;
|
|
29
|
+
--text-4xl-leading: 2.5rem;
|
|
30
|
+
--text-5xl-leading: 1;
|
|
31
|
+
|
|
32
|
+
--font-weight-normal: 400;
|
|
33
|
+
--font-weight-medium: 500;
|
|
34
|
+
--font-weight-semibold: 600;
|
|
35
|
+
--font-weight-bold: 700;
|
|
36
|
+
|
|
37
|
+
--line-height-none: 1;
|
|
38
|
+
--line-height-tight: 1.25;
|
|
39
|
+
--line-height-snug: 1.375;
|
|
40
|
+
--line-height-normal: 1.5;
|
|
41
|
+
--line-height-relaxed: 1.625;
|
|
42
|
+
--line-height-loose: 2;
|
|
43
|
+
|
|
44
|
+
--letter-spacing-tighter: -0.05em;
|
|
45
|
+
--letter-spacing-tight: -0.025em;
|
|
46
|
+
--letter-spacing-normal: 0em;
|
|
47
|
+
--letter-spacing-wide: 0.025em;
|
|
48
|
+
--letter-spacing-wider: 0.05em;
|
|
49
|
+
}
|