@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/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
+ }