@org-design-system/styles 0.1.4

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 (13) hide show
  1. package/LICENSE +19 -0
  2. package/README.md +51 -0
  3. package/dist/index.cjs +723 -0
  4. package/dist/index.css +295 -0
  5. package/dist/index.d.cts +692 -0
  6. package/dist/index.d.ts +692 -0
  7. package/dist/index.js +695 -0
  8. package/package.json +41 -0
  9. package/src/component.css +20 -0
  10. package/src/index.css +295 -0
  11. package/src/index.ts +2 -0
  12. package/src/tailwind.tokens.ts +299 -0
  13. package/src/tokens.generated.ts +391 -0
package/src/tokens.generated.ts ADDED
@@ -0,0 +1,391 @@
1
+ export const tokens = {
2
+ 'color': {
3
+ 'green': {
4
+ '1': 'oklch(13.929% 0.01574 120.111)',
5
+ '2': 'oklch(20.180% 0.02079 119.586)',
6
+ '3': 'oklch(26.035% 0.03495 121.463)',
7
+ '4': 'oklch(31.159% 0.05034 121.731)',
8
+ '5': 'oklch(35.836% 0.06161 121.367)',
9
+ '6': 'oklch(40.733% 0.07227 121.113)',
10
+ '7': 'oklch(46.185% 0.08353 120.739)',
11
+ '8': 'oklch(52.315% 0.09811 121.373)',
12
+ '9': 'oklch(90.962% 0.18848 121.314)',
13
+ '10': 'oklch(87.984% 0.16494 121.240)',
14
+ '11': 'oklch(86.779% 0.16480 121.322)',
15
+ '12': 'oklch(94.488% 0.08475 120.827)',
16
+ 'alpha': {
17
+ '1': 'oklch(54.467% 0.18194 142.064 / 0.009999999776482582)',
18
+ '2': 'oklch(91.609% 0.19721 122.833 / 0.05999999865889549)',
19
+ '3': 'oklch(91.737% 0.18693 123.466 / 0.12999999523162842)',
20
+ '4': 'oklch(92.762% 0.19504 123.178 / 0.18000000715255737)',
21
+ '5': 'oklch(92.606% 0.19350 122.705 / 0.23999999463558197)',
22
+ '6': 'oklch(93.338% 0.19226 122.153 / 0.28999999165534973)',
23
+ '7': 'oklch(93.279% 0.18834 121.488 / 0.36000001430511475)',
24
+ '8': 'oklch(93.717% 0.19063 121.930 / 0.4300000071525574)',
25
+ '9': 'oklch(93.728% 0.19479 121.411 / 0.9599999785423279)',
26
+ '10': 'oklch(93.910% 0.17704 121.163 / 0.9100000262260437)',
27
+ '11': 'oklch(93.811% 0.17972 121.331 / 0.8999999761581421)',
28
+ '12': 'oklch(96.770% 0.08694 121.078 / 0.9700000286102295)'
29
+ }
30
+ },
31
+ 'red': {
32
+ '1': 'oklch(14.035% 0.01562 28.753)',
33
+ '2': 'oklch(19.667% 0.02386 23.867)',
34
+ '3': 'oklch(24.790% 0.07540 26.521)',
35
+ '4': 'oklch(28.781% 0.11338 26.821)',
36
+ '5': 'oklch(33.157% 0.12650 27.057)',
37
+ '6': 'oklch(38.161% 0.13208 26.995)',
38
+ '7': 'oklch(44.942% 0.14232 26.726)',
39
+ '8': 'oklch(54.153% 0.17272 26.767)',
40
+ '9': 'oklch(64.887% 0.23697 26.973)',
41
+ '10': 'oklch(60.863% 0.23703 26.898)',
42
+ '11': 'oklch(76.916% 0.13666 27.548)',
43
+ '12': 'oklch(89.618% 0.05443 27.826)',
44
+ 'alpha': {
45
+ '1': 'oklch(57.701% 0.23678 29.234 / 0.029999999329447746)',
46
+ '2': 'oklch(69.401% 0.19152 27.160 / 0.09000000357627869)',
47
+ '3': 'oklch(63.719% 0.24861 29.224 / 0.2199999988079071)',
48
+ '4': 'oklch(62.796% 0.25768 29.234 / 0.3100000023841858)',
49
+ '5': 'oklch(62.617% 0.25409 28.709 / 0.38999998569488525)',
50
+ '6': 'oklch(64.004% 0.24049 28.229 / 0.46000000834465027)',
51
+ '7': 'oklch(66.006% 0.22405 27.446 / 0.5699999928474426)',
52
+ '8': 'oklch(66.773% 0.21946 27.140 / 0.7400000095367432)',
53
+ '9': 'oklch(64.887% 0.23697 26.973)',
54
+ '10': 'oklch(63.467% 0.24808 27.082 / 0.9399999976158142)',
55
+ '11': 'oklch(76.916% 0.13666 27.548)',
56
+ '12': 'oklch(89.618% 0.05443 27.826)'
57
+ }
58
+ },
59
+ 'yellow': {
60
+ '1': 'oklch(14.042% 0.01080 86.919)',
61
+ '2': 'oklch(20.368% 0.01545 74.521)',
62
+ '3': 'oklch(25.426% 0.03579 72.708)',
63
+ '4': 'oklch(29.146% 0.06118 71.572)',
64
+ '5': 'oklch(33.347% 0.06707 71.814)',
65
+ '6': 'oklch(38.560% 0.06578 72.230)',
66
+ '7': 'oklch(45.135% 0.07133 71.333)',
67
+ '8': 'oklch(53.893% 0.08585 71.345)',
68
+ '9': 'oklch(78.617% 0.14705 71.872)',
69
+ '10': 'oklch(75.244% 0.14751 71.625)',
70
+ '11': 'oklch(82.108% 0.12828 71.819)',
71
+ '12': 'oklch(92.757% 0.04646 70.972)',
72
+ 'alpha': {
73
+ '1': 'oklch(48.411% 0.19511 29.829 / 0.009999999776482582)',
74
+ '2': 'oklch(82.660% 0.13441 71.992 / 0.07000000029802322)',
75
+ '3': 'oklch(78.650% 0.16014 67.778 / 0.15000000596046448)',
76
+ '4': 'oklch(75.621% 0.17780 59.353 / 0.2199999988079071)',
77
+ '5': 'oklch(76.859% 0.17276 64.251 / 0.27000001072883606)',
78
+ '6': 'oklch(80.594% 0.15782 69.604 / 0.33000001311302185)',
79
+ '7': 'oklch(82.045% 0.14521 69.848 / 0.4099999964237213)',
80
+ '8': 'oklch(82.843% 0.14088 70.987 / 0.5400000214576721)',
81
+ '9': 'oklch(81.736% 0.15334 71.804 / 0.949999988079071)',
82
+ '10': 'oklch(80.629% 0.15913 71.149 / 0.9100000262260437)',
83
+ '11': 'oklch(84.103% 0.13165 71.875 / 0.9700000286102295)',
84
+ '12': 'oklch(93.940% 0.04735 71.862 / 0.9800000190734863)'
85
+ }
86
+ },
87
+ 'blue': {
88
+ '1': 'oklch(13.945% 0.02453 256.348)',
89
+ '2': 'oklch(20.316% 0.02936 255.448)',
90
+ '3': 'oklch(26.933% 0.06472 254.279)',
91
+ '4': 'oklch(31.736% 0.09355 253.373)',
92
+ '5': 'oklch(36.350% 0.10237 253.403)',
93
+ '6': 'oklch(41.448% 0.10722 253.461)',
94
+ '7': 'oklch(47.169% 0.11511 253.542)',
95
+ '8': 'oklch(53.551% 0.13282 253.399)',
96
+ '9': 'oklch(75.987% 0.12514 253.837)',
97
+ '10': 'oklch(72.507% 0.12510 253.588)',
98
+ '11': 'oklch(76.977% 0.12030 252.362)',
99
+ '12': 'oklch(90.882% 0.04506 252.742)',
100
+ 'alpha': {
101
+ '1': 'oklch(44.295% 0.29416 260.213 / 0.03999999910593033)',
102
+ '2': 'oklch(64.514% 0.19193 255.622 / 0.10999999940395355)',
103
+ '3': 'oklch(61.761% 0.20392 255.278 / 0.25)',
104
+ '4': 'oklch(60.330% 0.21476 255.162 / 0.36000001430511475)',
105
+ '5': 'oklch(62.748% 0.20377 254.388 / 0.4300000071525574)',
106
+ '6': 'oklch(65.234% 0.18877 253.894 / 0.5)',
107
+ '7': 'oklch(66.820% 0.17727 253.981 / 0.5899999737739563)',
108
+ '8': 'oklch(67.271% 0.17492 253.458 / 0.7099999785423279)',
109
+ '9': 'oklch(75.987% 0.12514 253.837)',
110
+ '10': 'oklch(75.107% 0.13012 253.932 / 0.949999988079071)',
111
+ '11': 'oklch(76.977% 0.12030 252.362)',
112
+ '12': 'oklch(90.882% 0.04506 252.742)'
113
+ }
114
+ },
115
+ 'gray': {
116
+ '1': 'oklch(13.979% 0.00000 86.067)',
117
+ '2': 'oklch(20.904% 0.00000 86.067)',
118
+ '3': 'oklch(25.196% 0.00000 86.067)',
119
+ '4': 'oklch(28.094% 0.00000 86.067)',
120
+ '5': 'oklch(31.317% 0.00000 86.067)',
121
+ '6': 'oklch(34.846% 0.00000 86.067)',
122
+ '7': 'oklch(40.167% 0.00000 86.067)',
123
+ '8': 'oklch(48.906% 0.00000 86.067)',
124
+ '9': 'oklch(53.476% 0.00000 86.067)',
125
+ '10': 'oklch(58.292% 0.00000 86.067)',
126
+ '11': 'oklch(76.993% 0.00000 86.067)',
127
+ '12': 'oklch(94.912% 0.00000 86.067)',
128
+ 'alpha': {
129
+ '1': 'oklch(13.979% 0.00000 86.067 / 0)',
130
+ '2': 'oklch(100.000% 0.00000 86.067 / 0.05999999865889549)',
131
+ '3': 'oklch(100.000% 0.00000 86.067 / 0.10000000149011612)',
132
+ '4': 'oklch(100.000% 0.00000 86.067 / 0.12999999523162842)',
133
+ '5': 'oklch(100.000% 0.00000 86.067 / 0.1599999964237213)',
134
+ '6': 'oklch(100.000% 0.00000 86.067 / 0.20000000298023224)',
135
+ '7': 'oklch(100.000% 0.00000 86.067 / 0.25)',
136
+ '8': 'oklch(100.000% 0.00000 86.067 / 0.3499999940395355)',
137
+ '9': 'oklch(100.000% 0.00000 86.067 / 0.4099999964237213)',
138
+ '10': 'oklch(100.000% 0.00000 86.067 / 0.46000000834465027)',
139
+ '11': 'oklch(100.000% 0.00000 86.067 / 0.6899999976158142)',
140
+ '12': 'oklch(100.000% 0.00000 86.067 / 0.9300000071525574)'
141
+ }
142
+ },
143
+ 'text': {
144
+ 'primary': 'oklch(94.912% 0.00000 86.067)',
145
+ 'secondary': 'oklch(76.993% 0.00000 86.067)',
146
+ 'disabled': 'oklch(53.476% 0.00000 86.067)',
147
+ 'selected': 'oklch(87.984% 0.16494 121.240)',
148
+ 'focus': {
149
+ 'DEFAULT': 'oklch(94.488% 0.08475 120.827)',
150
+ 'subtle': 'oklch(86.779% 0.16480 121.322)'
151
+ },
152
+ 'info': {
153
+ 'DEFAULT': 'oklch(76.977% 0.12030 252.362)',
154
+ 'subtle': 'oklch(75.987% 0.12514 253.837)'
155
+ },
156
+ 'warning': {
157
+ 'DEFAULT': 'oklch(75.244% 0.14751 71.625)',
158
+ 'subtle': 'oklch(53.893% 0.08585 71.345)'
159
+ },
160
+ 'error': {
161
+ 'DEFAULT': 'oklch(89.618% 0.05443 27.826)',
162
+ 'subtle': 'oklch(76.916% 0.13666 27.548)'
163
+ }
164
+ },
165
+ 'icon': {
166
+ 'primary': 'oklch(94.912% 0.00000 86.067)',
167
+ 'secondary': 'oklch(76.993% 0.00000 86.067)',
168
+ 'disabled': 'oklch(53.476% 0.00000 86.067)',
169
+ 'selected': 'oklch(87.984% 0.16494 121.240)',
170
+ 'focus': {
171
+ 'DEFAULT': 'oklch(94.488% 0.08475 120.827)',
172
+ 'subltle': 'oklch(86.779% 0.16480 121.322)'
173
+ },
174
+ 'info': {
175
+ 'DEFAULT': 'oklch(76.977% 0.12030 252.362)',
176
+ 'subtle': 'oklch(75.987% 0.12514 253.837)'
177
+ },
178
+ 'warning': {
179
+ 'DEFAULT': 'oklch(75.244% 0.14751 71.625)',
180
+ 'subtle': 'oklch(53.893% 0.08585 71.345)'
181
+ },
182
+ 'error': {
183
+ 'DEFAULT': 'oklch(89.618% 0.05443 27.826)',
184
+ 'subtle': 'oklch(76.916% 0.13666 27.548)'
185
+ }
186
+ },
187
+ 'surface': {
188
+ 'bg': 'oklch(15.942% 0.01297 235.868)',
189
+ 'primary': 'oklch(94.912% 0.00000 86.067 / 0.0020000000949949026)',
190
+ 'secondary': 'oklch(13.979% 0.00000 86.067 / 0.0020000000949949026)',
191
+ 'disabled': 'oklch(100.000% 0.00000 86.067 / 0.10000000149011612)',
192
+ 'selected': 'oklch(91.609% 0.19721 122.833 / 0.05999999865889549)',
193
+ 'hover': 'oklch(100.000% 0.00000 86.067 / 0.10000000149011612)',
194
+ 'success': {
195
+ 'DEFAULT': 'oklch(92.762% 0.19504 123.178 / 0.18000000715255737)',
196
+ 'hover': 'oklch(91.737% 0.18693 123.466 / 0.12999999523162842)'
197
+ },
198
+ 'info': {
199
+ 'DEFAULT': 'oklch(64.514% 0.19193 255.622 / 0.10999999940395355)',
200
+ 'hover': 'oklch(61.761% 0.20392 255.278 / 0.25)'
201
+ },
202
+ 'warnig': {
203
+ 'DEFAULT': 'oklch(82.660% 0.13441 71.992 / 0.07000000029802322)',
204
+ 'hover': 'oklch(78.650% 0.16014 67.778 / 0.15000000596046448)'
205
+ },
206
+ 'error': {
207
+ 'DEFAULT': 'oklch(69.401% 0.19152 27.160 / 0.09000000357627869)',
208
+ 'hover': 'oklch(63.719% 0.24861 29.224 / 0.2199999988079071)'
209
+ },
210
+ 'overlay': 'oklch(13.979% 0.00000 86.067 / 0.6000000238418579)',
211
+ 'tertiary': 'oklch(100.000% 0.00000 86.067 / 0.05999999865889549)',
212
+ 'focus': 'oklch(40.733% 0.07227 121.113)'
213
+ },
214
+ 'stroke': {
215
+ 'primary': 'oklch(40.167% 0.00000 86.067)',
216
+ 'secondary': 'oklch(46.185% 0.08353 120.739)',
217
+ 'disabled': 'oklch(100.000% 0.00000 86.067 / 0.3499999940395355)',
218
+ 'selected': 'oklch(46.185% 0.08353 120.739)',
219
+ 'success': 'oklch(52.315% 0.09811 121.373)',
220
+ 'info': 'oklch(53.551% 0.13282 253.399)',
221
+ 'warning': 'oklch(53.893% 0.08585 71.345)',
222
+ 'error': 'oklch(44.942% 0.14232 26.726)'
223
+ }
224
+ },
225
+ 'opacity': {
226
+ '0': {
227
+ '2': 0.20000000298023224
228
+ },
229
+ '2': 2,
230
+ '4': 4,
231
+ '5': 5,
232
+ '8': 8,
233
+ '10': 10,
234
+ '20': 20,
235
+ '40': 40,
236
+ '60': 60,
237
+ '80': 80,
238
+ '100': 100
239
+ },
240
+ 'text': {
241
+ 'font': {
242
+ 'family': {
243
+ 'heading': 'Space Grotesk',
244
+ 'body': 'Montserrat',
245
+ 'code': 'Fira Mono'
246
+ },
247
+ 'weight': {
248
+ 'light': 300,
249
+ 'regular': 400,
250
+ 'medium': 500,
251
+ 'italic': 'Italic',
252
+ 'bold': 700
253
+ },
254
+ 'size': {
255
+ 'xxxl': '1.5rem',
256
+ 'xxl': '1.25rem',
257
+ 'xl': '1rem',
258
+ 'lg': '0.875rem',
259
+ 'md': '0.75rem',
260
+ 'sm': '0.625rem',
261
+ 'xs': '0.5rem'
262
+ }
263
+ },
264
+ 'line': {
265
+ 'height': {
266
+ 'xxxl': '2rem',
267
+ 'xxl': '1.625rem',
268
+ 'xl': '1.25rem',
269
+ 'lg': '1.125rem',
270
+ 'md': '1rem',
271
+ 'sm': '0.875rem',
272
+ 'xs': '0.625rem'
273
+ }
274
+ },
275
+ 'letter': {
276
+ 'spacing': {
277
+ 'xxxl': '-0.01899999938905239rem',
278
+ 'xxl': '-0.012500000186264515rem',
279
+ 'xl': '-0.006000000052154064rem',
280
+ 'lg': '0',
281
+ 'md': '0.006000000052154064rem',
282
+ 'sm': '0.013000000268220901rem',
283
+ 'xs': '0.01899999938905239rem'
284
+ }
285
+ }
286
+ },
287
+ 'dim': {
288
+ '0': '0',
289
+ '1': '0.0625rem',
290
+ '2': '0.125rem',
291
+ '4': '0.25rem',
292
+ '5': '0.3125rem',
293
+ '6': '0.375rem',
294
+ '8': '0.5rem',
295
+ '10': '0.625rem',
296
+ '12': '0.75rem',
297
+ '14': '0.875rem',
298
+ '16': '1rem',
299
+ '18': '1.125rem',
300
+ '20': '1.25rem',
301
+ '22': '1.375rem',
302
+ '24': '1.5rem',
303
+ '26': '1.625rem',
304
+ '28': '1.75rem',
305
+ '30': '1.875rem',
306
+ '32': '2rem',
307
+ '34': '2.125rem',
308
+ '36': '2.25rem',
309
+ '38': '2.375rem',
310
+ '40': '2.5rem',
311
+ '42': '2.625rem',
312
+ '44': '2.75rem',
313
+ '46': '2.875rem',
314
+ '48': '3rem',
315
+ '60': '3.75rem',
316
+ '64': '4rem',
317
+ '80': '5rem',
318
+ '100': '6.25rem',
319
+ '1p5': '0.09399999678134918rem',
320
+ '0p5': '0.03099999949336052rem',
321
+ '0p1': '0.006000000052154064rem',
322
+ '0p2': '0.013000000268220901rem',
323
+ '0p3': '0.01899999938905239rem',
324
+ '': {
325
+ '0p3': '-0.01899999938905239rem',
326
+ '0p2': '-0.012500000186264515rem',
327
+ '0p1': '-0.006000000052154064rem'
328
+ }
329
+ },
330
+ 'effects': {
331
+ 'bg_blur': {
332
+ '40': '2.5rem',
333
+ '60': '3.75rem',
334
+ '80': '5rem'
335
+ },
336
+ 'layer_blur': {
337
+ '20': '1.25rem'
338
+ }
339
+ },
340
+ 'radius': {
341
+ 'sm': '0.125rem',
342
+ 'md': '0.25rem',
343
+ 'lg': '0.5rem',
344
+ 'rounded': '9999px'
345
+ },
346
+ 'stroke': {
347
+ 'xl': '0.09399999678134918rem',
348
+ 'lg': '0.0625rem',
349
+ 'default': '0.03099999949336052rem'
350
+ },
351
+ 'spacing': {
352
+ '0': '0',
353
+ '2': '0.125rem',
354
+ '4': '0.25rem',
355
+ '6': '0.375rem',
356
+ '8': '0.5rem',
357
+ '10': '0.625rem',
358
+ '12': '0.75rem',
359
+ '14': '0.875rem',
360
+ '16': '1rem',
361
+ '18': '1.125rem',
362
+ '20': '1.25rem',
363
+ '24': '1.5rem',
364
+ '28': '1.75rem',
365
+ '32': '2rem',
366
+ '40': '2.5rem',
367
+ '48': '3rem',
368
+ '64': '4rem'
369
+ },
370
+ 'sizing': {
371
+ '0': '0',
372
+ '2': '0.125rem',
373
+ '4': '0.25rem',
374
+ '6': '0.375rem',
375
+ '8': '0.5rem',
376
+ '10': '0.625rem',
377
+ '12': '0.75rem',
378
+ '14': '0.875rem',
379
+ '16': '1rem',
380
+ '18': '1.125rem',
381
+ '20': '1.25rem',
382
+ '24': '1.5rem',
383
+ '28': '1.75rem',
384
+ '32': '2rem',
385
+ '40': '2.5rem',
386
+ '48': '3rem',
387
+ '64': '4rem'
388
+ }
389
+ } as const;
390
+
391
+ export type DesignTokens = typeof tokens;