@bridger-kr/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/README.md +54 -0
- package/assets/fonts/PretendardVariable.woff2 +0 -0
- package/css/base.css +147 -0
- package/css/colors.css +1 -0
- package/css/contract.css +191 -0
- package/css/fonts.css +15 -0
- package/css/index.css +4 -0
- package/css/spacing.css +1 -0
- package/css/typography.css +1 -0
- package/dist/index.cjs +278 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +504 -0
- package/dist/index.d.ts +504 -0
- package/dist/index.mjs +270 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +41 -0
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
// src/index.ts
|
|
2
|
+
var freeze = (tokenGroup) => Object.freeze(tokenGroup);
|
|
3
|
+
var lightColors = freeze({
|
|
4
|
+
paper: "#cfecd8",
|
|
5
|
+
surface: "#ecfff2",
|
|
6
|
+
surfaceRaised: "#ffffff",
|
|
7
|
+
surfaceSunken: "#f4f3ef",
|
|
8
|
+
surfaceMuted: "#f8f7f4",
|
|
9
|
+
ink: "#1b1a16",
|
|
10
|
+
inkStrong: "#0c0b08",
|
|
11
|
+
muted: "#79766e",
|
|
12
|
+
mutedStrong: "#423f38",
|
|
13
|
+
border: "#d8d5ca",
|
|
14
|
+
borderStrong: "#ddd9cf",
|
|
15
|
+
divider: "color-mix(in srgb, var(--dt-border) 50%, transparent)",
|
|
16
|
+
accent: "#ec5e1f",
|
|
17
|
+
accentStrong: "#ec5e1f",
|
|
18
|
+
accentBright: "#ec5e1f",
|
|
19
|
+
accentInk: "#ffffff",
|
|
20
|
+
accentSoft: "color-mix(in srgb, var(--dt-accent) 10%, transparent)",
|
|
21
|
+
cobalt: "#256b5a",
|
|
22
|
+
lime: "#dce95b",
|
|
23
|
+
success: "#16a34a",
|
|
24
|
+
warning: "#d97706",
|
|
25
|
+
danger: "#dc2626",
|
|
26
|
+
info: "var(--dt-cobalt)",
|
|
27
|
+
statusCobalt: "#2f6bff",
|
|
28
|
+
statusSuccess: "#00b04e",
|
|
29
|
+
statusWarning: "#ffa71a",
|
|
30
|
+
statusDanger: "#dc3a34",
|
|
31
|
+
alertInk: "#ecfff2",
|
|
32
|
+
tintAccent: "color-mix(in srgb, var(--dt-accent) 12%, transparent)",
|
|
33
|
+
tintCobalt: "color-mix(in srgb, var(--dt-cobalt) 10%, transparent)",
|
|
34
|
+
tintSuccess: "color-mix(in srgb, var(--dt-success) 12%, transparent)",
|
|
35
|
+
tintWarning: "color-mix(in srgb, var(--dt-warning) 14%, transparent)",
|
|
36
|
+
tintDanger: "color-mix(in srgb, var(--dt-danger) 12%, transparent)",
|
|
37
|
+
tintMuted: "color-mix(in srgb, var(--dt-ink) 5%, transparent)",
|
|
38
|
+
codeBg: "#14161d",
|
|
39
|
+
codeInk: "#e8e6df",
|
|
40
|
+
codeBorder: "#262a35",
|
|
41
|
+
brandGradient: "linear-gradient(120deg, #ec5e1f 0%, #ec5e1f 100%)"
|
|
42
|
+
});
|
|
43
|
+
var darkColors = freeze({
|
|
44
|
+
paper: "#0b0c10",
|
|
45
|
+
surface: "#14151b",
|
|
46
|
+
surfaceRaised: "#1b1d25",
|
|
47
|
+
surfaceSunken: "#08090c",
|
|
48
|
+
surfaceMuted: "#16181f",
|
|
49
|
+
ink: "#f4f3ee",
|
|
50
|
+
inkStrong: "#ffffff",
|
|
51
|
+
muted: "#9a9ba6",
|
|
52
|
+
mutedStrong: "#c4c5ce",
|
|
53
|
+
border: "#23252e",
|
|
54
|
+
borderStrong: "#31343f",
|
|
55
|
+
divider: "color-mix(in srgb, var(--dt-border) 55%, transparent)",
|
|
56
|
+
accent: "#ec5e1f",
|
|
57
|
+
accentStrong: "#ec5e1f",
|
|
58
|
+
accentBright: "#ec5e1f",
|
|
59
|
+
accentInk: "#1a1206",
|
|
60
|
+
accentSoft: "color-mix(in srgb, var(--dt-accent) 14%, transparent)",
|
|
61
|
+
cobalt: "#7aa2ff",
|
|
62
|
+
lime: "#d8f24a",
|
|
63
|
+
success: "#34d399",
|
|
64
|
+
warning: "#fbbf24",
|
|
65
|
+
danger: "#f87171",
|
|
66
|
+
info: "var(--dt-cobalt)",
|
|
67
|
+
statusCobalt: "#2f6bff",
|
|
68
|
+
statusSuccess: "#00b04e",
|
|
69
|
+
statusWarning: "#ffa71a",
|
|
70
|
+
statusDanger: "#dc3a34",
|
|
71
|
+
alertInk: "#ecfff2",
|
|
72
|
+
tintAccent: "color-mix(in srgb, var(--dt-accent) 16%, transparent)",
|
|
73
|
+
tintCobalt: "color-mix(in srgb, var(--dt-cobalt) 16%, transparent)",
|
|
74
|
+
tintSuccess: "color-mix(in srgb, var(--dt-success) 18%, transparent)",
|
|
75
|
+
tintWarning: "color-mix(in srgb, var(--dt-warning) 18%, transparent)",
|
|
76
|
+
tintDanger: "color-mix(in srgb, var(--dt-danger) 18%, transparent)",
|
|
77
|
+
tintMuted: "color-mix(in srgb, var(--dt-ink) 8%, transparent)",
|
|
78
|
+
codeBg: "#0a0b0f",
|
|
79
|
+
codeInk: "#f4f3ee",
|
|
80
|
+
codeBorder: "#23252e"
|
|
81
|
+
});
|
|
82
|
+
var colors = freeze({
|
|
83
|
+
light: lightColors,
|
|
84
|
+
dark: darkColors
|
|
85
|
+
});
|
|
86
|
+
var spacing = freeze({
|
|
87
|
+
1: "4px",
|
|
88
|
+
2: "8px",
|
|
89
|
+
3: "16px",
|
|
90
|
+
4: "24px",
|
|
91
|
+
5: "40px",
|
|
92
|
+
6: "64px",
|
|
93
|
+
7: "96px",
|
|
94
|
+
8: "128px"
|
|
95
|
+
});
|
|
96
|
+
var radius = freeze({
|
|
97
|
+
sm: "6px",
|
|
98
|
+
md: "12px",
|
|
99
|
+
lg: "40px",
|
|
100
|
+
xl: "40px",
|
|
101
|
+
"button": "18px",
|
|
102
|
+
full: "9999px"
|
|
103
|
+
});
|
|
104
|
+
var lightShadows = freeze({
|
|
105
|
+
ring: "0 0 0 1px var(--dt-border)",
|
|
106
|
+
ringStrong: "0 0 0 1px var(--dt-border-strong)",
|
|
107
|
+
xs: "none",
|
|
108
|
+
sm: "0 1px 2px rgba(24, 22, 18, 0.05)",
|
|
109
|
+
md: "0 2px 6px rgba(24, 22, 18, 0.07)",
|
|
110
|
+
lg: "0 6px 16px rgba(24, 22, 18, 0.10)",
|
|
111
|
+
xl: "0 12px 30px rgba(24, 22, 18, 0.14)",
|
|
112
|
+
focus: "0 0 0 3px color-mix(in srgb, var(--dt-accent) 22%, transparent)",
|
|
113
|
+
cardRest: "var(--dt-ring)",
|
|
114
|
+
cardHover: "var(--dt-ring-strong), var(--dt-shadow-sm)",
|
|
115
|
+
cardFloat: "var(--dt-ring-strong), var(--dt-shadow-md)",
|
|
116
|
+
subtle: "var(--dt-shadow-sm)",
|
|
117
|
+
elevated: "var(--dt-shadow-lg)"
|
|
118
|
+
});
|
|
119
|
+
var darkShadows = freeze({
|
|
120
|
+
ring: "0 0 0 1px rgba(255, 255, 255, 0.04)",
|
|
121
|
+
xs: "0 1px 2px rgba(0, 0, 0, 0.4)",
|
|
122
|
+
sm: "0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.4)",
|
|
123
|
+
md: "0 4px 10px rgba(0, 0, 0, 0.5), 0 12px 24px rgba(0, 0, 0, 0.45)",
|
|
124
|
+
lg: "0 8px 20px rgba(0, 0, 0, 0.55), 0 24px 48px rgba(0, 0, 0, 0.5)",
|
|
125
|
+
xl: "0 16px 32px rgba(0, 0, 0, 0.6), 0 40px 72px rgba(0, 0, 0, 0.55)"
|
|
126
|
+
});
|
|
127
|
+
var shadows = freeze({
|
|
128
|
+
light: lightShadows,
|
|
129
|
+
dark: darkShadows
|
|
130
|
+
});
|
|
131
|
+
var fontFamilies = freeze({
|
|
132
|
+
sans: "'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif",
|
|
133
|
+
mono: "'JetBrains Mono', 'Geist Mono', SFMono-Regular, ui-monospace, Menlo, monospace"
|
|
134
|
+
});
|
|
135
|
+
var fontSizes = freeze({
|
|
136
|
+
h1: "clamp(40px, 6vw, 72px)",
|
|
137
|
+
h2: "clamp(28px, 3.5vw, 40px)",
|
|
138
|
+
h3: "18px",
|
|
139
|
+
body: "16px",
|
|
140
|
+
small: "13px",
|
|
141
|
+
mono: "13px"
|
|
142
|
+
});
|
|
143
|
+
var fontWeights = freeze({
|
|
144
|
+
h1: 560,
|
|
145
|
+
h2: 540,
|
|
146
|
+
h3: 600,
|
|
147
|
+
body: 400
|
|
148
|
+
});
|
|
149
|
+
var lineHeights = freeze({
|
|
150
|
+
h1: "1.08",
|
|
151
|
+
h2: "1.15",
|
|
152
|
+
h3: "1.3",
|
|
153
|
+
body: "1.6",
|
|
154
|
+
small: "1.55",
|
|
155
|
+
mono: "1.55"
|
|
156
|
+
});
|
|
157
|
+
var letterSpacing = freeze({
|
|
158
|
+
h1: "0",
|
|
159
|
+
h2: "0",
|
|
160
|
+
h3: "0"
|
|
161
|
+
});
|
|
162
|
+
var typography = freeze({
|
|
163
|
+
fontFamilies,
|
|
164
|
+
fontSizes,
|
|
165
|
+
fontWeights,
|
|
166
|
+
lineHeights,
|
|
167
|
+
letterSpacing
|
|
168
|
+
});
|
|
169
|
+
var cssVarName = freeze({
|
|
170
|
+
colors: freeze({
|
|
171
|
+
paper: "--dt-paper",
|
|
172
|
+
surface: "--dt-surface",
|
|
173
|
+
surfaceRaised: "--dt-surface-raised",
|
|
174
|
+
surfaceSunken: "--dt-surface-sunken",
|
|
175
|
+
surfaceMuted: "--dt-surface-muted",
|
|
176
|
+
ink: "--dt-ink",
|
|
177
|
+
inkStrong: "--dt-ink-strong",
|
|
178
|
+
muted: "--dt-muted",
|
|
179
|
+
mutedStrong: "--dt-muted-strong",
|
|
180
|
+
border: "--dt-border",
|
|
181
|
+
borderStrong: "--dt-border-strong",
|
|
182
|
+
divider: "--dt-divider",
|
|
183
|
+
accent: "--dt-accent",
|
|
184
|
+
accentStrong: "--dt-accent-strong",
|
|
185
|
+
accentBright: "--dt-accent-bright",
|
|
186
|
+
accentInk: "--dt-accent-ink",
|
|
187
|
+
accentSoft: "--dt-accent-soft",
|
|
188
|
+
cobalt: "--dt-cobalt",
|
|
189
|
+
lime: "--dt-lime",
|
|
190
|
+
success: "--dt-success",
|
|
191
|
+
warning: "--dt-warning",
|
|
192
|
+
danger: "--dt-danger",
|
|
193
|
+
info: "--dt-info",
|
|
194
|
+
statusCobalt: "--dt-status-cobalt",
|
|
195
|
+
statusSuccess: "--dt-status-success",
|
|
196
|
+
statusWarning: "--dt-status-warning",
|
|
197
|
+
statusDanger: "--dt-status-danger",
|
|
198
|
+
alertInk: "--dt-alert-ink",
|
|
199
|
+
codeBg: "--dt-code-bg",
|
|
200
|
+
codeInk: "--dt-code-ink",
|
|
201
|
+
codeBorder: "--dt-code-border",
|
|
202
|
+
brandGradient: "--dt-brand-gradient"
|
|
203
|
+
}),
|
|
204
|
+
spacing: freeze({
|
|
205
|
+
1: "--dt-space-1",
|
|
206
|
+
2: "--dt-space-2",
|
|
207
|
+
3: "--dt-space-3",
|
|
208
|
+
4: "--dt-space-4",
|
|
209
|
+
5: "--dt-space-5",
|
|
210
|
+
6: "--dt-space-6",
|
|
211
|
+
7: "--dt-space-7",
|
|
212
|
+
8: "--dt-space-8"
|
|
213
|
+
}),
|
|
214
|
+
radius: freeze({
|
|
215
|
+
sm: "--dt-radius-sm",
|
|
216
|
+
md: "--dt-radius-md",
|
|
217
|
+
lg: "--dt-radius-lg",
|
|
218
|
+
xl: "--dt-radius-xl",
|
|
219
|
+
button: "--dt-radius-button",
|
|
220
|
+
full: "--dt-radius-full"
|
|
221
|
+
}),
|
|
222
|
+
shadows: freeze({
|
|
223
|
+
ring: "--dt-ring",
|
|
224
|
+
ringStrong: "--dt-ring-strong",
|
|
225
|
+
xs: "--dt-shadow-xs",
|
|
226
|
+
sm: "--dt-shadow-sm",
|
|
227
|
+
md: "--dt-shadow-md",
|
|
228
|
+
lg: "--dt-shadow-lg",
|
|
229
|
+
xl: "--dt-shadow-xl",
|
|
230
|
+
focus: "--dt-shadow-focus",
|
|
231
|
+
cardRest: "--dt-card-rest",
|
|
232
|
+
cardHover: "--dt-card-hover",
|
|
233
|
+
cardFloat: "--dt-card-float"
|
|
234
|
+
}),
|
|
235
|
+
typography: freeze({
|
|
236
|
+
fontSans: "--dt-font-sans",
|
|
237
|
+
fontMono: "--dt-font-mono",
|
|
238
|
+
h1Size: "--dt-h1-size",
|
|
239
|
+
h1Leading: "--dt-h1-leading",
|
|
240
|
+
h1Tracking: "--dt-h1-tracking",
|
|
241
|
+
h1Weight: "--dt-h1-weight",
|
|
242
|
+
h2Size: "--dt-h2-size",
|
|
243
|
+
h2Leading: "--dt-h2-leading",
|
|
244
|
+
h2Tracking: "--dt-h2-tracking",
|
|
245
|
+
h2Weight: "--dt-h2-weight",
|
|
246
|
+
h3Size: "--dt-h3-size",
|
|
247
|
+
h3Leading: "--dt-h3-leading",
|
|
248
|
+
h3Tracking: "--dt-h3-tracking",
|
|
249
|
+
h3Weight: "--dt-h3-weight",
|
|
250
|
+
bodySize: "--dt-body-size",
|
|
251
|
+
bodyLeading: "--dt-body-leading",
|
|
252
|
+
bodyWeight: "--dt-body-weight",
|
|
253
|
+
smallSize: "--dt-small-size",
|
|
254
|
+
smallLeading: "--dt-small-leading",
|
|
255
|
+
monoSize: "--dt-mono-size",
|
|
256
|
+
monoLeading: "--dt-mono-leading"
|
|
257
|
+
})
|
|
258
|
+
});
|
|
259
|
+
var tokens = freeze({
|
|
260
|
+
colors,
|
|
261
|
+
spacing,
|
|
262
|
+
radius,
|
|
263
|
+
shadows,
|
|
264
|
+
typography,
|
|
265
|
+
cssVarName
|
|
266
|
+
});
|
|
267
|
+
|
|
268
|
+
export { colors, cssVarName, radius, shadows, spacing, tokens, typography };
|
|
269
|
+
//# sourceMappingURL=index.mjs.map
|
|
270
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["const freeze = <const TokenGroup extends Record<string, unknown>>(tokenGroup: TokenGroup): Readonly<TokenGroup> =>\n Object.freeze(tokenGroup);\n\nconst lightColors = freeze({\n paper: '#cfecd8',\n surface: '#ecfff2',\n surfaceRaised: '#ffffff',\n surfaceSunken: '#f4f3ef',\n surfaceMuted: '#f8f7f4',\n ink: '#1b1a16',\n inkStrong: '#0c0b08',\n muted: '#79766e',\n mutedStrong: '#423f38',\n border: '#d8d5ca',\n borderStrong: '#ddd9cf',\n divider: 'color-mix(in srgb, var(--dt-border) 50%, transparent)',\n accent: '#ec5e1f',\n accentStrong: '#ec5e1f',\n accentBright: '#ec5e1f',\n accentInk: '#ffffff',\n accentSoft: 'color-mix(in srgb, var(--dt-accent) 10%, transparent)',\n cobalt: '#256b5a',\n lime: '#dce95b',\n success: '#16a34a',\n warning: '#d97706',\n danger: '#dc2626',\n info: 'var(--dt-cobalt)',\n statusCobalt: '#2f6bff',\n statusSuccess: '#00b04e',\n statusWarning: '#ffa71a',\n statusDanger: '#dc3a34',\n alertInk: '#ecfff2',\n tintAccent: 'color-mix(in srgb, var(--dt-accent) 12%, transparent)',\n tintCobalt: 'color-mix(in srgb, var(--dt-cobalt) 10%, transparent)',\n tintSuccess: 'color-mix(in srgb, var(--dt-success) 12%, transparent)',\n tintWarning: 'color-mix(in srgb, var(--dt-warning) 14%, transparent)',\n tintDanger: 'color-mix(in srgb, var(--dt-danger) 12%, transparent)',\n tintMuted: 'color-mix(in srgb, var(--dt-ink) 5%, transparent)',\n codeBg: '#14161d',\n codeInk: '#e8e6df',\n codeBorder: '#262a35',\n brandGradient: 'linear-gradient(120deg, #ec5e1f 0%, #ec5e1f 100%)',\n} as const);\n\nconst darkColors = freeze({\n paper: '#0b0c10',\n surface: '#14151b',\n surfaceRaised: '#1b1d25',\n surfaceSunken: '#08090c',\n surfaceMuted: '#16181f',\n ink: '#f4f3ee',\n inkStrong: '#ffffff',\n muted: '#9a9ba6',\n mutedStrong: '#c4c5ce',\n border: '#23252e',\n borderStrong: '#31343f',\n divider: 'color-mix(in srgb, var(--dt-border) 55%, transparent)',\n accent: '#ec5e1f',\n accentStrong: '#ec5e1f',\n accentBright: '#ec5e1f',\n accentInk: '#1a1206',\n accentSoft: 'color-mix(in srgb, var(--dt-accent) 14%, transparent)',\n cobalt: '#7aa2ff',\n lime: '#d8f24a',\n success: '#34d399',\n warning: '#fbbf24',\n danger: '#f87171',\n info: 'var(--dt-cobalt)',\n statusCobalt: '#2f6bff',\n statusSuccess: '#00b04e',\n statusWarning: '#ffa71a',\n statusDanger: '#dc3a34',\n alertInk: '#ecfff2',\n tintAccent: 'color-mix(in srgb, var(--dt-accent) 16%, transparent)',\n tintCobalt: 'color-mix(in srgb, var(--dt-cobalt) 16%, transparent)',\n tintSuccess: 'color-mix(in srgb, var(--dt-success) 18%, transparent)',\n tintWarning: 'color-mix(in srgb, var(--dt-warning) 18%, transparent)',\n tintDanger: 'color-mix(in srgb, var(--dt-danger) 18%, transparent)',\n tintMuted: 'color-mix(in srgb, var(--dt-ink) 8%, transparent)',\n codeBg: '#0a0b0f',\n codeInk: '#f4f3ee',\n codeBorder: '#23252e',\n} as const);\n\nexport const colors = freeze({\n light: lightColors,\n dark: darkColors,\n} as const);\n\nexport const spacing = freeze({\n 1: '4px',\n 2: '8px',\n 3: '16px',\n 4: '24px',\n 5: '40px',\n 6: '64px',\n 7: '96px',\n 8: '128px',\n} as const);\n\nexport const radius = freeze({\n sm: '6px',\n md: '12px',\n lg: '40px',\n xl: '40px',\n 'button': '18px',\n full: '9999px',\n} as const);\n\nconst lightShadows = freeze({\n ring: '0 0 0 1px var(--dt-border)',\n ringStrong: '0 0 0 1px var(--dt-border-strong)',\n xs: 'none',\n sm: '0 1px 2px rgba(24, 22, 18, 0.05)',\n md: '0 2px 6px rgba(24, 22, 18, 0.07)',\n lg: '0 6px 16px rgba(24, 22, 18, 0.10)',\n xl: '0 12px 30px rgba(24, 22, 18, 0.14)',\n focus: '0 0 0 3px color-mix(in srgb, var(--dt-accent) 22%, transparent)',\n cardRest: 'var(--dt-ring)',\n cardHover: 'var(--dt-ring-strong), var(--dt-shadow-sm)',\n cardFloat: 'var(--dt-ring-strong), var(--dt-shadow-md)',\n subtle: 'var(--dt-shadow-sm)',\n elevated: 'var(--dt-shadow-lg)',\n} as const);\n\nconst darkShadows = freeze({\n ring: '0 0 0 1px rgba(255, 255, 255, 0.04)',\n xs: '0 1px 2px rgba(0, 0, 0, 0.4)',\n sm: '0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.4)',\n md: '0 4px 10px rgba(0, 0, 0, 0.5), 0 12px 24px rgba(0, 0, 0, 0.45)',\n lg: '0 8px 20px rgba(0, 0, 0, 0.55), 0 24px 48px rgba(0, 0, 0, 0.5)',\n xl: '0 16px 32px rgba(0, 0, 0, 0.6), 0 40px 72px rgba(0, 0, 0, 0.55)',\n} as const);\n\nexport const shadows = freeze({\n light: lightShadows,\n dark: darkShadows,\n} as const);\n\nconst fontFamilies = freeze({\n sans: \"'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif\",\n mono: \"'JetBrains Mono', 'Geist Mono', SFMono-Regular, ui-monospace, Menlo, monospace\",\n} as const);\n\nconst fontSizes = freeze({\n h1: 'clamp(40px, 6vw, 72px)',\n h2: 'clamp(28px, 3.5vw, 40px)',\n h3: '18px',\n body: '16px',\n small: '13px',\n mono: '13px',\n} as const);\n\nconst fontWeights = freeze({\n h1: 560,\n h2: 540,\n h3: 600,\n body: 400,\n} as const);\n\nconst lineHeights = freeze({\n h1: '1.08',\n h2: '1.15',\n h3: '1.3',\n body: '1.6',\n small: '1.55',\n mono: '1.55',\n} as const);\n\nconst letterSpacing = freeze({\n h1: '0',\n h2: '0',\n h3: '0',\n} as const);\n\nexport const typography = freeze({\n fontFamilies,\n fontSizes,\n fontWeights,\n lineHeights,\n letterSpacing,\n} as const);\n\nexport const cssVarName = freeze({\n colors: freeze({\n paper: '--dt-paper',\n surface: '--dt-surface',\n surfaceRaised: '--dt-surface-raised',\n surfaceSunken: '--dt-surface-sunken',\n surfaceMuted: '--dt-surface-muted',\n ink: '--dt-ink',\n inkStrong: '--dt-ink-strong',\n muted: '--dt-muted',\n mutedStrong: '--dt-muted-strong',\n border: '--dt-border',\n borderStrong: '--dt-border-strong',\n divider: '--dt-divider',\n accent: '--dt-accent',\n accentStrong: '--dt-accent-strong',\n accentBright: '--dt-accent-bright',\n accentInk: '--dt-accent-ink',\n accentSoft: '--dt-accent-soft',\n cobalt: '--dt-cobalt',\n lime: '--dt-lime',\n success: '--dt-success',\n warning: '--dt-warning',\n danger: '--dt-danger',\n info: '--dt-info',\n statusCobalt: '--dt-status-cobalt',\n statusSuccess: '--dt-status-success',\n statusWarning: '--dt-status-warning',\n statusDanger: '--dt-status-danger',\n alertInk: '--dt-alert-ink',\n codeBg: '--dt-code-bg',\n codeInk: '--dt-code-ink',\n codeBorder: '--dt-code-border',\n brandGradient: '--dt-brand-gradient',\n } as const),\n spacing: freeze({\n 1: '--dt-space-1',\n 2: '--dt-space-2',\n 3: '--dt-space-3',\n 4: '--dt-space-4',\n 5: '--dt-space-5',\n 6: '--dt-space-6',\n 7: '--dt-space-7',\n 8: '--dt-space-8',\n } as const),\n radius: freeze({\n sm: '--dt-radius-sm',\n md: '--dt-radius-md',\n lg: '--dt-radius-lg',\n xl: '--dt-radius-xl',\n button: '--dt-radius-button',\n full: '--dt-radius-full',\n } as const),\n shadows: freeze({\n ring: '--dt-ring',\n ringStrong: '--dt-ring-strong',\n xs: '--dt-shadow-xs',\n sm: '--dt-shadow-sm',\n md: '--dt-shadow-md',\n lg: '--dt-shadow-lg',\n xl: '--dt-shadow-xl',\n focus: '--dt-shadow-focus',\n cardRest: '--dt-card-rest',\n cardHover: '--dt-card-hover',\n cardFloat: '--dt-card-float',\n } as const),\n typography: freeze({\n fontSans: '--dt-font-sans',\n fontMono: '--dt-font-mono',\n h1Size: '--dt-h1-size',\n h1Leading: '--dt-h1-leading',\n h1Tracking: '--dt-h1-tracking',\n h1Weight: '--dt-h1-weight',\n h2Size: '--dt-h2-size',\n h2Leading: '--dt-h2-leading',\n h2Tracking: '--dt-h2-tracking',\n h2Weight: '--dt-h2-weight',\n h3Size: '--dt-h3-size',\n h3Leading: '--dt-h3-leading',\n h3Tracking: '--dt-h3-tracking',\n h3Weight: '--dt-h3-weight',\n bodySize: '--dt-body-size',\n bodyLeading: '--dt-body-leading',\n bodyWeight: '--dt-body-weight',\n smallSize: '--dt-small-size',\n smallLeading: '--dt-small-leading',\n monoSize: '--dt-mono-size',\n monoLeading: '--dt-mono-leading',\n } as const),\n} as const);\n\nexport const tokens = freeze({\n colors,\n spacing,\n radius,\n shadows,\n typography,\n cssVarName,\n} as const);\n\nexport type Tokens = typeof tokens;\nexport type Colors = typeof colors;\nexport type Spacing = typeof spacing;\nexport type Radius = typeof radius;\nexport type Shadows = typeof shadows;\nexport type Typography = typeof typography;\n"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@bridger-kr/tokens",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.css"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/index.cjs",
|
|
10
|
+
"module": "./dist/index.mjs",
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/index.mjs",
|
|
16
|
+
"require": "./dist/index.cjs"
|
|
17
|
+
},
|
|
18
|
+
"./css": "./css/index.css",
|
|
19
|
+
"./css/contract": "./css/contract.css",
|
|
20
|
+
"./css/colors": "./css/colors.css",
|
|
21
|
+
"./css/typography": "./css/typography.css",
|
|
22
|
+
"./css/spacing": "./css/spacing.css",
|
|
23
|
+
"./css/base": "./css/base.css",
|
|
24
|
+
"./css/fonts": "./css/fonts.css",
|
|
25
|
+
"./assets/*": "./assets/*",
|
|
26
|
+
"./styles.css": "./css/index.css"
|
|
27
|
+
},
|
|
28
|
+
"files": [
|
|
29
|
+
"dist",
|
|
30
|
+
"css",
|
|
31
|
+
"assets"
|
|
32
|
+
],
|
|
33
|
+
"publishConfig": {
|
|
34
|
+
"access": "public"
|
|
35
|
+
},
|
|
36
|
+
"scripts": {
|
|
37
|
+
"build": "tsup",
|
|
38
|
+
"typecheck": "tsc --noEmit",
|
|
39
|
+
"test": "vitest run"
|
|
40
|
+
}
|
|
41
|
+
}
|