@fastwork/xosmoz-theme 0.0.20 → 0.0.22

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.
Files changed (20) hide show
  1. package/dist/base.css +71 -152
  2. package/dist/fonts/fastwork-bold.woff +0 -0
  3. package/dist/fonts/fastwork-bold.woff2 +0 -0
  4. package/dist/fonts/fastwork-regular.woff +0 -0
  5. package/dist/fonts/fastwork-regular.woff2 +0 -0
  6. package/dist/{index-D8kHN4dA.d.mts → index-CaPjiKxd.d.mts} +63 -43
  7. package/dist/{index-D8kHN4dA.d.ts → index-CaPjiKxd.d.ts} +63 -43
  8. package/dist/index.d.mts +2 -2
  9. package/dist/index.d.ts +2 -2
  10. package/dist/index.js +74 -113
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +73 -107
  13. package/dist/index.mjs.map +1 -1
  14. package/dist/tokens.d.mts +1 -1
  15. package/dist/tokens.d.ts +1 -1
  16. package/dist/tokens.js +74 -113
  17. package/dist/tokens.js.map +1 -1
  18. package/dist/tokens.mjs +73 -107
  19. package/dist/tokens.mjs.map +1 -1
  20. package/package.json +3 -2
package/dist/tokens.mjs CHANGED
@@ -42,249 +42,215 @@ var lineHeight = {
42
42
  "200pct": "2"
43
43
  };
44
44
  var headings = {
45
- h1: {
45
+ heading1: {
46
46
  fontFamily: fontFamily.secondary,
47
47
  fontSize: {
48
48
  desktop: fontSize[1600],
49
49
  mobile: fontSize[1300]
50
50
  },
51
- fontWeight: fontWeight[700]
51
+ fontWeight: fontWeight[700],
52
+ lineHeight: lineHeight["150pct"]
52
53
  },
53
- h2: {
54
+ heading2: {
54
55
  fontFamily: fontFamily.secondary,
55
56
  fontSize: {
56
57
  desktop: fontSize[1500],
57
58
  mobile: fontSize[1200]
58
59
  },
59
- fontWeight: fontWeight[700]
60
+ fontWeight: fontWeight[700],
61
+ lineHeight: lineHeight["150pct"]
60
62
  },
61
- h3: {
63
+ heading3: {
62
64
  fontFamily: fontFamily.secondary,
63
65
  fontSize: {
64
66
  desktop: fontSize[1400],
65
67
  mobile: fontSize[1e3]
66
68
  },
67
- fontWeight: fontWeight[700]
69
+ fontWeight: fontWeight[700],
70
+ lineHeight: lineHeight["150pct"]
68
71
  },
69
- h4: {
72
+ heading4: {
70
73
  fontFamily: fontFamily.secondary,
71
74
  fontSize: {
72
75
  desktop: fontSize[1300],
73
76
  mobile: fontSize[900]
74
77
  },
75
- fontWeight: fontWeight[700]
78
+ fontWeight: fontWeight[700],
79
+ lineHeight: lineHeight["150pct"]
76
80
  },
77
- h5: {
81
+ heading5: {
78
82
  fontFamily: fontFamily.secondary,
79
83
  fontSize: {
80
84
  desktop: fontSize[1100],
81
85
  mobile: fontSize[800]
82
86
  },
83
- fontWeight: fontWeight[700]
87
+ fontWeight: fontWeight[700],
88
+ lineHeight: lineHeight["150pct"]
84
89
  },
85
- h6: {
90
+ heading6: {
86
91
  fontFamily: fontFamily.secondary,
87
92
  fontSize: {
88
93
  desktop: fontSize[900],
89
94
  mobile: fontSize[700]
90
95
  },
91
- fontWeight: fontWeight[700]
96
+ fontWeight: fontWeight[700],
97
+ lineHeight: lineHeight["150pct"]
92
98
  }
93
99
  };
94
100
  var titles = {
95
101
  title1: {
96
- fontFamily: fontFamily.secondary,
102
+ fontFamily: fontFamily.primary,
97
103
  fontSize: {
98
104
  desktop: fontSize[700],
99
105
  mobile: fontSize[600]
100
106
  },
101
- fontWeight: fontWeight[700]
107
+ fontWeight: fontWeight[700],
108
+ lineHeight: lineHeight["150pct"]
102
109
  },
103
110
  title2: {
104
- fontFamily: fontFamily.secondary,
111
+ fontFamily: fontFamily.primary,
105
112
  fontSize: {
106
113
  desktop: fontSize[600],
107
114
  mobile: fontSize[500]
108
115
  },
109
- fontWeight: fontWeight[700]
116
+ fontWeight: fontWeight[700],
117
+ lineHeight: lineHeight["150pct"]
110
118
  },
111
119
  title3: {
112
- fontFamily: fontFamily.secondary,
120
+ fontFamily: fontFamily.primary,
113
121
  fontSize: {
114
122
  desktop: fontSize[500],
115
123
  mobile: fontSize[400]
116
124
  },
117
- fontWeight: fontWeight[700]
125
+ fontWeight: fontWeight[700],
126
+ lineHeight: lineHeight["150pct"]
118
127
  },
119
128
  title4: {
120
- fontFamily: fontFamily.secondary,
129
+ fontFamily: fontFamily.primary,
121
130
  fontSize: {
122
131
  desktop: fontSize[400],
123
132
  mobile: fontSize[300]
124
133
  },
125
- fontWeight: fontWeight[700]
134
+ fontWeight: fontWeight[700],
135
+ lineHeight: lineHeight["150pct"]
126
136
  }
127
137
  };
128
138
  var subtitles = {
129
139
  subtitle1Bold: {
130
- fontFamily: fontFamily.secondary,
140
+ fontFamily: fontFamily.primary,
131
141
  fontSize: {
132
142
  desktop: fontSize[400],
133
143
  mobile: fontSize[300]
134
144
  },
135
- fontWeight: fontWeight[700]
145
+ fontWeight: fontWeight[700],
146
+ lineHeight: lineHeight["150pct"]
136
147
  },
137
148
  subtitle1Regular: {
138
- fontFamily: fontFamily.secondary,
149
+ fontFamily: fontFamily.primary,
139
150
  fontSize: {
140
151
  desktop: fontSize[400],
141
152
  mobile: fontSize[300]
142
153
  },
143
- fontWeight: fontWeight[400]
154
+ fontWeight: fontWeight[400],
155
+ lineHeight: lineHeight["150pct"]
144
156
  },
145
157
  subtitle2Bold: {
146
- fontFamily: fontFamily.secondary,
158
+ fontFamily: fontFamily.primary,
147
159
  fontSize: {
148
160
  desktop: fontSize[300],
149
161
  mobile: fontSize[200]
150
162
  },
151
- fontWeight: fontWeight[700]
163
+ fontWeight: fontWeight[700],
164
+ lineHeight: lineHeight["150pct"]
152
165
  },
153
166
  subtitle2Regular: {
154
- fontFamily: fontFamily.secondary,
167
+ fontFamily: fontFamily.primary,
155
168
  fontSize: {
156
169
  desktop: fontSize[300],
157
170
  mobile: fontSize[200]
158
171
  },
159
- fontWeight: fontWeight[400]
172
+ fontWeight: fontWeight[400],
173
+ lineHeight: lineHeight["150pct"]
160
174
  },
161
175
  subtitle3Bold: {
162
- fontFamily: fontFamily.secondary,
176
+ fontFamily: fontFamily.primary,
163
177
  fontSize: {
164
178
  desktop: fontSize[200],
165
179
  mobile: fontSize[100]
166
180
  },
167
- fontWeight: fontWeight[700]
181
+ fontWeight: fontWeight[700],
182
+ lineHeight: lineHeight["150pct"]
168
183
  },
169
184
  subtitle3Regular: {
170
- fontFamily: fontFamily.secondary,
185
+ fontFamily: fontFamily.primary,
171
186
  fontSize: {
172
187
  desktop: fontSize[200],
173
188
  mobile: fontSize[100]
174
189
  },
175
- fontWeight: fontWeight[400]
190
+ fontWeight: fontWeight[400],
191
+ lineHeight: lineHeight["150pct"]
176
192
  }
177
193
  };
178
194
  var body = {
179
195
  body1: {
180
- fontFamily: fontFamily.secondary,
196
+ fontFamily: fontFamily.primary,
181
197
  fontSize: {
182
198
  desktop: fontSize[400],
183
199
  mobile: fontSize[300]
184
200
  },
185
- fontWeight: fontWeight[400]
201
+ fontWeight: fontWeight[400],
202
+ lineHeight: lineHeight["150pct"]
186
203
  },
187
204
  body2: {
188
- fontFamily: fontFamily.secondary,
205
+ fontFamily: fontFamily.primary,
189
206
  fontSize: {
190
207
  desktop: fontSize[300],
191
208
  mobile: fontSize[200]
192
209
  },
193
- fontWeight: fontWeight[400]
210
+ fontWeight: fontWeight[400],
211
+ lineHeight: lineHeight["150pct"]
194
212
  },
195
213
  body3: {
196
- fontFamily: fontFamily.secondary,
214
+ fontFamily: fontFamily.primary,
197
215
  fontSize: {
198
216
  desktop: fontSize[200],
199
217
  mobile: fontSize[100]
200
218
  },
201
- fontWeight: fontWeight[400]
219
+ fontWeight: fontWeight[400],
220
+ lineHeight: lineHeight["150pct"]
202
221
  },
203
222
  body4: {
204
- fontFamily: fontFamily.secondary,
223
+ fontFamily: fontFamily.primary,
205
224
  fontSize: {
206
225
  desktop: fontSize[100],
207
226
  mobile: fontSize[50]
208
227
  },
209
- fontWeight: fontWeight[400]
228
+ fontWeight: fontWeight[400],
229
+ lineHeight: lineHeight["150pct"]
210
230
  }
211
231
  };
232
+ var font = {
233
+ ...headings,
234
+ ...titles,
235
+ ...subtitles,
236
+ ...body
237
+ };
212
238
  var typography = {
213
239
  fontSize,
214
240
  fontWeight,
215
241
  fontFamily,
216
242
  lineHeight,
217
- headings,
218
- titles,
219
- subtitles,
220
- body
221
- };
222
-
223
- // src/tokens/spacing.ts
224
- var spacing = {
225
- 0: "0",
226
- px: "1px",
227
- 0.5: "0.125rem",
228
- 1: "0.25rem",
229
- 1.5: "0.375rem",
230
- 2: "0.5rem",
231
- 2.5: "0.625rem",
232
- 3: "0.75rem",
233
- 3.5: "0.875rem",
234
- 4: "1rem",
235
- 5: "1.25rem",
236
- 6: "1.5rem",
237
- 7: "1.75rem",
238
- 8: "2rem",
239
- 9: "2.25rem",
240
- 10: "2.5rem",
241
- 11: "2.75rem",
242
- 12: "3rem",
243
- 14: "3.5rem",
244
- 16: "4rem",
245
- 20: "5rem",
246
- 24: "6rem",
247
- 28: "7rem",
248
- 32: "8rem",
249
- 36: "9rem",
250
- 40: "10rem",
251
- 44: "11rem",
252
- 48: "12rem",
253
- 52: "13rem",
254
- 56: "14rem",
255
- 60: "15rem",
256
- 64: "16rem",
257
- 72: "18rem",
258
- 80: "20rem",
259
- 96: "24rem"
243
+ font
260
244
  };
261
245
 
262
246
  // src/tokens/shadows.ts
263
- var shadows = {
264
- xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
265
- sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
266
- base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
267
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
268
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
269
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
270
- "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
271
- inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
272
- none: "0 0 #0000"
273
- };
274
-
275
- // src/tokens/radius.ts
276
- var borderRadius = {
277
- none: "0",
278
- sm: "0.125rem",
279
- base: "0.25rem",
280
- md: "0.375rem",
281
- lg: "0.5rem",
282
- xl: "0.75rem",
283
- "2xl": "1rem",
284
- "3xl": "1.5rem",
285
- full: "9999px"
247
+ var boxShadows = {
248
+ 100: "0 1px 2px 0 rgba(0, 0, 0, 0.08)",
249
+ 200: "0 2px 6px 0 rgba(0, 0, 0, 0.10)",
250
+ 300: "0 4px 16px 0 rgba(0, 0, 0, 0.12)",
251
+ 400: "0 8px 20px 0 rgba(0, 0, 0, 0.14)"
286
252
  };
287
253
 
288
- export { body, borderRadius, fontFamily, fontSize, fontWeight, headings, lineHeight, shadows, spacing, subtitles, titles, typography };
254
+ export { boxShadows, font, fontFamily, fontSize, fontWeight, lineHeight, typography };
289
255
  //# sourceMappingURL=tokens.mjs.map
290
256
  //# sourceMappingURL=tokens.mjs.map
package/dist/tokens.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/radius.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","h1","desktop","mobile","h2","h3","h4","h5","h6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","typography","spacing","px","shadows","xs","sm","base","md","lg","xl","inner","none","borderRadius","full"],"mappings":"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","file":"tokens.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types';\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n};\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n};\n\nexport const fontFamily = {\n\tprimary:\n\t\t'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n};\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n};\n\nexport const headings: HeadingTokens = {\n\th1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[50], // 8px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\theadings,\n\ttitles,\n\tsubtitles,\n\tbody,\n};\n","/**\n * Spacing design tokens\n */\n\nimport type { SpacingScale } from '../types';\n\nexport const spacing: SpacingScale = {\n\t0: '0',\n\tpx: '1px',\n\t0.5: '0.125rem', // 2px\n\t1: '0.25rem', // 4px\n\t1.5: '0.375rem', // 6px\n\t2: '0.5rem', // 8px\n\t2.5: '0.625rem', // 10px\n\t3: '0.75rem', // 12px\n\t3.5: '0.875rem', // 14px\n\t4: '1rem', // 16px\n\t5: '1.25rem', // 20px\n\t6: '1.5rem', // 24px\n\t7: '1.75rem', // 28px\n\t8: '2rem', // 32px\n\t9: '2.25rem', // 36px\n\t10: '2.5rem', // 40px\n\t11: '2.75rem', // 44px\n\t12: '3rem', // 48px\n\t14: '3.5rem', // 56px\n\t16: '4rem', // 64px\n\t20: '5rem', // 80px\n\t24: '6rem', // 96px\n\t28: '7rem', // 112px\n\t32: '8rem', // 128px\n\t36: '9rem', // 144px\n\t40: '10rem', // 160px\n\t44: '11rem', // 176px\n\t48: '12rem', // 192px\n\t52: '13rem', // 208px\n\t56: '14rem', // 224px\n\t60: '15rem', // 240px\n\t64: '16rem', // 256px\n\t72: '18rem', // 288px\n\t80: '20rem', // 320px\n\t96: '24rem', // 384px\n};\n","/**\n * Shadow design tokens\n */\n\nimport type { Shadows } from '../types';\n\nexport const shadows: Shadows = {\n\txs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n\tsm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tbase: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tmd: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n\tlg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n\txl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n\t'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n\tinner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n\tnone: '0 0 #0000',\n};\n","/**\n * Border radius design tokens\n */\n\nimport type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n\tnone: '0',\n\tsm: '0.125rem', // 2px\n\tbase: '0.25rem', // 4px\n\tmd: '0.375rem', // 6px\n\tlg: '0.5rem', // 8px\n\txl: '0.75rem', // 12px\n\t'2xl': '1rem', // 16px\n\t'3xl': '1.5rem', // 24px\n\tfull: '9999px',\n};\n"]}
1
+ {"version":3,"sources":["../src/tokens/typography.ts","../src/tokens/shadows.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","heading1","desktop","mobile","heading2","heading3","heading4","heading5","heading6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","font","typography","boxShadows"],"mappings":";AAaO,IAAMA,QAAAA,GAA4B;EACxC,EAAA,EAAI,QAAA;EACJ,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,SAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,MAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,SAAA;EACL,GAAA,EAAK,QAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,MAAA;EACL,GAAA,EAAM,UAAA;EACN,IAAA,EAAM,QAAA;EACN,IAAA,EAAM,WAAA;EACN,IAAA,EAAM,MAAA;EACN,IAAA,EAAM,QAAA;EACN,IAAA,EAAM,MAAA;EACN,IAAA,EAAM;AACP;AAEO,IAAMC,UAAAA,GAA0B;EACtC,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK;AACN;AAEO,IAAMC,UAAAA,GAAa;EACzBC,OAAAA,EACC,gGAAA;EACDC,SAAAA,EACC;AACF;AAEO,IAAMC,UAAAA,GAAa;EACzB,QAAA,EAAU,GAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU,KAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU;AACX;AAEA,IAAMC,QAAAA,GAA0B;EAC/BC,QAAAA,EAAU;AACTL,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,IAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAK,QAAAA,EAAU;AACTR,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,IAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAM,QAAAA,EAAU;AACTT,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAO,QAAAA,EAAU;AACTV,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAQ,QAAAA,EAAU;AACTX,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAS,QAAAA,EAAU;AACTZ,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMU,MAAAA,GAAsB;EAC3BC,MAAAA,EAAQ;AACPd,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAY,MAAAA,EAAQ;AACPf,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAa,MAAAA,EAAQ;AACPhB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAc,MAAAA,EAAQ;AACPjB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMe,SAAAA,GAA4B;EACjCC,aAAAA,EAAe;AACdnB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAiB,gBAAAA,EAAkB;AACjBpB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAkB,aAAAA,EAAe;AACdrB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAmB,gBAAAA,EAAkB;AACjBtB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAoB,aAAAA,EAAe;AACdvB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAqB,gBAAAA,EAAkB;AACjBxB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMsB,IAAAA,GAAmB;EACxBC,KAAAA,EAAO;AACN1B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAwB,KAAAA,EAAO;AACN3B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAyB,KAAAA,EAAO;AACN5B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACA0B,KAAAA,EAAO;AACN7B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,EAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAGO,IAAM2B,IAAAA,GAAO;EACnB,GAAG1B,QAAAA;EACH,GAAGS,MAAAA;EACH,GAAGK,SAAAA;EACH,GAAGO;AACJ;AAEO,IAAMM,UAAAA,GAAa;AACzBjC,EAAAA,QAAAA;AACAC,EAAAA,UAAAA;AACAC,EAAAA,UAAAA;AACAG,EAAAA,UAAAA;AACA2B,EAAAA;AACD;;;ACvQO,IAAME,UAAAA,GAAa;EACzB,GAAA,EAAK,iCAAA;EACL,GAAA,EAAK,iCAAA;EACL,GAAA,EAAK,kCAAA;EACL,GAAA,EAAK;AACN","file":"tokens.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types'\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n}\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n}\n\nexport const fontFamily = {\n\tprimary:\n\t\t'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n}\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n}\n\nconst headings: HeadingTokens = {\n\theading1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[50], // 8px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\n// Combined font tokens for easy access: typography.font.heading1, typography.font.body1, etc.\nexport const font = {\n\t...headings,\n\t...titles,\n\t...subtitles,\n\t...body,\n}\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\tfont,\n}\n","/**\n * Box Shadow design tokens\n */\n\nexport const boxShadows = {\n\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.08)',\n\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.10)',\n\t300: '0 4px 16px 0 rgba(0, 0, 0, 0.12)',\n\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.14)',\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastwork/xosmoz-theme",
3
- "version": "0.0.20",
3
+ "version": "0.0.22",
4
4
  "description": "Xosmoz Theme - Design tokens and theming system for Xosmoz",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -26,8 +26,9 @@
26
26
  "dist"
27
27
  ],
28
28
  "scripts": {
29
- "build": "yarn build:ts && yarn build:css && yarn build:themes",
29
+ "build": "yarn build:ts && yarn build:fonts && yarn build:css && yarn build:themes",
30
30
  "build:ts": "tsup",
31
+ "build:fonts": "mkdir -p dist/fonts && cp assets/fonts/* dist/fonts/",
31
32
  "build:css": "node scripts/generate-css.mjs",
32
33
  "build:themes": "node scripts/generate-themes.mjs",
33
34
  "dev": "tsup --watch",