ariadne_view_components 0.0.93.2 → 0.0.94.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +9 -0
  3. data/README.md +13 -4
  4. data/app/assets/javascripts/ariadne_view_components.js +14 -14
  5. data/app/assets/javascripts/ariadne_view_components.js.br +0 -0
  6. data/app/assets/javascripts/ariadne_view_components.js.gz +0 -0
  7. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  8. data/app/assets/stylesheets/ariadne_view_components.css +1 -1
  9. data/app/assets/stylesheets/ariadne_view_components.css.br +0 -0
  10. data/app/assets/stylesheets/ariadne_view_components.css.gz +0 -0
  11. data/app/components/ariadne/base_component.rb +25 -22
  12. data/app/components/ariadne/behaviors/tooltipable.rb +12 -12
  13. data/app/components/ariadne/form/checkbox/component.rb +2 -2
  14. data/app/components/ariadne/form/group/component.rb +1 -1
  15. data/app/components/ariadne/form/radio_button/component.rb +2 -2
  16. data/app/components/ariadne/form/select/component.rb +1 -1
  17. data/app/components/ariadne/form/text_field/component.html.erb +2 -2
  18. data/app/components/ariadne/form/text_field/component.rb +14 -7
  19. data/app/components/ariadne/form/toggle/component.rb +2 -2
  20. data/app/components/ariadne/form/toggle_group/component.rb +1 -1
  21. data/app/components/ariadne/form/toggle_group/option/component.rb +1 -1
  22. data/app/components/ariadne/layout/grid/component.rb +1 -1
  23. data/app/components/ariadne/layout/grid/item/component.rb +2 -2
  24. data/app/components/ariadne/layout/label_block/component.rb +1 -1
  25. data/app/components/ariadne/layout/narrow/component.html.erb +5 -5
  26. data/app/components/ariadne/layout/narrow/component.rb +1 -1
  27. data/app/components/ariadne/ui/accordion/component.rb +3 -1
  28. data/app/components/ariadne/ui/accordion/item/component.html.erb +10 -10
  29. data/app/components/ariadne/ui/accordion/item/component.rb +12 -3
  30. data/app/components/ariadne/ui/avatar/component.html.erb +9 -7
  31. data/app/components/ariadne/ui/avatar/component.rb +55 -7
  32. data/app/components/ariadne/ui/badge/component.rb +35 -16
  33. data/app/components/ariadne/ui/banner/component.html.erb +23 -0
  34. data/app/components/ariadne/ui/banner/component.rb +226 -0
  35. data/app/components/ariadne/ui/banner/component.ts +46 -0
  36. data/app/components/ariadne/ui/blankslate/component.html.erb +2 -2
  37. data/app/components/ariadne/ui/blankslate/component.rb +12 -1
  38. data/app/components/ariadne/ui/button/component.rb +35 -24
  39. data/app/components/ariadne/ui/card/body/component.rb +1 -1
  40. data/app/components/ariadne/ui/card/component.rb +11 -7
  41. data/app/components/ariadne/ui/card/footer/component.rb +1 -1
  42. data/app/components/ariadne/ui/card/header/component.html.erb +2 -2
  43. data/app/components/ariadne/ui/card/header/component.rb +25 -16
  44. data/app/components/ariadne/ui/clipboard_copy/component.html.erb +1 -0
  45. data/app/components/ariadne/ui/clipboard_copy/component.rb +17 -21
  46. data/app/components/ariadne/ui/clipboard_copy/component.ts +15 -0
  47. data/app/components/ariadne/ui/color_dot/component.html.erb +5 -5
  48. data/app/components/ariadne/ui/color_dot/component.rb +19 -4
  49. data/app/components/ariadne/ui/combobox/component.html.erb +1 -1
  50. data/app/components/ariadne/ui/combobox/component.rb +54 -23
  51. data/app/components/ariadne/ui/combobox/component.ts +2 -0
  52. data/app/components/ariadne/ui/dialog/body/component.html.erb +3 -0
  53. data/app/components/ariadne/ui/dialog/body/component.rb +28 -0
  54. data/app/components/ariadne/ui/dialog/component.html.erb +25 -24
  55. data/app/components/ariadne/ui/dialog/component.rb +87 -18
  56. data/app/components/ariadne/ui/dialog/component.ts +5 -1
  57. data/app/components/ariadne/ui/dialog/footer/component.html.erb +3 -0
  58. data/app/components/ariadne/ui/dialog/footer/component.rb +34 -0
  59. data/app/components/ariadne/ui/heroicon/component.rb +21 -21
  60. data/app/components/ariadne/ui/image/component.rb +11 -23
  61. data/app/components/ariadne/ui/link/component.html.erb +1 -3
  62. data/app/components/ariadne/ui/link/component.rb +17 -4
  63. data/app/components/ariadne/ui/list/component.html.erb +5 -9
  64. data/app/components/ariadne/ui/list/component.rb +31 -7
  65. data/app/components/ariadne/ui/list/item/component.rb +6 -5
  66. data/app/components/ariadne/ui/pagination/component.rb +1 -2
  67. data/app/components/ariadne/ui/popover/component.html.erb +1 -1
  68. data/app/components/ariadne/ui/popover/component.rb +31 -26
  69. data/app/components/ariadne/ui/relative_time/component.html.erb +1 -0
  70. data/app/components/ariadne/ui/{time_ago → relative_time}/component.rb +15 -15
  71. data/app/components/ariadne/ui/{time_ago → relative_time}/component.ts +1 -1
  72. data/app/components/ariadne/ui/shortcut/component.html.erb +0 -1
  73. data/app/components/ariadne/ui/shortcut/component.rb +31 -5
  74. data/app/components/ariadne/ui/shortcut/component.ts +1 -1
  75. data/app/components/ariadne/ui/skeleton/component.rb +2 -8
  76. data/app/components/ariadne/ui/stats_panel/component.html.erb +3 -3
  77. data/app/components/ariadne/ui/stats_panel/component.rb +25 -1
  78. data/app/components/ariadne/ui/stats_panel/item/component.html.erb +3 -3
  79. data/app/components/ariadne/ui/stats_panel/item/component.rb +6 -6
  80. data/app/components/ariadne/ui/table/cell/component.rb +1 -1
  81. data/app/components/ariadne/ui/table/row/component.rb +1 -1
  82. data/app/components/ariadne/ui/typography/component.rb +3 -1
  83. data/app/frontend/controllers/tooltip_controller.ts +8 -3
  84. data/app/frontend/stylesheets/ariadne_view_components.css +1 -0
  85. data/app/frontend/stylesheets/theme.css +88 -0
  86. data/app/frontend/utils/createController.ts +9 -0
  87. data/app/helpers/ariadne/color_helper.rb +158 -0
  88. data/app/helpers/ariadne/form_helper.rb +1 -0
  89. data/app/helpers/ariadne/size_helper.rb +7 -0
  90. data/app/lib/ariadne/attributes_helper.rb +4 -4
  91. data/app/lib/ariadne/view_component/style_variants.rb +1 -1
  92. data/app/lib/ariadne/view_helper.rb +0 -6
  93. data/lib/ariadne/accessibility.rb +64 -0
  94. data/lib/ariadne/forms/dsl/form_object.rb +5 -1
  95. data/lib/ariadne/forms/dsl/input.rb +1 -1
  96. data/lib/ariadne/static/generate_arguments.rb +54 -0
  97. data/lib/ariadne/static/generate_audited_at.rb +17 -0
  98. data/lib/ariadne/static/generate_constants.rb +19 -0
  99. data/lib/ariadne/static/generate_previews.rb +53 -0
  100. data/lib/ariadne/static/generate_statuses.rb +17 -0
  101. data/lib/ariadne/static/generate_structure.rb +279 -0
  102. data/lib/ariadne/static.rb +68 -0
  103. data/lib/ariadne/view_components/constants.rb +2 -2
  104. data/lib/ariadne/view_components/version.rb +1 -1
  105. data/lib/ariadne/view_components.rb +0 -51
  106. data/lib/ariadne/yard/component_manifest.rb +81 -81
  107. data/lib/ariadne/yard/component_ref.rb +1 -1
  108. data/lib/ariadne/yard/docs_helper.rb +24 -16
  109. data/lib/ariadne/yard/dry_initializer/common_handler.rb +103 -0
  110. data/lib/ariadne/yard/dry_initializer/option_handler.rb +38 -0
  111. data/lib/ariadne/yard/dry_initializer/param_handler.rb +57 -0
  112. data/lib/ariadne/yard/registry.rb +2 -5
  113. data/lib/ariadne/yard/{info_arch_docs_helper.rb → structure_docs_helper.rb} +5 -5
  114. data/lib/ariadne/yard.rb +20 -8
  115. data/lib/rubocop/config/default.yml +0 -3
  116. metadata +34 -37
  117. data/app/components/ariadne/behaviors/captionable.rb +0 -55
  118. data/app/components/ariadne/turbo/frame/component.html.erb +0 -3
  119. data/app/components/ariadne/turbo/frame/component.rb +0 -16
  120. data/app/components/ariadne/turbo/stream_action/component.html.erb +0 -4
  121. data/app/components/ariadne/turbo/stream_action/component.rb +0 -25
  122. data/app/components/ariadne/ui/data_table/component.html.erb +0 -1
  123. data/app/components/ariadne/ui/data_table/component.rb +0 -11
  124. data/app/components/ariadne/ui/flash/component.html.erb +0 -18
  125. data/app/components/ariadne/ui/flash/component.rb +0 -151
  126. data/app/components/ariadne/ui/flash/component.ts +0 -56
  127. data/app/components/ariadne/ui/overlay/component.html.erb +0 -12
  128. data/app/components/ariadne/ui/overlay/component.rb +0 -54
  129. data/app/components/ariadne/ui/overlay/component.ts +0 -92
  130. data/app/components/ariadne/ui/time_ago/component.html.erb +0 -1
  131. data/lib/ariadne/view_components/commands.rb +0 -90
  132. data/lib/ariadne/view_components/statuses.rb +0 -14
  133. data/lib/ariadne/view_components/upstream.rb +0 -19
  134. data/lib/ariadne/yard/lookbook_pages_backend.rb +0 -235
  135. data/lib/rubocop/cop/ariadne/no_tag_memoize.rb +0 -44
  136. data/static/arguments.yml +0 -879
  137. data/static/assets/view-components.svg +0 -18
  138. data/static/classes.yml +0 -211
  139. data/static/constants.json +0 -743
  140. data/static/statuses.json +0 -58
  141. data/static/tailwindcss.yml +0 -727
  142. /data/app/components/ariadne/ui/{time_ago → relative_time}/en.yml +0 -0
@@ -1,727 +0,0 @@
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
-