ustatic-css 0.0.1

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 (99) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +202 -0
  3. package/dist/_ustatic-vars-Cx6_uZJY.cjs +1 -0
  4. package/dist/_ustatic-vars-D2NgNZNI.js +4 -0
  5. package/dist/css/modules/align.css +1 -0
  6. package/dist/css/modules/animations.css +1 -0
  7. package/dist/css/modules/base.css +1 -0
  8. package/dist/css/modules/bg.css +1 -0
  9. package/dist/css/modules/border.css +1 -0
  10. package/dist/css/modules/cursor.css +1 -0
  11. package/dist/css/modules/display.css +1 -0
  12. package/dist/css/modules/effects.css +1 -0
  13. package/dist/css/modules/filters.css +1 -0
  14. package/dist/css/modules/flexbox.css +1 -0
  15. package/dist/css/modules/grid.css +1 -0
  16. package/dist/css/modules/hide.css +1 -0
  17. package/dist/css/modules/interactivity.css +1 -0
  18. package/dist/css/modules/outline.css +1 -0
  19. package/dist/css/modules/position.css +1 -0
  20. package/dist/css/modules/scroll.css +1 -0
  21. package/dist/css/modules/sizing.css +1 -0
  22. package/dist/css/modules/spacing.css +1 -0
  23. package/dist/css/modules/typography.css +1 -0
  24. package/dist/css/ustatic-vars.css +1 -0
  25. package/dist/css/ustatic.css +1 -0
  26. package/dist/js/index.cjs.js +9 -0
  27. package/dist/js/index.es.js +175 -0
  28. package/dist/types/package.json.d.ts +102 -0
  29. package/dist/types/src/index.d.ts +4 -0
  30. package/dist/types/src/index.d.ts.map +1 -0
  31. package/dist/types/src/plugins/vue.plugin.d.ts +15 -0
  32. package/dist/types/src/plugins/vue.plugin.d.ts.map +1 -0
  33. package/dist/types/src/utils/styleLoader.d.ts +35 -0
  34. package/dist/types/src/utils/styleLoader.d.ts.map +1 -0
  35. package/dist/types/src/utils/styleloader.classmap.d.ts +2 -0
  36. package/dist/types/src/utils/styleloader.classmap.d.ts.map +1 -0
  37. package/dist/types/src/utils/useCssProperties.d.ts +17 -0
  38. package/dist/types/src/utils/useCssProperties.d.ts.map +1 -0
  39. package/dist/types/src/utils/useTokens.d.ts +21 -0
  40. package/dist/types/src/utils/useTokens.d.ts.map +1 -0
  41. package/dist/ustatic-index-1SZfqZon.js +4 -0
  42. package/dist/ustatic-index-QcZrD98s.cjs +1 -0
  43. package/package.json +99 -0
  44. package/src/css/assets/tokens/_ustatic-list.scss +460 -0
  45. package/src/css/assets/tokens/_ustatic-prefix.scss +1 -0
  46. package/src/css/assets/tokens/_ustatic-vars.scss +757 -0
  47. package/src/css/modules/align/index.scss +17 -0
  48. package/src/css/modules/animations/index.scss +151 -0
  49. package/src/css/modules/base/index.scss +406 -0
  50. package/src/css/modules/base/scrollbar.scss +21 -0
  51. package/src/css/modules/bg/index.scss +60 -0
  52. package/src/css/modules/border/border.scss +88 -0
  53. package/src/css/modules/border/divider.scss +38 -0
  54. package/src/css/modules/border/index.scss +3 -0
  55. package/src/css/modules/border/rounded.scss +70 -0
  56. package/src/css/modules/cursor/index.scss +33 -0
  57. package/src/css/modules/display/index.scss +19 -0
  58. package/src/css/modules/effects/index.scss +35 -0
  59. package/src/css/modules/filters/index.scss +34 -0
  60. package/src/css/modules/flexbox/flex.scss +132 -0
  61. package/src/css/modules/flexbox/gap.scss +15 -0
  62. package/src/css/modules/flexbox/index.scss +2 -0
  63. package/src/css/modules/grid/index.scss +94 -0
  64. package/src/css/modules/hide/index.scss +27 -0
  65. package/src/css/modules/interactivity/index.scss +28 -0
  66. package/src/css/modules/outline/index.scss +63 -0
  67. package/src/css/modules/position/index.scss +94 -0
  68. package/src/css/modules/scroll/index.scss +68 -0
  69. package/src/css/modules/sizing/index.scss +91 -0
  70. package/src/css/modules/spacing/index.scss +56 -0
  71. package/src/css/modules/typography/index.scss +139 -0
  72. package/src/css/tokens/base/animations/underline.yaml +5 -0
  73. package/src/css/tokens/base/border/color.yaml +17 -0
  74. package/src/css/tokens/base/border/radius.yaml +33 -0
  75. package/src/css/tokens/base/border/width.yaml +19 -0
  76. package/src/css/tokens/base/color/accent.yaml +416 -0
  77. package/src/css/tokens/base/color/base.yaml +492 -0
  78. package/src/css/tokens/base/color/opacity.yaml +4 -0
  79. package/src/css/tokens/base/color/variant.yaml +18 -0
  80. package/src/css/tokens/base/cursor/base.yaml +18 -0
  81. package/src/css/tokens/base/font/weight.yaml +23 -0
  82. package/src/css/tokens/base/grid/base.yaml +9 -0
  83. package/src/css/tokens/base/position/base.yaml +253 -0
  84. package/src/css/tokens/base/rotation/base.yaml +20 -0
  85. package/src/css/tokens/base/screen/base.yaml +10 -0
  86. package/src/css/tokens/base/scroll/base.yaml +16 -0
  87. package/src/css/tokens/base/size/base.yaml +16 -0
  88. package/src/css/tokens/base/text/color.yaml +20 -0
  89. package/src/css/tokens/base/text/size.yaml +37 -0
  90. package/src/css/tokens/base/visibility/base.yaml +61 -0
  91. package/src/css/ustatic-index.scss +24 -0
  92. package/src/css/utils/_token.scss +56 -0
  93. package/src/css/variables.scss +359 -0
  94. package/src/index.ts +6 -0
  95. package/src/plugins/vue.plugin.ts +77 -0
  96. package/src/utils/styleLoader.ts +257 -0
  97. package/src/utils/styleloader.classmap.ts +109 -0
  98. package/src/utils/useCssProperties.ts +152 -0
  99. package/src/utils/useTokens.ts +287 -0
@@ -0,0 +1,416 @@
1
+ base:
2
+ color:
3
+ primary:
4
+ "50":
5
+ value: &primary_50 "#edf5fc"
6
+ "50-hex":
7
+ value: *primary_50
8
+ "50-rgb":
9
+ value: &primary_50_rgb "237, 245, 252"
10
+ "100":
11
+ value: &primary_100 "#ddebf8"
12
+ "100-hex":
13
+ value: *primary_100
14
+ "100-rgb":
15
+ value: &primary_100_rgb "221, 235, 248"
16
+ "200":
17
+ value: &primary_200 "#c4dcf3"
18
+ "200-hex":
19
+ value: *primary_200
20
+ "200-rgb":
21
+ value: &primary_200_rgb "196, 220, 243"
22
+ "300":
23
+ value: &primary_300 "#9dc7ec"
24
+ "300-hex":
25
+ value: *primary_300
26
+ "300-rgb":
27
+ value: &primary_300_rgb "157, 199, 236"
28
+ "400":
29
+ value: &primary_400 "#74ade2"
30
+ "400-hex":
31
+ value: *primary_400
32
+ "400-rgb":
33
+ value: &primary_400_rgb "116, 173, 226"
34
+ "500":
35
+ value: &primary_500 "#5993d9"
36
+ "500-hex":
37
+ value: *primary_500
38
+ "500-rgb":
39
+ value: &primary_500_rgb "89, 147, 217"
40
+ "600":
41
+ value: &primary_600 "#4b7fd2"
42
+ "600-hex":
43
+ value: *primary_600
44
+ "600-rgb":
45
+ value: &primary_600_rgb "75, 127, 210"
46
+ "700":
47
+ value: &primary_700 "#4471ca"
48
+ "700-hex":
49
+ value: *primary_700
50
+ "700-rgb":
51
+ value: &primary_700_rgb "68, 113, 202"
52
+ "800":
53
+ value: &primary_800 "#375bae"
54
+ "800-hex":
55
+ value: *primary_800
56
+ "800-rgb":
57
+ value: &primary_800_rgb "55, 91, 174"
58
+ "900":
59
+ value: &primary_900 "#33508e"
60
+ "900-hex":
61
+ value: *primary_900
62
+ "900-rgb":
63
+ value: &primary_900_rgb "51, 80, 142"
64
+ "950":
65
+ value: &primary_950 "#26375f"
66
+ "950-hex":
67
+ value: *primary_950
68
+ "950-rgb":
69
+ value: &primary_950_rgb "38, 55, 95"
70
+ def:
71
+ value: *primary_500
72
+ def-hex:
73
+ value: *primary_500
74
+ def-rgb:
75
+ value: *primary_500_rgb
76
+ secondary:
77
+ "50":
78
+ value: &secondary_50 "#fdebe3"
79
+ "50-hex":
80
+ value: *secondary_50
81
+ "50-rgb":
82
+ value: &secondary_50_rgb "253, 235, 227"
83
+ "100":
84
+ value: &secondary_100 "#fbe0d0"
85
+ "100-hex":
86
+ value: *secondary_100
87
+ "100-rgb":
88
+ value: &secondary_100_rgb "251, 224, 208"
89
+ "200":
90
+ value: &secondary_200 "#f7c0a6"
91
+ "200-hex":
92
+ value: *secondary_200
93
+ "200-rgb":
94
+ value: &secondary_200_rgb "247, 192, 166"
95
+ "300":
96
+ value: &secondary_300 "#f39972"
97
+ "300-hex":
98
+ value: *secondary_300
99
+ "300-rgb":
100
+ value: &secondary_300_rgb "243, 153, 114"
101
+ "400":
102
+ value: &secondary_400 "#ee683f"
103
+ "400-hex":
104
+ value: *secondary_400
105
+ "400-rgb":
106
+ value: &secondary_400_rgb "238, 104, 63"
107
+ "500":
108
+ value: &secondary_500 "#e53206"
109
+ "500-hex":
110
+ value: *secondary_500
111
+ "500-rgb":
112
+ value: &secondary_500_rgb "229, 50, 6"
113
+ "600":
114
+ value: &secondary_600 "#be230e"
115
+ "600-hex":
116
+ value: *secondary_600
117
+ "600-rgb":
118
+ value: &secondary_600_rgb "190, 35, 14"
119
+ "700":
120
+ value: &secondary_700 "#a52118"
121
+ "700-hex":
122
+ value: *secondary_700
123
+ "700-rgb":
124
+ value: &secondary_700_rgb "165, 33, 24"
125
+ "800":
126
+ value: &secondary_800 "#871f1c"
127
+ "800-hex":
128
+ value: *secondary_800
129
+ "800-rgb":
130
+ value: &secondary_800_rgb "135, 31, 28"
131
+ "900":
132
+ value: &secondary_900 "#73201c"
133
+ "900-hex":
134
+ value: *secondary_900
135
+ "900-rgb":
136
+ value: &secondary_900_rgb "115, 32, 28"
137
+ "950":
138
+ value: &secondary_950 "#631313"
139
+ "950-hex":
140
+ value: *secondary_950
141
+ "950-rgb":
142
+ value: &secondary_950_rgb "99, 19, 19"
143
+ def:
144
+ value: *secondary_500
145
+ def-hex:
146
+ value: *secondary_500
147
+ def-rgb:
148
+ value: *secondary_500_rgb
149
+ success:
150
+ "50":
151
+ value: &success_50 "#eafaf1"
152
+ "50-hex":
153
+ value: *success_50
154
+ "50-rgb":
155
+ value: &success_50_rgb "234,250,241"
156
+ "100":
157
+ value: &success_100 "#d0eddb"
158
+ "100-hex":
159
+ value: *success_100
160
+ "100-rgb":
161
+ value: &success_100_rgb "208, 237, 219"
162
+ "200":
163
+ value: &success_200 "#a1dbb8"
164
+ "200-hex":
165
+ value: *success_200
166
+ "200-rgb":
167
+ value: &success_200_rgb "161, 219, 184"
168
+ "300":
169
+ value: &success_300 "#72c894"
170
+ "300-hex":
171
+ value: *success_300
172
+ "300-rgb":
173
+ value: &success_300_rgb "114, 200, 148"
174
+ "400":
175
+ value: &success_400 "#43b671"
176
+ "400-hex":
177
+ value: *success_400
178
+ "400-rgb":
179
+ value: &success_400_rgb "67, 182, 113"
180
+ "500":
181
+ value: &success_500 "#14a44d"
182
+ "500-hex":
183
+ value: *success_500
184
+ "500-rgb":
185
+ value: &success_500_rgb "20, 164, 77"
186
+ "600":
187
+ value: &success_600 "#10833e"
188
+ "600-hex":
189
+ value: *success_600
190
+ "600-rgb":
191
+ value: &success_600_rgb "16, 131, 62"
192
+ "700":
193
+ value: &success_700 "#0c622e"
194
+ "700-hex":
195
+ value: *success_700
196
+ "700-rgb":
197
+ value: &success_700_rgb "12, 98, 46"
198
+ "800":
199
+ value: &success_800 "#08421f"
200
+ "800-hex":
201
+ value: *success_800
202
+ "800-rgb":
203
+ value: &success_800_rgb "8, 66, 31"
204
+ "900":
205
+ value: &success_900 "#04210f"
206
+ "900-hex":
207
+ value: *success_900
208
+ "900-rgb":
209
+ value: &success_900_rgb "4, 33, 15"
210
+ def:
211
+ value: *success_500
212
+ def-hex:
213
+ value: *success_500
214
+ def-rgb:
215
+ value: *success_500_rgb
216
+ danger:
217
+ "50":
218
+ value: &danger_50 "#fdeeee"
219
+ "50-hex":
220
+ value: *danger_50
221
+ "50-rgb":
222
+ value: &danger_50_rgb "253,238,238"
223
+ "100":
224
+ value: &danger_100 "#f8dbe0"
225
+ "100-hex":
226
+ value: *danger_100
227
+ "100-rgb":
228
+ value: &danger_100_rgb "248, 219, 224"
229
+ "200":
230
+ value: &danger_200 "#f1b7c1"
231
+ "200-hex":
232
+ value: *danger_200
233
+ "200-rgb":
234
+ value: &danger_200_rgb "241, 183, 193"
235
+ "300":
236
+ value: &danger_300 "#ea94a2"
237
+ "300-hex":
238
+ value: *danger_300
239
+ "300-rgb":
240
+ value: &danger_300_rgb "234, 148, 162"
241
+ "400":
242
+ value: &danger_400 "#e37083"
243
+ "400-hex":
244
+ value: *danger_400
245
+ "400-rgb":
246
+ value: &danger_400_rgb "227, 112, 131"
247
+ "500":
248
+ value: &danger_500 "#dc4c64"
249
+ "500-hex":
250
+ value: *danger_500
251
+ "500-rgb":
252
+ value: &danger_500_rgb "220, 76, 100"
253
+ "600":
254
+ value: &danger_600 "#b03d50"
255
+ "600-hex":
256
+ value: *danger_600
257
+ "600-rgb":
258
+ value: &danger_600_rgb "176, 61, 80"
259
+ "700":
260
+ value: &danger_700 "#842e3c"
261
+ "700-hex":
262
+ value: *danger_700
263
+ "700-rgb":
264
+ value: &danger_700_rgb "132, 46, 60"
265
+ "800":
266
+ value: &danger_800 "#581e28"
267
+ "800-hex":
268
+ value: *danger_800
269
+ "800-rgb":
270
+ value: &danger_800_rgb "88, 30, 40"
271
+ "900":
272
+ value: &danger_900 "#2c0f14"
273
+ "900-hex":
274
+ value: *danger_900
275
+ "900-rgb":
276
+ value: &danger_900_rgb "44, 15, 20"
277
+ def:
278
+ value: *danger_500
279
+ def-hex:
280
+ value: *danger_500
281
+ def-rgb:
282
+ value: *danger_500_rgb
283
+ warning:
284
+ "50":
285
+ value: &warning_50 "#fff9eb"
286
+ "50-hex":
287
+ value: *warning_50
288
+ "50-rgb":
289
+ value: &warning_50_rgb "255,249,235"
290
+ "100":
291
+ value: &warning_100 "#faecd1"
292
+ "100-hex":
293
+ value: *warning_100
294
+ "100-rgb":
295
+ value: &warning_100_rgb "250, 236, 209"
296
+ "200":
297
+ value: &warning_200 "#f4d9a4"
298
+ "200-hex":
299
+ value: *warning_200
300
+ "200-rgb":
301
+ value: &warning_200_rgb "244, 217, 164"
302
+ "300":
303
+ value: &warning_300 "#efc776"
304
+ "300-hex":
305
+ value: *warning_300
306
+ "300-rgb":
307
+ value: &warning_300_rgb "239, 199, 118"
308
+ "400":
309
+ value: &warning_400 "#e9b449"
310
+ "400-hex":
311
+ value: *warning_400
312
+ "400-rgb":
313
+ value: &warning_400_rgb "233, 180, 73"
314
+ "500":
315
+ value: &warning_500 "#e4a11b"
316
+ "500-hex":
317
+ value: *warning_500
318
+ "500-rgb":
319
+ value: &warning_500_rgb "228, 161, 27"
320
+ "600":
321
+ value: &warning_600 "#b68116"
322
+ "600-hex":
323
+ value: *warning_600
324
+ "600-rgb":
325
+ value: &warning_600_rgb "182, 129, 22"
326
+ "700":
327
+ value: &warning_700 "#896110"
328
+ "700-hex":
329
+ value: *warning_700
330
+ "700-rgb":
331
+ value: &warning_700_rgb "137, 97, 16"
332
+ "800":
333
+ value: &warning_800 "#5b400b"
334
+ "800-hex":
335
+ value: *warning_800
336
+ "800-rgb":
337
+ value: &warning_800_rgb "91, 64, 11"
338
+ "900":
339
+ value: &warning_900 "#2e2005"
340
+ "900-hex":
341
+ value: *warning_900
342
+ "900-rgb":
343
+ value: &warning_900_rgb "46, 32, 5"
344
+ def:
345
+ value: *warning_500
346
+ def-hex:
347
+ value: *warning_500
348
+ def-rgb:
349
+ value: *warning_500_rgb
350
+ info:
351
+ "50":
352
+ value: &info_50 "#edf7fa"
353
+ "50-hex":
354
+ value: *info_50
355
+ "50-rgb":
356
+ value: &info_50_rgb "237,247,250"
357
+ "100":
358
+ value: &info_100 "#ddf0f6"
359
+ "100-hex":
360
+ value: *info_100
361
+ "100-rgb":
362
+ value: &info_100_rgb "221, 240, 246"
363
+ "200":
364
+ value: &info_200 "#bbe1ed"
365
+ "200-hex":
366
+ value: *info_200
367
+ "200-rgb":
368
+ value: &info_200_rgb "187, 225, 237"
369
+ "300":
370
+ value: &info_300 "#98d2e5"
371
+ "300-hex":
372
+ value: *info_300
373
+ "300-rgb":
374
+ value: &info_300_rgb "152, 210, 229"
375
+ "400":
376
+ value: &info_400 "#76c3dc"
377
+ "400-hex":
378
+ value: *info_400
379
+ "400-rgb":
380
+ value: &info_400_rgb "118, 195, 220"
381
+ "500":
382
+ value: &info_500 "#54b4d3"
383
+ "500-hex":
384
+ value: *info_500
385
+ "500-rgb":
386
+ value: &info_500_rgb "84, 180, 211"
387
+ "600":
388
+ value: &info_600 "#4390a9"
389
+ "600-hex":
390
+ value: *info_600
391
+ "600-rgb":
392
+ value: &info_600_rgb "67, 144, 169"
393
+ "700":
394
+ value: &info_700 "#326c7f"
395
+ "700-hex":
396
+ value: *info_700
397
+ "700-rgb":
398
+ value: &info_700_rgb "50, 108, 127"
399
+ "800":
400
+ value: &info_800 "#214855"
401
+ "800-hex":
402
+ value: *info_800
403
+ "800-rgb":
404
+ value: &info_800_rgb "33, 72, 85"
405
+ "900":
406
+ value: &info_900 "#11242a"
407
+ "900-hex":
408
+ value: *info_900
409
+ "900-rgb":
410
+ value: &info_900_rgb "17, 36, 42"
411
+ def:
412
+ value: *info_500
413
+ def-hex:
414
+ value: *info_500
415
+ def-rgb:
416
+ value: *info_500_rgb