@jsekulowicz/ds-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/dist/base.css +127 -0
- package/dist/build/emit.d.ts +11 -0
- package/dist/build/emit.d.ts.map +1 -0
- package/dist/build/emit.js +25 -0
- package/dist/build/emit.js.map +1 -0
- package/dist/build/flatten.d.ts +6 -0
- package/dist/build/flatten.d.ts.map +1 -0
- package/dist/build/flatten.js +21 -0
- package/dist/build/flatten.js.map +1 -0
- package/dist/build.d.ts +2 -0
- package/dist/build.d.ts.map +1 -0
- package/dist/build.js +54 -0
- package/dist/build.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/primitive/breakpoints.d.ts +28 -0
- package/dist/primitive/breakpoints.d.ts.map +1 -0
- package/dist/primitive/breakpoints.js +25 -0
- package/dist/primitive/breakpoints.js.map +1 -0
- package/dist/primitive/color.d.ts +51 -0
- package/dist/primitive/color.d.ts.map +1 -0
- package/dist/primitive/color.js +50 -0
- package/dist/primitive/color.js.map +1 -0
- package/dist/primitive/index.d.ts +7 -0
- package/dist/primitive/index.d.ts.map +1 -0
- package/dist/primitive/index.js +7 -0
- package/dist/primitive/index.js.map +1 -0
- package/dist/primitive/motion.d.ts +16 -0
- package/dist/primitive/motion.d.ts.map +1 -0
- package/dist/primitive/motion.js +14 -0
- package/dist/primitive/motion.js.map +1 -0
- package/dist/primitive/shape.d.ts +24 -0
- package/dist/primitive/shape.d.ts.map +1 -0
- package/dist/primitive/shape.js +21 -0
- package/dist/primitive/shape.js.map +1 -0
- package/dist/primitive/spacing.d.ts +26 -0
- package/dist/primitive/spacing.d.ts.map +1 -0
- package/dist/primitive/spacing.js +27 -0
- package/dist/primitive/spacing.js.map +1 -0
- package/dist/primitive/typography.d.ts +39 -0
- package/dist/primitive/typography.d.ts.map +1 -0
- package/dist/primitive/typography.js +37 -0
- package/dist/primitive/typography.js.map +1 -0
- package/dist/semantic/dark.d.ts +136 -0
- package/dist/semantic/dark.d.ts.map +1 -0
- package/dist/semantic/dark.js +35 -0
- package/dist/semantic/dark.js.map +1 -0
- package/dist/semantic/index.d.ts +3 -0
- package/dist/semantic/index.d.ts.map +1 -0
- package/dist/semantic/index.js +3 -0
- package/dist/semantic/index.js.map +1 -0
- package/dist/semantic/light.d.ts +137 -0
- package/dist/semantic/light.d.ts.map +1 -0
- package/dist/semantic/light.js +52 -0
- package/dist/semantic/light.js.map +1 -0
- package/dist/theme-default-dark.css +226 -0
- package/dist/theme-default-light.css +113 -0
- package/dist/theme-default.css +3 -0
- package/package.json +47 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
// 4px base scale. Every step is a multiple of 4 (in rem: 0.25rem per 4px at the 16px root default).
|
|
2
|
+
// Rems, not pixels, so spacing scales with the user's root font size — a user who bumps
|
|
3
|
+
// their browser's default text size gets proportionally larger paddings and gaps.
|
|
4
|
+
export const space = {
|
|
5
|
+
0: '0',
|
|
6
|
+
1: '0.25rem',
|
|
7
|
+
2: '0.5rem',
|
|
8
|
+
3: '0.75rem',
|
|
9
|
+
4: '1rem',
|
|
10
|
+
5: '1.25rem',
|
|
11
|
+
6: '1.5rem',
|
|
12
|
+
8: '2rem',
|
|
13
|
+
10: '2.5rem',
|
|
14
|
+
12: '3rem',
|
|
15
|
+
16: '4rem',
|
|
16
|
+
20: '5rem',
|
|
17
|
+
24: '6rem',
|
|
18
|
+
32: '8rem',
|
|
19
|
+
};
|
|
20
|
+
export const size = {
|
|
21
|
+
xs: '1.75rem',
|
|
22
|
+
sm: '2rem',
|
|
23
|
+
md: '2.5rem',
|
|
24
|
+
lg: '3rem',
|
|
25
|
+
xl: '3.5rem',
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=spacing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/primitive/spacing.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,wFAAwF;AACxF,kFAAkF;AAClF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACF,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;CACJ,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export declare const fontFamily: {
|
|
2
|
+
readonly display: "'Fraunces', 'Times New Roman', Georgia, serif";
|
|
3
|
+
readonly body: "'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4
|
+
readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
|
|
5
|
+
};
|
|
6
|
+
export declare const fontSize: {
|
|
7
|
+
readonly '3xs': "0.6875rem";
|
|
8
|
+
readonly '2xs': "0.75rem";
|
|
9
|
+
readonly xs: "0.8125rem";
|
|
10
|
+
readonly sm: "0.875rem";
|
|
11
|
+
readonly md: "1rem";
|
|
12
|
+
readonly lg: "1.125rem";
|
|
13
|
+
readonly xl: "1.375rem";
|
|
14
|
+
readonly '2xl': "1.75rem";
|
|
15
|
+
readonly '3xl': "2.25rem";
|
|
16
|
+
readonly '4xl': "3rem";
|
|
17
|
+
readonly '5xl': "4rem";
|
|
18
|
+
};
|
|
19
|
+
export declare const fontWeight: {
|
|
20
|
+
readonly regular: "400";
|
|
21
|
+
readonly medium: "500";
|
|
22
|
+
readonly semibold: "600";
|
|
23
|
+
readonly bold: "700";
|
|
24
|
+
};
|
|
25
|
+
export declare const lineHeight: {
|
|
26
|
+
readonly tight: "1.1";
|
|
27
|
+
readonly snug: "1.25";
|
|
28
|
+
readonly normal: "1.45";
|
|
29
|
+
readonly relaxed: "1.6";
|
|
30
|
+
};
|
|
31
|
+
export declare const letterSpacing: {
|
|
32
|
+
readonly tight: "-0.02em";
|
|
33
|
+
readonly normal: "0";
|
|
34
|
+
readonly wide: "0.04em";
|
|
35
|
+
readonly display: "-0.01em";
|
|
36
|
+
};
|
|
37
|
+
export type FontFamilyTokens = typeof fontFamily;
|
|
38
|
+
export type FontSizeTokens = typeof fontSize;
|
|
39
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAKb,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAYX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export const fontFamily = {
|
|
2
|
+
display: "'Fraunces', 'Times New Roman', Georgia, serif",
|
|
3
|
+
body: "'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
|
|
4
|
+
mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace",
|
|
5
|
+
};
|
|
6
|
+
export const fontSize = {
|
|
7
|
+
'3xs': '0.6875rem',
|
|
8
|
+
'2xs': '0.75rem',
|
|
9
|
+
xs: '0.8125rem',
|
|
10
|
+
sm: '0.875rem',
|
|
11
|
+
md: '1rem',
|
|
12
|
+
lg: '1.125rem',
|
|
13
|
+
xl: '1.375rem',
|
|
14
|
+
'2xl': '1.75rem',
|
|
15
|
+
'3xl': '2.25rem',
|
|
16
|
+
'4xl': '3rem',
|
|
17
|
+
'5xl': '4rem',
|
|
18
|
+
};
|
|
19
|
+
export const fontWeight = {
|
|
20
|
+
regular: '400',
|
|
21
|
+
medium: '500',
|
|
22
|
+
semibold: '600',
|
|
23
|
+
bold: '700',
|
|
24
|
+
};
|
|
25
|
+
export const lineHeight = {
|
|
26
|
+
tight: '1.1',
|
|
27
|
+
snug: '1.25',
|
|
28
|
+
normal: '1.45',
|
|
29
|
+
relaxed: '1.6',
|
|
30
|
+
};
|
|
31
|
+
export const letterSpacing = {
|
|
32
|
+
tight: '-0.02em',
|
|
33
|
+
normal: '0',
|
|
34
|
+
wide: '0.04em',
|
|
35
|
+
display: '-0.01em',
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EACL,+CAA+C;IACjD,IAAI,EAAE,0FAA0F;IAChG,IAAI,EAAE,8EAA8E;CAC5E,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,SAAS;IAChB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
export declare const semanticDark: {
|
|
2
|
+
readonly color: {
|
|
3
|
+
readonly bg: "#222425";
|
|
4
|
+
readonly 'bg-subtle': "#2B2D2E";
|
|
5
|
+
readonly 'bg-muted': "#363839";
|
|
6
|
+
readonly 'bg-inverse': "#FAF8F5";
|
|
7
|
+
readonly fg: "#F2EFEA";
|
|
8
|
+
readonly 'fg-muted': "#A6A6A9";
|
|
9
|
+
readonly 'fg-subtle': "#86868A";
|
|
10
|
+
readonly 'fg-inverse': "#0B0B0C";
|
|
11
|
+
readonly accent: "#6A95E8";
|
|
12
|
+
readonly 'accent-hover': "#5A84D4";
|
|
13
|
+
readonly 'accent-active': "#4A72CC";
|
|
14
|
+
readonly 'accent-fg': "#0B0B0C";
|
|
15
|
+
readonly 'accent-subtle': "rgba(74, 114, 204, 0.18)";
|
|
16
|
+
readonly border: "rgba(242, 239, 234, 0.14)";
|
|
17
|
+
readonly 'border-strong': "#56565B";
|
|
18
|
+
readonly 'border-subtle': "rgba(242, 239, 234, 0.06)";
|
|
19
|
+
readonly focus: "rgba(106, 149, 232, 0.45)";
|
|
20
|
+
readonly 'success-subtle': "rgba(31, 122, 72, 0.22)";
|
|
21
|
+
readonly 'warning-subtle': "rgba(166, 98, 11, 0.25)";
|
|
22
|
+
readonly 'danger-subtle': "rgba(178, 26, 10, 0.22)";
|
|
23
|
+
readonly 'chart-1': "#7AA3F5";
|
|
24
|
+
readonly 'chart-2': "#50D8D4";
|
|
25
|
+
readonly 'chart-3': "#F7A53E";
|
|
26
|
+
readonly 'chart-4': "#F472B6";
|
|
27
|
+
readonly 'chart-5': "#70E380";
|
|
28
|
+
readonly 'chart-6': "#B995FF";
|
|
29
|
+
readonly success: "#1F7A48";
|
|
30
|
+
readonly warning: "#A6620B";
|
|
31
|
+
readonly danger: "#B21A0A";
|
|
32
|
+
};
|
|
33
|
+
readonly space: {
|
|
34
|
+
readonly 0: "0";
|
|
35
|
+
readonly 1: "0.25rem";
|
|
36
|
+
readonly 2: "0.5rem";
|
|
37
|
+
readonly 3: "0.75rem";
|
|
38
|
+
readonly 4: "1rem";
|
|
39
|
+
readonly 5: "1.25rem";
|
|
40
|
+
readonly 6: "1.5rem";
|
|
41
|
+
readonly 8: "2rem";
|
|
42
|
+
readonly 10: "2.5rem";
|
|
43
|
+
readonly 12: "3rem";
|
|
44
|
+
readonly 16: "4rem";
|
|
45
|
+
readonly 20: "5rem";
|
|
46
|
+
readonly 24: "6rem";
|
|
47
|
+
readonly 32: "8rem";
|
|
48
|
+
};
|
|
49
|
+
readonly font: {
|
|
50
|
+
readonly display: "'Fraunces', 'Times New Roman', Georgia, serif";
|
|
51
|
+
readonly body: "'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
52
|
+
readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
|
|
53
|
+
};
|
|
54
|
+
readonly 'font-size': {
|
|
55
|
+
readonly '3xs': "0.6875rem";
|
|
56
|
+
readonly '2xs': "0.75rem";
|
|
57
|
+
readonly xs: "0.8125rem";
|
|
58
|
+
readonly sm: "0.875rem";
|
|
59
|
+
readonly md: "1rem";
|
|
60
|
+
readonly lg: "1.125rem";
|
|
61
|
+
readonly xl: "1.375rem";
|
|
62
|
+
readonly '2xl': "1.75rem";
|
|
63
|
+
readonly '3xl': "2.25rem";
|
|
64
|
+
readonly '4xl': "3rem";
|
|
65
|
+
readonly '5xl': "4rem";
|
|
66
|
+
};
|
|
67
|
+
readonly 'font-weight': {
|
|
68
|
+
readonly regular: "400";
|
|
69
|
+
readonly medium: "500";
|
|
70
|
+
readonly semibold: "600";
|
|
71
|
+
readonly bold: "700";
|
|
72
|
+
};
|
|
73
|
+
readonly 'line-height': {
|
|
74
|
+
readonly tight: "1.1";
|
|
75
|
+
readonly snug: "1.25";
|
|
76
|
+
readonly normal: "1.45";
|
|
77
|
+
readonly relaxed: "1.6";
|
|
78
|
+
};
|
|
79
|
+
readonly 'letter-spacing': {
|
|
80
|
+
readonly tight: "-0.02em";
|
|
81
|
+
readonly normal: "0";
|
|
82
|
+
readonly wide: "0.04em";
|
|
83
|
+
readonly display: "-0.01em";
|
|
84
|
+
};
|
|
85
|
+
readonly radius: {
|
|
86
|
+
readonly none: "0";
|
|
87
|
+
readonly xs: "2px";
|
|
88
|
+
readonly sm: "4px";
|
|
89
|
+
readonly md: "8px";
|
|
90
|
+
readonly lg: "12px";
|
|
91
|
+
readonly full: "9999px";
|
|
92
|
+
};
|
|
93
|
+
readonly border: {
|
|
94
|
+
readonly hairline: "1px";
|
|
95
|
+
readonly regular: "1.5px";
|
|
96
|
+
readonly heavy: "2px";
|
|
97
|
+
};
|
|
98
|
+
readonly shadow: {
|
|
99
|
+
readonly none: "none";
|
|
100
|
+
readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
|
|
101
|
+
readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
|
|
102
|
+
readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
|
|
103
|
+
readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
|
|
104
|
+
};
|
|
105
|
+
readonly duration: {
|
|
106
|
+
readonly instant: "80ms";
|
|
107
|
+
readonly fast: "120ms";
|
|
108
|
+
readonly normal: "180ms";
|
|
109
|
+
readonly slow: "240ms";
|
|
110
|
+
readonly slower: "320ms";
|
|
111
|
+
};
|
|
112
|
+
readonly easing: {
|
|
113
|
+
readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
|
|
114
|
+
readonly emphasized: "cubic-bezier(0.2, 0, 0.1, 1.1)";
|
|
115
|
+
readonly enter: "cubic-bezier(0, 0, 0, 1)";
|
|
116
|
+
readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
|
|
117
|
+
};
|
|
118
|
+
readonly breakpoint: {
|
|
119
|
+
readonly sm: "480px";
|
|
120
|
+
readonly md: "768px";
|
|
121
|
+
readonly lg: "1024px";
|
|
122
|
+
readonly xl: "1280px";
|
|
123
|
+
readonly '2xl': "1536px";
|
|
124
|
+
};
|
|
125
|
+
readonly 'z-index': {
|
|
126
|
+
readonly base: "0";
|
|
127
|
+
readonly raised: "10";
|
|
128
|
+
readonly dropdown: "100";
|
|
129
|
+
readonly sticky: "200";
|
|
130
|
+
readonly overlay: "300";
|
|
131
|
+
readonly modal: "400";
|
|
132
|
+
readonly toast: "500";
|
|
133
|
+
readonly tooltip: "600";
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
//# sourceMappingURL=dark.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bf,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { color } from '../primitive/index.js';
|
|
2
|
+
import { semanticLight } from './light.js';
|
|
3
|
+
export const semanticDark = {
|
|
4
|
+
...semanticLight,
|
|
5
|
+
color: {
|
|
6
|
+
...semanticLight.color,
|
|
7
|
+
bg: '#222425',
|
|
8
|
+
'bg-subtle': '#2B2D2E',
|
|
9
|
+
'bg-muted': '#363839',
|
|
10
|
+
'bg-inverse': color.ink[1000],
|
|
11
|
+
fg: color.ink[900],
|
|
12
|
+
'fg-muted': color.ink[600],
|
|
13
|
+
'fg-subtle': color.ink[500],
|
|
14
|
+
'fg-inverse': color.ink[0],
|
|
15
|
+
accent: '#6A95E8',
|
|
16
|
+
'accent-hover': '#5A84D4',
|
|
17
|
+
'accent-active': color.cobalt[500],
|
|
18
|
+
'accent-fg': color.ink[0],
|
|
19
|
+
'accent-subtle': 'rgba(74, 114, 204, 0.18)',
|
|
20
|
+
border: color.alpha.paperHairline,
|
|
21
|
+
'border-strong': color.ink[300],
|
|
22
|
+
'border-subtle': color.alpha.paperSubtle,
|
|
23
|
+
focus: 'rgba(106, 149, 232, 0.45)',
|
|
24
|
+
'success-subtle': 'rgba(31, 122, 72, 0.22)',
|
|
25
|
+
'warning-subtle': 'rgba(166, 98, 11, 0.25)',
|
|
26
|
+
'danger-subtle': 'rgba(178, 26, 10, 0.22)',
|
|
27
|
+
'chart-1': '#7AA3F5',
|
|
28
|
+
'chart-2': '#50D8D4',
|
|
29
|
+
'chart-3': '#F7A53E',
|
|
30
|
+
'chart-4': '#F472B6',
|
|
31
|
+
'chart-5': '#70E380',
|
|
32
|
+
'chart-6': '#B995FF',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=dark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,aAAa;IAChB,KAAK,EAAE;QACL,GAAG,aAAa,CAAC,KAAK;QACtB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAClB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,SAAS;QACjB,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,eAAe,EAAE,0BAA0B;QAC3C,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa;QACjC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QACxC,KAAK,EAAE,2BAA2B;QAClC,gBAAgB,EAAE,yBAAyB;QAC3C,gBAAgB,EAAE,yBAAyB;QAC3C,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;CACO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
export declare const semanticLight: {
|
|
2
|
+
readonly color: {
|
|
3
|
+
readonly bg: "#FAF8F5";
|
|
4
|
+
readonly 'bg-subtle': "#F2EFEA";
|
|
5
|
+
readonly 'bg-muted': "#E2E2E3";
|
|
6
|
+
readonly 'bg-inverse': "#0B0B0C";
|
|
7
|
+
readonly fg: "#0B0B0C";
|
|
8
|
+
readonly 'fg-muted': "#6B6B6E";
|
|
9
|
+
readonly 'fg-subtle': "#56565B";
|
|
10
|
+
readonly 'fg-inverse': "#FAF8F5";
|
|
11
|
+
readonly accent: "#4A72CC";
|
|
12
|
+
readonly 'accent-hover': "#3860B8";
|
|
13
|
+
readonly 'accent-active': "#2750A2";
|
|
14
|
+
readonly 'accent-fg': "#FAF8F5";
|
|
15
|
+
readonly 'accent-subtle': "#E8EEF9";
|
|
16
|
+
readonly border: "rgba(11, 11, 12, 0.12)";
|
|
17
|
+
readonly 'border-strong': "#3F3F43";
|
|
18
|
+
readonly 'border-subtle': "rgba(11, 11, 12, 0.06)";
|
|
19
|
+
readonly focus: "rgba(74, 114, 204, 0.35)";
|
|
20
|
+
readonly success: "#1F7A48";
|
|
21
|
+
readonly 'success-subtle': "#E4F1EA";
|
|
22
|
+
readonly warning: "#A6620B";
|
|
23
|
+
readonly 'warning-subtle': "#FBF0DA";
|
|
24
|
+
readonly danger: "#B21A0A";
|
|
25
|
+
readonly 'danger-subtle': "#FBE7E4";
|
|
26
|
+
readonly 'chart-1': "#4A72CC";
|
|
27
|
+
readonly 'chart-2': "#1F7A7A";
|
|
28
|
+
readonly 'chart-3': "#D97706";
|
|
29
|
+
readonly 'chart-4': "#B83280";
|
|
30
|
+
readonly 'chart-5': "#2B8A3E";
|
|
31
|
+
readonly 'chart-6': "#7B3FE4";
|
|
32
|
+
};
|
|
33
|
+
readonly space: {
|
|
34
|
+
readonly 0: "0";
|
|
35
|
+
readonly 1: "0.25rem";
|
|
36
|
+
readonly 2: "0.5rem";
|
|
37
|
+
readonly 3: "0.75rem";
|
|
38
|
+
readonly 4: "1rem";
|
|
39
|
+
readonly 5: "1.25rem";
|
|
40
|
+
readonly 6: "1.5rem";
|
|
41
|
+
readonly 8: "2rem";
|
|
42
|
+
readonly 10: "2.5rem";
|
|
43
|
+
readonly 12: "3rem";
|
|
44
|
+
readonly 16: "4rem";
|
|
45
|
+
readonly 20: "5rem";
|
|
46
|
+
readonly 24: "6rem";
|
|
47
|
+
readonly 32: "8rem";
|
|
48
|
+
};
|
|
49
|
+
readonly font: {
|
|
50
|
+
readonly display: "'Fraunces', 'Times New Roman', Georgia, serif";
|
|
51
|
+
readonly body: "'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
52
|
+
readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
|
|
53
|
+
};
|
|
54
|
+
readonly 'font-size': {
|
|
55
|
+
readonly '3xs': "0.6875rem";
|
|
56
|
+
readonly '2xs': "0.75rem";
|
|
57
|
+
readonly xs: "0.8125rem";
|
|
58
|
+
readonly sm: "0.875rem";
|
|
59
|
+
readonly md: "1rem";
|
|
60
|
+
readonly lg: "1.125rem";
|
|
61
|
+
readonly xl: "1.375rem";
|
|
62
|
+
readonly '2xl': "1.75rem";
|
|
63
|
+
readonly '3xl': "2.25rem";
|
|
64
|
+
readonly '4xl': "3rem";
|
|
65
|
+
readonly '5xl': "4rem";
|
|
66
|
+
};
|
|
67
|
+
readonly 'font-weight': {
|
|
68
|
+
readonly regular: "400";
|
|
69
|
+
readonly medium: "500";
|
|
70
|
+
readonly semibold: "600";
|
|
71
|
+
readonly bold: "700";
|
|
72
|
+
};
|
|
73
|
+
readonly 'line-height': {
|
|
74
|
+
readonly tight: "1.1";
|
|
75
|
+
readonly snug: "1.25";
|
|
76
|
+
readonly normal: "1.45";
|
|
77
|
+
readonly relaxed: "1.6";
|
|
78
|
+
};
|
|
79
|
+
readonly 'letter-spacing': {
|
|
80
|
+
readonly tight: "-0.02em";
|
|
81
|
+
readonly normal: "0";
|
|
82
|
+
readonly wide: "0.04em";
|
|
83
|
+
readonly display: "-0.01em";
|
|
84
|
+
};
|
|
85
|
+
readonly radius: {
|
|
86
|
+
readonly none: "0";
|
|
87
|
+
readonly xs: "2px";
|
|
88
|
+
readonly sm: "4px";
|
|
89
|
+
readonly md: "8px";
|
|
90
|
+
readonly lg: "12px";
|
|
91
|
+
readonly full: "9999px";
|
|
92
|
+
};
|
|
93
|
+
readonly border: {
|
|
94
|
+
readonly hairline: "1px";
|
|
95
|
+
readonly regular: "1.5px";
|
|
96
|
+
readonly heavy: "2px";
|
|
97
|
+
};
|
|
98
|
+
readonly shadow: {
|
|
99
|
+
readonly none: "none";
|
|
100
|
+
readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
|
|
101
|
+
readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
|
|
102
|
+
readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
|
|
103
|
+
readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
|
|
104
|
+
};
|
|
105
|
+
readonly duration: {
|
|
106
|
+
readonly instant: "80ms";
|
|
107
|
+
readonly fast: "120ms";
|
|
108
|
+
readonly normal: "180ms";
|
|
109
|
+
readonly slow: "240ms";
|
|
110
|
+
readonly slower: "320ms";
|
|
111
|
+
};
|
|
112
|
+
readonly easing: {
|
|
113
|
+
readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
|
|
114
|
+
readonly emphasized: "cubic-bezier(0.2, 0, 0.1, 1.1)";
|
|
115
|
+
readonly enter: "cubic-bezier(0, 0, 0, 1)";
|
|
116
|
+
readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
|
|
117
|
+
};
|
|
118
|
+
readonly breakpoint: {
|
|
119
|
+
readonly sm: "480px";
|
|
120
|
+
readonly md: "768px";
|
|
121
|
+
readonly lg: "1024px";
|
|
122
|
+
readonly xl: "1280px";
|
|
123
|
+
readonly '2xl': "1536px";
|
|
124
|
+
};
|
|
125
|
+
readonly 'z-index': {
|
|
126
|
+
readonly base: "0";
|
|
127
|
+
readonly raised: "10";
|
|
128
|
+
readonly dropdown: "100";
|
|
129
|
+
readonly sticky: "200";
|
|
130
|
+
readonly overlay: "300";
|
|
131
|
+
readonly modal: "400";
|
|
132
|
+
readonly toast: "500";
|
|
133
|
+
readonly tooltip: "600";
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
export type SemanticTokens = typeof semanticLight;
|
|
137
|
+
//# sourceMappingURL=light.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDhB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { color, space, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, radius, border, shadow, duration, easing, breakpoint, zIndex, } from '../primitive/index.js';
|
|
2
|
+
export const semanticLight = {
|
|
3
|
+
color: {
|
|
4
|
+
bg: color.ink[1000],
|
|
5
|
+
'bg-subtle': color.ink[900],
|
|
6
|
+
'bg-muted': color.ink[800],
|
|
7
|
+
'bg-inverse': color.ink[0],
|
|
8
|
+
fg: color.ink[0],
|
|
9
|
+
'fg-muted': color.ink[400],
|
|
10
|
+
'fg-subtle': color.ink[300],
|
|
11
|
+
'fg-inverse': color.ink[1000],
|
|
12
|
+
accent: color.cobalt[500],
|
|
13
|
+
'accent-hover': color.cobalt[600],
|
|
14
|
+
'accent-active': color.cobalt[700],
|
|
15
|
+
'accent-fg': color.ink[1000],
|
|
16
|
+
'accent-subtle': color.cobalt[100],
|
|
17
|
+
border: color.alpha.inkHairline,
|
|
18
|
+
'border-strong': color.ink[200],
|
|
19
|
+
'border-subtle': color.alpha.inkSubtle,
|
|
20
|
+
focus: color.alpha.focusRing,
|
|
21
|
+
success: color.success[500],
|
|
22
|
+
'success-subtle': color.success[100],
|
|
23
|
+
warning: color.warning[500],
|
|
24
|
+
'warning-subtle': color.warning[100],
|
|
25
|
+
danger: color.danger[500],
|
|
26
|
+
'danger-subtle': color.danger[100],
|
|
27
|
+
'chart-1': '#4A72CC',
|
|
28
|
+
'chart-2': '#1F7A7A',
|
|
29
|
+
'chart-3': '#D97706',
|
|
30
|
+
'chart-4': '#B83280',
|
|
31
|
+
'chart-5': '#2B8A3E',
|
|
32
|
+
'chart-6': '#7B3FE4',
|
|
33
|
+
},
|
|
34
|
+
space,
|
|
35
|
+
font: {
|
|
36
|
+
display: fontFamily.display,
|
|
37
|
+
body: fontFamily.body,
|
|
38
|
+
mono: fontFamily.mono,
|
|
39
|
+
},
|
|
40
|
+
'font-size': fontSize,
|
|
41
|
+
'font-weight': fontWeight,
|
|
42
|
+
'line-height': lineHeight,
|
|
43
|
+
'letter-spacing': letterSpacing,
|
|
44
|
+
radius,
|
|
45
|
+
border,
|
|
46
|
+
shadow,
|
|
47
|
+
duration,
|
|
48
|
+
easing,
|
|
49
|
+
breakpoint,
|
|
50
|
+
'z-index': zIndex,
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=light.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,GACP,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE;QACL,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QACnB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACjC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAC/B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QACtC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,IAAI,EAAE,UAAU,CAAC,IAAI;KACtB;IACD,WAAW,EAAE,QAAQ;IACrB,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,gBAAgB,EAAE,aAAa;IAC/B,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,UAAU;IACV,SAAS,EAAE,MAAM;CACT,CAAC"}
|