ariadne_view_components 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (74) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +68 -0
  4. data/app/assets/javascripts/ariadne_view_components.js +2 -0
  5. data/app/assets/javascripts/ariadne_view_components.js.map +1 -0
  6. data/app/assets/stylesheets/application.tailwind.css +3 -0
  7. data/app/components/ariadne/ariadne.ts +14 -0
  8. data/app/components/ariadne/base_button.rb +60 -0
  9. data/app/components/ariadne/base_component.rb +155 -0
  10. data/app/components/ariadne/button_component.html.erb +4 -0
  11. data/app/components/ariadne/button_component.rb +158 -0
  12. data/app/components/ariadne/clipboard_copy_component.html.erb +8 -0
  13. data/app/components/ariadne/clipboard_copy_component.rb +50 -0
  14. data/app/components/ariadne/clipboard_copy_component.ts +19 -0
  15. data/app/components/ariadne/component.rb +123 -0
  16. data/app/components/ariadne/content.rb +12 -0
  17. data/app/components/ariadne/counter_component.rb +100 -0
  18. data/app/components/ariadne/flash_component.html.erb +31 -0
  19. data/app/components/ariadne/flash_component.rb +125 -0
  20. data/app/components/ariadne/heading_component.rb +49 -0
  21. data/app/components/ariadne/heroicon_component.html.erb +7 -0
  22. data/app/components/ariadne/heroicon_component.rb +116 -0
  23. data/app/components/ariadne/image_component.rb +51 -0
  24. data/app/components/ariadne/text.rb +25 -0
  25. data/app/components/ariadne/tooltip_component.rb +105 -0
  26. data/app/lib/ariadne/audited/dsl.rb +32 -0
  27. data/app/lib/ariadne/class_name_helper.rb +22 -0
  28. data/app/lib/ariadne/fetch_or_fallback_helper.rb +100 -0
  29. data/app/lib/ariadne/icon_helper.rb +47 -0
  30. data/app/lib/ariadne/join_style_arguments_helper.rb +14 -0
  31. data/app/lib/ariadne/logger_helper.rb +23 -0
  32. data/app/lib/ariadne/status/dsl.rb +41 -0
  33. data/app/lib/ariadne/tab_nav_helper.rb +35 -0
  34. data/app/lib/ariadne/tabbed_component_helper.rb +39 -0
  35. data/app/lib/ariadne/test_selector_helper.rb +20 -0
  36. data/app/lib/ariadne/underline_nav_helper.rb +44 -0
  37. data/app/lib/ariadne/view_helper.rb +22 -0
  38. data/lib/ariadne/classify/utilities.rb +199 -0
  39. data/lib/ariadne/classify/utilities.yml +1817 -0
  40. data/lib/ariadne/classify/validation.rb +18 -0
  41. data/lib/ariadne/classify.rb +210 -0
  42. data/lib/ariadne/view_components/constants.rb +53 -0
  43. data/lib/ariadne/view_components/engine.rb +30 -0
  44. data/lib/ariadne/view_components/linters.rb +3 -0
  45. data/lib/ariadne/view_components/statuses.rb +14 -0
  46. data/lib/ariadne/view_components/version.rb +7 -0
  47. data/lib/ariadne/view_components.rb +59 -0
  48. data/lib/rubocop/config/default.yml +14 -0
  49. data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +252 -0
  50. data/lib/rubocop/cop/ariadne/base_cop.rb +26 -0
  51. data/lib/rubocop/cop/ariadne/component_name_migration.rb +35 -0
  52. data/lib/rubocop/cop/ariadne/no_tag_memoize.rb +43 -0
  53. data/lib/rubocop/cop/ariadne/system_argument_instead_of_class.rb +57 -0
  54. data/lib/rubocop/cop/ariadne.rb +3 -0
  55. data/lib/tasks/ariadne_view_components.rake +47 -0
  56. data/lib/tasks/coverage.rake +19 -0
  57. data/lib/tasks/custom_utilities.yml +310 -0
  58. data/lib/tasks/docs.rake +525 -0
  59. data/lib/tasks/helpers/ast_processor.rb +44 -0
  60. data/lib/tasks/helpers/ast_traverser.rb +77 -0
  61. data/lib/tasks/static.rake +15 -0
  62. data/lib/tasks/tailwind.rake +31 -0
  63. data/lib/tasks/utilities.rake +121 -0
  64. data/lib/yard/docs_helper.rb +83 -0
  65. data/lib/yard/renders_many_handler.rb +19 -0
  66. data/lib/yard/renders_one_handler.rb +19 -0
  67. data/static/arguments.yml +251 -0
  68. data/static/assets/view-components.svg +18 -0
  69. data/static/audited_at.json +14 -0
  70. data/static/classes.yml +89 -0
  71. data/static/constants.json +243 -0
  72. data/static/statuses.json +14 -0
  73. data/static/tailwindcss.yml +727 -0
  74. metadata +193 -0
@@ -0,0 +1,727 @@
1
+ screens:
2
+ sm: 640px
3
+ md: 768px
4
+ lg: 1024px
5
+ xl: 1280px
6
+ 2xl: 1536px
7
+
8
+ columns:
9
+ "1": "1"
10
+ "2": "2"
11
+ "3": "3"
12
+ "4": "4"
13
+ "5": "5"
14
+ "6": "6"
15
+ "7": "7"
16
+ "8": "8"
17
+ "9": "9"
18
+ "10": "10"
19
+ "11": "11"
20
+ "12": "12"
21
+ auto: auto
22
+ 3xs: 16rem
23
+ 2xs: 18rem
24
+ xs: 20rem
25
+ sm: 24rem
26
+ md: 28rem
27
+ lg: 32rem
28
+ xl: 36rem
29
+ 2xl: 42rem
30
+ 3xl: 48rem
31
+ 4xl: 56rem
32
+ 5xl: 64rem
33
+ 6xl: 72rem
34
+ 7xl: 80rem
35
+
36
+ spacing:
37
+ "0": 0px
38
+ "1": 0.25rem
39
+ "2": 0.5rem
40
+ "3": 0.75rem
41
+ "4": 1rem
42
+ "5": 1.25rem
43
+ "6": 1.5rem
44
+ "7": 1.75rem
45
+ "8": 2rem
46
+ "9": 2.25rem
47
+ "10": 2.5rem
48
+ "11": 2.75rem
49
+ "12": 3rem
50
+ "14": 3.5rem
51
+ "16": 4rem
52
+ "20": 5rem
53
+ "24": 6rem
54
+ "28": 7rem
55
+ "32": 8rem
56
+ "36": 9rem
57
+ "40": 10rem
58
+ "44": 11rem
59
+ "48": 12rem
60
+ "52": 13rem
61
+ "56": 14rem
62
+ "60": 15rem
63
+ "64": 16rem
64
+ "72": 18rem
65
+ "80": 20rem
66
+ "96": 24rem
67
+ px: 1px
68
+ "0.5": 0.125rem
69
+ "1.5": 0.375rem
70
+ "2.5": 0.625rem
71
+ "3.5": 0.875rem
72
+
73
+ animation:
74
+ none: none
75
+ spin: spin 1s linear infinite
76
+ ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
77
+ pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
78
+ bounce: bounce 1s infinite
79
+
80
+ aspectRatio:
81
+ auto: auto
82
+ square: 1 / 1
83
+ video: 16 / 9
84
+
85
+ backgroundImage:
86
+ none: none
87
+ gradient-to-t: linear-gradient(to top, var(--tw-gradient-stops))
88
+ gradient-to-tr: linear-gradient(to top right, var(--tw-gradient-stops))
89
+ gradient-to-r: linear-gradient(to right, var(--tw-gradient-stops))
90
+ gradient-to-br: linear-gradient(to bottom right, var(--tw-gradient-stops))
91
+ gradient-to-b: linear-gradient(to bottom, var(--tw-gradient-stops))
92
+ gradient-to-bl: linear-gradient(to bottom left, var(--tw-gradient-stops))
93
+ gradient-to-l: linear-gradient(to left, var(--tw-gradient-stops))
94
+ gradient-to-tl: linear-gradient(to top left, var(--tw-gradient-stops))
95
+
96
+ backgroundPosition:
97
+ bottom: bottom
98
+ center: center
99
+ left: left
100
+ left-bottom: left bottom
101
+ left-top: left top
102
+ right: right
103
+ right-bottom: right bottom
104
+ right-top: right top
105
+ top: top
106
+
107
+ backgroundSize:
108
+ auto: auto
109
+ cover: cover
110
+ contain: contain
111
+
112
+ blur:
113
+ "0": "0"
114
+ none: "0"
115
+ sm: 4px
116
+ DEFAULT: 8px
117
+ md: 12px
118
+ lg: 16px
119
+ xl: 24px
120
+ 2xl: 40px
121
+ 3xl: 64px
122
+
123
+ brightness:
124
+ "0": "0"
125
+ "50": ".5"
126
+ "75": ".75"
127
+ "90": ".9"
128
+ "95": ".95"
129
+ "100": "1"
130
+ "105": "1.05"
131
+ "110": "1.1"
132
+ "125": "1.25"
133
+ "150": "1.5"
134
+ "200": "2"
135
+
136
+ borderRadius:
137
+ none: 0px
138
+ sm: 0.125rem
139
+ DEFAULT: 0.25rem
140
+ md: 0.375rem
141
+ lg: 0.5rem
142
+ xl: 0.75rem
143
+ 2xl: 1rem
144
+ 3xl: 1.5rem
145
+ full: 9999px
146
+
147
+ borderWidth:
148
+ "0": 0px
149
+ "2": 2px
150
+ "4": 4px
151
+ "8": 8px
152
+ DEFAULT: 1px
153
+
154
+ boxShadow:
155
+ sm: 0 1px 2px 0 rgb(0 0 0 / 0.05)
156
+ DEFAULT: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)
157
+ md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)
158
+ lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)
159
+ xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)
160
+ 2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25)
161
+ inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05)
162
+ none: none
163
+
164
+ contrast:
165
+ "0": "0"
166
+ "50": ".5"
167
+ "75": ".75"
168
+ "100": "1"
169
+ "125": "1.25"
170
+ "150": "1.5"
171
+ "200": "2"
172
+
173
+ container:
174
+ {}
175
+
176
+ content:
177
+ none: none
178
+
179
+ cursor:
180
+ auto: auto
181
+ default: default
182
+ pointer: pointer
183
+ wait: wait
184
+ text: text
185
+ move: move
186
+ help: help
187
+ not-allowed: not-allowed
188
+ none: none
189
+ context-menu: context-menu
190
+ progress: progress
191
+ cell: cell
192
+ crosshair: crosshair
193
+ vertical-text: vertical-text
194
+ alias: alias
195
+ copy: copy
196
+ no-drop: no-drop
197
+ grab: grab
198
+ grabbing: grabbing
199
+ all-scroll: all-scroll
200
+ col-resize: col-resize
201
+ row-resize: row-resize
202
+ n-resize: n-resize
203
+ e-resize: e-resize
204
+ s-resize: s-resize
205
+ w-resize: w-resize
206
+ ne-resize: ne-resize
207
+ nw-resize: nw-resize
208
+ se-resize: se-resize
209
+ sw-resize: sw-resize
210
+ ew-resize: ew-resize
211
+ ns-resize: ns-resize
212
+ nesw-resize: nesw-resize
213
+ nwse-resize: nwse-resize
214
+ zoom-in: zoom-in
215
+ zoom-out: zoom-out
216
+
217
+ dropShadow:
218
+ sm: 0 1px 1px rgb(0 0 0 / 0.05)
219
+ DEFAULT:
220
+ - 0 1px 2px rgb(0 0 0 / 0.1)
221
+ - 0 1px 1px rgb(0 0 0 / 0.06)
222
+ md:
223
+ - 0 4px 3px rgb(0 0 0 / 0.07)
224
+ - 0 2px 2px rgb(0 0 0 / 0.06)
225
+ lg:
226
+ - 0 10px 8px rgb(0 0 0 / 0.04)
227
+ - 0 4px 3px rgb(0 0 0 / 0.1)
228
+ xl:
229
+ - 0 20px 13px rgb(0 0 0 / 0.03)
230
+ - 0 8px 5px rgb(0 0 0 / 0.08)
231
+ 2xl: 0 25px 25px rgb(0 0 0 / 0.15)
232
+ none: "0 0 #0000"
233
+
234
+ grayscale:
235
+ "0": "0"
236
+ DEFAULT: 100%
237
+
238
+ hueRotate:
239
+ "0": 0deg
240
+ "15": 15deg
241
+ "30": 30deg
242
+ "60": 60deg
243
+ "90": 90deg
244
+ "180": 180deg
245
+
246
+ invert:
247
+ "0": "0"
248
+ DEFAULT: 100%
249
+
250
+ flex:
251
+ "1": 1 1 0%
252
+ auto: 1 1 auto
253
+ initial: 0 1 auto
254
+ none: none
255
+
256
+ flexGrow:
257
+ "0": "0"
258
+ DEFAULT: "1"
259
+
260
+ flexShrink:
261
+ "0": "0"
262
+ DEFAULT: "1"
263
+
264
+ fontFamily:
265
+ sans:
266
+ - ui-sans-serif
267
+ - system-ui
268
+ - -apple-system
269
+ - BlinkMacSystemFont
270
+ - '"Segoe UI"'
271
+ - Roboto
272
+ - '"Helvetica Neue"'
273
+ - Arial
274
+ - '"Noto Sans"'
275
+ - sans-serif
276
+ - '"Apple Color Emoji"'
277
+ - '"Segoe UI Emoji"'
278
+ - '"Segoe UI Symbol"'
279
+ - '"Noto Color Emoji"'
280
+ serif:
281
+ - ui-serif
282
+ - Georgia
283
+ - Cambria
284
+ - '"Times New Roman"'
285
+ - Times
286
+ - serif
287
+ mono:
288
+ - ui-monospace
289
+ - SFMono-Regular
290
+ - Menlo
291
+ - Monaco
292
+ - Consolas
293
+ - '"Liberation Mono"'
294
+ - '"Courier New"'
295
+ - monospace
296
+
297
+ fontSize:
298
+ xs:
299
+ - 0.75rem
300
+ - lineHeight: 1rem
301
+ sm:
302
+ - 0.875rem
303
+ - lineHeight: 1.25rem
304
+ base:
305
+ - 1rem
306
+ - lineHeight: 1.5rem
307
+ lg:
308
+ - 1.125rem
309
+ - lineHeight: 1.75rem
310
+ xl:
311
+ - 1.25rem
312
+ - lineHeight: 1.75rem
313
+ 2xl:
314
+ - 1.5rem
315
+ - lineHeight: 2rem
316
+ 3xl:
317
+ - 1.875rem
318
+ - lineHeight: 2.25rem
319
+ 4xl:
320
+ - 2.25rem
321
+ - lineHeight: 2.5rem
322
+ 5xl:
323
+ - 3rem
324
+ - lineHeight: "1"
325
+ 6xl:
326
+ - 3.75rem
327
+ - lineHeight: "1"
328
+ 7xl:
329
+ - 4.5rem
330
+ - lineHeight: "1"
331
+ 8xl:
332
+ - 6rem
333
+ - lineHeight: "1"
334
+ 9xl:
335
+ - 8rem
336
+ - lineHeight: "1"
337
+
338
+ fontWeight:
339
+ thin: "100"
340
+ extralight: "200"
341
+ light: "300"
342
+ normal: "400"
343
+ medium: "500"
344
+ semibold: "600"
345
+ bold: "700"
346
+ extrabold: "800"
347
+ black: "900"
348
+
349
+ gridAutoColumns:
350
+ auto: auto
351
+ min: min-content
352
+ max: max-content
353
+ fr: minmax(0, 1fr)
354
+
355
+ gridAutoRows:
356
+ auto: auto
357
+ min: min-content
358
+ max: max-content
359
+ fr: minmax(0, 1fr)
360
+
361
+ gridColumn:
362
+ auto: auto
363
+ span-1: span 1 / span 1
364
+ span-2: span 2 / span 2
365
+ span-3: span 3 / span 3
366
+ span-4: span 4 / span 4
367
+ span-5: span 5 / span 5
368
+ span-6: span 6 / span 6
369
+ span-7: span 7 / span 7
370
+ span-8: span 8 / span 8
371
+ span-9: span 9 / span 9
372
+ span-10: span 10 / span 10
373
+ span-11: span 11 / span 11
374
+ span-12: span 12 / span 12
375
+ span-full: 1 / -1
376
+
377
+ gridColumnEnd:
378
+ "1": "1"
379
+ "2": "2"
380
+ "3": "3"
381
+ "4": "4"
382
+ "5": "5"
383
+ "6": "6"
384
+ "7": "7"
385
+ "8": "8"
386
+ "9": "9"
387
+ "10": "10"
388
+ "11": "11"
389
+ "12": "12"
390
+ "13": "13"
391
+ auto: auto
392
+
393
+ gridColumnStart:
394
+ "1": "1"
395
+ "2": "2"
396
+ "3": "3"
397
+ "4": "4"
398
+ "5": "5"
399
+ "6": "6"
400
+ "7": "7"
401
+ "8": "8"
402
+ "9": "9"
403
+ "10": "10"
404
+ "11": "11"
405
+ "12": "12"
406
+ "13": "13"
407
+ auto: auto
408
+
409
+ gridRow:
410
+ auto: auto
411
+ span-1: span 1 / span 1
412
+ span-2: span 2 / span 2
413
+ span-3: span 3 / span 3
414
+ span-4: span 4 / span 4
415
+ span-5: span 5 / span 5
416
+ span-6: span 6 / span 6
417
+ span-full: 1 / -1
418
+
419
+ gridRowStart:
420
+ "1": "1"
421
+ "2": "2"
422
+ "3": "3"
423
+ "4": "4"
424
+ "5": "5"
425
+ "6": "6"
426
+ "7": "7"
427
+ auto: auto
428
+
429
+ gridRowEnd:
430
+ "1": "1"
431
+ "2": "2"
432
+ "3": "3"
433
+ "4": "4"
434
+ "5": "5"
435
+ "6": "6"
436
+ "7": "7"
437
+ auto: auto
438
+
439
+ gridTemplateColumns:
440
+ "1": repeat(1, minmax(0, 1fr))
441
+ "2": repeat(2, minmax(0, 1fr))
442
+ "3": repeat(3, minmax(0, 1fr))
443
+ "4": repeat(4, minmax(0, 1fr))
444
+ "5": repeat(5, minmax(0, 1fr))
445
+ "6": repeat(6, minmax(0, 1fr))
446
+ "7": repeat(7, minmax(0, 1fr))
447
+ "8": repeat(8, minmax(0, 1fr))
448
+ "9": repeat(9, minmax(0, 1fr))
449
+ "10": repeat(10, minmax(0, 1fr))
450
+ "11": repeat(11, minmax(0, 1fr))
451
+ "12": repeat(12, minmax(0, 1fr))
452
+ none: none
453
+
454
+ gridTemplateRows:
455
+ "1": repeat(1, minmax(0, 1fr))
456
+ "2": repeat(2, minmax(0, 1fr))
457
+ "3": repeat(3, minmax(0, 1fr))
458
+ "4": repeat(4, minmax(0, 1fr))
459
+ "5": repeat(5, minmax(0, 1fr))
460
+ "6": repeat(6, minmax(0, 1fr))
461
+ none: none
462
+
463
+ keyframes:
464
+ spin:
465
+ to:
466
+ transform: rotate(360deg)
467
+ ping:
468
+ "75%, 100%":
469
+ transform: scale(2)
470
+ opacity: "0"
471
+ pulse:
472
+ 50%:
473
+ opacity: ".5"
474
+ bounce:
475
+ "0%, 100%":
476
+ transform: translateY(-25%)
477
+ animationTimingFunction: cubic-bezier(0.8,0,1,1)
478
+ 50%:
479
+ transform: none
480
+ animationTimingFunction: cubic-bezier(0,0,0.2,1)
481
+
482
+ letterSpacing:
483
+ tighter: -0.05em
484
+ tight: -0.025em
485
+ normal: 0em
486
+ wide: 0.025em
487
+ wider: 0.05em
488
+ widest: 0.1em
489
+
490
+ lineHeight:
491
+ "3": .75rem
492
+ "4": 1rem
493
+ "5": 1.25rem
494
+ "6": 1.5rem
495
+ "7": 1.75rem
496
+ "8": 2rem
497
+ "9": 2.25rem
498
+ "10": 2.5rem
499
+ none: "1"
500
+ tight: "1.25"
501
+ snug: "1.375"
502
+ normal: "1.5"
503
+ relaxed: "1.625"
504
+ loose: "2"
505
+
506
+ listStyleType:
507
+ none: none
508
+ disc: disc
509
+ decimal: decimal
510
+
511
+ minHeight:
512
+ "0": 0px
513
+ full: 100%
514
+ screen: 100vh
515
+ min: min-content
516
+ max: max-content
517
+ fit: fit-content
518
+
519
+ minWidth:
520
+ "0": 0px
521
+ full: 100%
522
+ min: min-content
523
+ max: max-content
524
+ fit: fit-content
525
+
526
+ objectPosition:
527
+ bottom: bottom
528
+ center: center
529
+ left: left
530
+ left-bottom: left bottom
531
+ left-top: left top
532
+ right: right
533
+ right-bottom: right bottom
534
+ right-top: right top
535
+ top: top
536
+
537
+ opacity:
538
+ "0": "0"
539
+ "5": "0.05"
540
+ "10": "0.1"
541
+ "20": "0.2"
542
+ "25": "0.25"
543
+ "30": "0.3"
544
+ "40": "0.4"
545
+ "50": "0.5"
546
+ "60": "0.6"
547
+ "70": "0.7"
548
+ "75": "0.75"
549
+ "80": "0.8"
550
+ "90": "0.9"
551
+ "95": "0.95"
552
+ "100": "1"
553
+
554
+ order:
555
+ "1": "1"
556
+ "2": "2"
557
+ "3": "3"
558
+ "4": "4"
559
+ "5": "5"
560
+ "6": "6"
561
+ "7": "7"
562
+ "8": "8"
563
+ "9": "9"
564
+ "10": "10"
565
+ "11": "11"
566
+ "12": "12"
567
+ first: "-9999"
568
+ last: "9999"
569
+ none: "0"
570
+
571
+ outlineOffset:
572
+ "0": 0px
573
+ "1": 1px
574
+ "2": 2px
575
+ "4": 4px
576
+ "8": 8px
577
+
578
+ outlineWidth:
579
+ "0": 0px
580
+ "1": 1px
581
+ "2": 2px
582
+ "4": 4px
583
+ "8": 8px
584
+
585
+ ringOffsetWidth:
586
+ "0": 0px
587
+ "1": 1px
588
+ "2": 2px
589
+ "4": 4px
590
+ "8": 8px
591
+
592
+ ringWidth:
593
+ "0": 0px
594
+ "1": 1px
595
+ "2": 2px
596
+ "4": 4px
597
+ "8": 8px
598
+ DEFAULT: 3px
599
+
600
+ rotate:
601
+ "0": 0deg
602
+ "1": 1deg
603
+ "2": 2deg
604
+ "3": 3deg
605
+ "6": 6deg
606
+ "12": 12deg
607
+ "45": 45deg
608
+ "90": 90deg
609
+ "180": 180deg
610
+
611
+ saturate:
612
+ "0": "0"
613
+ "50": ".5"
614
+ "100": "1"
615
+ "150": "1.5"
616
+ "200": "2"
617
+
618
+ scale:
619
+ "0": "0"
620
+ "50": ".5"
621
+ "75": ".75"
622
+ "90": ".9"
623
+ "95": ".95"
624
+ "100": "1"
625
+ "105": "1.05"
626
+ "110": "1.1"
627
+ "125": "1.25"
628
+ "150": "1.5"
629
+
630
+ sepia:
631
+ "0": "0"
632
+ DEFAULT: 100%
633
+
634
+ skew:
635
+ "0": 0deg
636
+ "1": 1deg
637
+ "2": 2deg
638
+ "3": 3deg
639
+ "6": 6deg
640
+ "12": 12deg
641
+
642
+ strokeWidth:
643
+ "0": "0"
644
+ "1": "1"
645
+ "2": "2"
646
+
647
+ textDecorationThickness:
648
+ "0": 0px
649
+ "1": 1px
650
+ "2": 2px
651
+ "4": 4px
652
+ "8": 8px
653
+ auto: auto
654
+ from-font: from-font
655
+
656
+ textUnderlineOffset:
657
+ "0": 0px
658
+ "1": 1px
659
+ "2": 2px
660
+ "4": 4px
661
+ "8": 8px
662
+ auto: auto
663
+
664
+ transformOrigin:
665
+ center: center
666
+ top: top
667
+ top-right: top right
668
+ right: right
669
+ bottom-right: bottom right
670
+ bottom: bottom
671
+ bottom-left: bottom left
672
+ left: left
673
+ top-left: top left
674
+
675
+ transitionDelay:
676
+ "75": 75ms
677
+ "100": 100ms
678
+ "150": 150ms
679
+ "200": 200ms
680
+ "300": 300ms
681
+ "500": 500ms
682
+ "700": 700ms
683
+ "1000": 1000ms
684
+
685
+ transitionDuration:
686
+ "75": 75ms
687
+ "100": 100ms
688
+ "150": 150ms
689
+ "200": 200ms
690
+ "300": 300ms
691
+ "500": 500ms
692
+ "700": 700ms
693
+ "1000": 1000ms
694
+ DEFAULT: 150ms
695
+
696
+ transitionProperty:
697
+ none: none
698
+ all: all
699
+ DEFAULT: color, background-color, border-color, text-decoration-color, fill,
700
+ stroke, opacity, box-shadow, transform, filter, backdrop-filter
701
+ colors: color, background-color, border-color, text-decoration-color, fill, stroke
702
+ opacity: opacity
703
+ shadow: box-shadow
704
+ transform: transform
705
+
706
+ transitionTimingFunction:
707
+ DEFAULT: cubic-bezier(0.4, 0, 0.2, 1)
708
+ linear: linear
709
+ in: cubic-bezier(0.4, 0, 1, 1)
710
+ out: cubic-bezier(0, 0, 0.2, 1)
711
+ in-out: cubic-bezier(0.4, 0, 0.2, 1)
712
+
713
+ willChange:
714
+ auto: auto
715
+ scroll: scroll-position
716
+ contents: contents
717
+ transform: transform
718
+
719
+ zIndex:
720
+ "0": "0"
721
+ "10": "10"
722
+ "20": "20"
723
+ "30": "30"
724
+ "40": "40"
725
+ "50": "50"
726
+ auto: auto
727
+