@steedos/service-plugin-amis 3.0.0-beta.12 → 3.0.0-beta.120

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steedos/service-plugin-amis",
3
- "version": "3.0.0-beta.12",
3
+ "version": "3.0.0-beta.120",
4
4
  "main": "package.service.js",
5
5
  "scripts": {
6
6
  "build": "yarn build:tailwind-base && yarn build:tailwind",
@@ -9,12 +9,11 @@
9
9
  "build:tailwind": "tailwindcss -i ./src/styles/tailwind.css -o ./public/tailwind/tailwind-steedos.css"
10
10
  },
11
11
  "license": "MIT",
12
- "private": false,
13
12
  "publishConfig": {
14
13
  "access": "public"
15
14
  },
16
- "gitHead": "0bf2a1c9ca82a02aa95ef37bc5fe376faa870cc8",
15
+ "gitHead": "7d47094f59490c8d6bd0c94395e1dba6e0d86bac",
17
16
  "devDependencies": {
18
- "tailwindcss": "3.2.4"
17
+ "tailwindcss": "^3.4.17"
19
18
  }
20
19
  }
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -31,9 +139,12 @@
31
139
  3. Use a more readable tab size.
32
140
  4. Use the user's configured `sans` font-family by default.
33
141
  5. Use the user's configured `sans` font-feature-settings by default.
142
+ 6. Use the user's configured `sans` font-variation-settings by default.
143
+ 7. Disable tap highlights on iOS
34
144
  */
35
145
 
36
- html {
146
+ html,
147
+ :host {
37
148
  line-height: 1.5;
38
149
  /* 1 */
39
150
  -webkit-text-size-adjust: 100%;
@@ -43,10 +154,14 @@ html {
43
154
  -o-tab-size: 4;
44
155
  tab-size: 4;
45
156
  /* 3 */
46
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
157
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
47
158
  /* 4 */
48
159
  font-feature-settings: normal;
49
160
  /* 5 */
161
+ font-variation-settings: normal;
162
+ /* 6 */
163
+ -webkit-tap-highlight-color: transparent;
164
+ /* 7 */
50
165
  }
51
166
 
52
167
  /*
@@ -118,8 +233,10 @@ strong {
118
233
  }
119
234
 
120
235
  /*
121
- 1. Use the user's configured `mono` font family by default.
122
- 2. Correct the odd `em` font sizing in all browsers.
236
+ 1. Use the user's configured `mono` font-family by default.
237
+ 2. Use the user's configured `mono` font-feature-settings by default.
238
+ 3. Use the user's configured `mono` font-variation-settings by default.
239
+ 4. Correct the odd `em` font sizing in all browsers.
123
240
  */
124
241
 
125
242
  code,
@@ -128,8 +245,12 @@ samp,
128
245
  pre {
129
246
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
130
247
  /* 1 */
131
- font-size: 1em;
248
+ font-feature-settings: normal;
132
249
  /* 2 */
250
+ font-variation-settings: normal;
251
+ /* 3 */
252
+ font-size: 1em;
253
+ /* 4 */
133
254
  }
134
255
 
135
256
  /*
@@ -188,12 +309,18 @@ select,
188
309
  textarea {
189
310
  font-family: inherit;
190
311
  /* 1 */
312
+ font-feature-settings: inherit;
313
+ /* 1 */
314
+ font-variation-settings: inherit;
315
+ /* 1 */
191
316
  font-size: 100%;
192
317
  /* 1 */
193
318
  font-weight: inherit;
194
319
  /* 1 */
195
320
  line-height: inherit;
196
321
  /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
197
324
  color: inherit;
198
325
  /* 1 */
199
326
  margin: 0;
@@ -217,9 +344,9 @@ select {
217
344
  */
218
345
 
219
346
  button,
220
- [type='button'],
221
- [type='reset'],
222
- [type='submit'] {
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
223
350
  -webkit-appearance: button;
224
351
  /* 1 */
225
352
  background-color: transparent;
@@ -338,6 +465,14 @@ menu {
338
465
  padding: 0;
339
466
  }
340
467
 
468
+ /*
469
+ Reset default styling for dialogs.
470
+ */
471
+
472
+ dialog {
473
+ padding: 0;
474
+ }
475
+
341
476
  /*
342
477
  Prevent resizing textareas horizontally by default.
343
478
  */
@@ -415,100 +550,6 @@ video {
415
550
 
416
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
417
552
 
418
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
419
554
  display: none;
420
- }
421
-
422
- *, ::before, ::after {
423
- --tw-border-spacing-x: 0;
424
- --tw-border-spacing-y: 0;
425
- --tw-translate-x: 0;
426
- --tw-translate-y: 0;
427
- --tw-rotate: 0;
428
- --tw-skew-x: 0;
429
- --tw-skew-y: 0;
430
- --tw-scale-x: 1;
431
- --tw-scale-y: 1;
432
- --tw-pan-x: ;
433
- --tw-pan-y: ;
434
- --tw-pinch-zoom: ;
435
- --tw-scroll-snap-strictness: proximity;
436
- --tw-ordinal: ;
437
- --tw-slashed-zero: ;
438
- --tw-numeric-figure: ;
439
- --tw-numeric-spacing: ;
440
- --tw-numeric-fraction: ;
441
- --tw-ring-inset: ;
442
- --tw-ring-offset-width: 0px;
443
- --tw-ring-offset-color: #fff;
444
- --tw-ring-color: rgb(59 130 246 / 0.5);
445
- --tw-ring-offset-shadow: 0 0 #0000;
446
- --tw-ring-shadow: 0 0 #0000;
447
- --tw-shadow: 0 0 #0000;
448
- --tw-shadow-colored: 0 0 #0000;
449
- --tw-blur: ;
450
- --tw-brightness: ;
451
- --tw-contrast: ;
452
- --tw-grayscale: ;
453
- --tw-hue-rotate: ;
454
- --tw-invert: ;
455
- --tw-saturate: ;
456
- --tw-sepia: ;
457
- --tw-drop-shadow: ;
458
- --tw-backdrop-blur: ;
459
- --tw-backdrop-brightness: ;
460
- --tw-backdrop-contrast: ;
461
- --tw-backdrop-grayscale: ;
462
- --tw-backdrop-hue-rotate: ;
463
- --tw-backdrop-invert: ;
464
- --tw-backdrop-opacity: ;
465
- --tw-backdrop-saturate: ;
466
- --tw-backdrop-sepia: ;
467
- }
468
-
469
- ::backdrop {
470
- --tw-border-spacing-x: 0;
471
- --tw-border-spacing-y: 0;
472
- --tw-translate-x: 0;
473
- --tw-translate-y: 0;
474
- --tw-rotate: 0;
475
- --tw-skew-x: 0;
476
- --tw-skew-y: 0;
477
- --tw-scale-x: 1;
478
- --tw-scale-y: 1;
479
- --tw-pan-x: ;
480
- --tw-pan-y: ;
481
- --tw-pinch-zoom: ;
482
- --tw-scroll-snap-strictness: proximity;
483
- --tw-ordinal: ;
484
- --tw-slashed-zero: ;
485
- --tw-numeric-figure: ;
486
- --tw-numeric-spacing: ;
487
- --tw-numeric-fraction: ;
488
- --tw-ring-inset: ;
489
- --tw-ring-offset-width: 0px;
490
- --tw-ring-offset-color: #fff;
491
- --tw-ring-color: rgb(59 130 246 / 0.5);
492
- --tw-ring-offset-shadow: 0 0 #0000;
493
- --tw-ring-shadow: 0 0 #0000;
494
- --tw-shadow: 0 0 #0000;
495
- --tw-shadow-colored: 0 0 #0000;
496
- --tw-blur: ;
497
- --tw-brightness: ;
498
- --tw-contrast: ;
499
- --tw-grayscale: ;
500
- --tw-hue-rotate: ;
501
- --tw-invert: ;
502
- --tw-saturate: ;
503
- --tw-sepia: ;
504
- --tw-drop-shadow: ;
505
- --tw-backdrop-blur: ;
506
- --tw-backdrop-brightness: ;
507
- --tw-backdrop-contrast: ;
508
- --tw-backdrop-grayscale: ;
509
- --tw-backdrop-hue-rotate: ;
510
- --tw-backdrop-invert: ;
511
- --tw-backdrop-opacity: ;
512
- --tw-backdrop-saturate: ;
513
- --tw-backdrop-sepia: ;
514
555
  }
@@ -48,12 +48,16 @@
48
48
  visibility: collapse
49
49
  }
50
50
 
51
+ .\!static {
52
+ position: static !important
53
+ }
54
+
51
55
  .static {
52
56
  position: static
53
57
  }
54
58
 
55
- .\!static {
56
- position: static !important
59
+ .fixed {
60
+ position: fixed
57
61
  }
58
62
 
59
63
  .absolute {
@@ -76,16 +80,21 @@
76
80
  margin: 0px
77
81
  }
78
82
 
79
- .m-auto {
80
- margin: auto
83
+ .m-1 {
84
+ margin: 0.25rem
81
85
  }
82
86
 
83
87
  .m-4 {
84
88
  margin: 1rem
85
89
  }
86
90
 
87
- .m-1 {
88
- margin: 0.25rem
91
+ .m-auto {
92
+ margin: auto
93
+ }
94
+
95
+ .mx-4 {
96
+ margin-left: 1rem;
97
+ margin-right: 1rem
89
98
  }
90
99
 
91
100
  .my-2 {
@@ -93,45 +102,49 @@
93
102
  margin-bottom: 0.5rem
94
103
  }
95
104
 
96
- .mx-4 {
97
- margin-left: 1rem;
98
- margin-right: 1rem
105
+ .my-4 {
106
+ margin-top: 1rem;
107
+ margin-bottom: 1rem
108
+ }
109
+
110
+ .-mt-3 {
111
+ margin-top: -0.75rem
99
112
  }
100
113
 
101
114
  .mb-0 {
102
115
  margin-bottom: 0px
103
116
  }
104
117
 
105
- .ml-2 {
106
- margin-left: 0.5rem
118
+ .mb-2 {
119
+ margin-bottom: 0.5rem
107
120
  }
108
121
 
109
122
  .mb-4 {
110
123
  margin-bottom: 1rem
111
124
  }
112
125
 
113
- .mr-7 {
114
- margin-right: 1.75rem
126
+ .ml-2 {
127
+ margin-left: 0.5rem
115
128
  }
116
129
 
117
- .mt-3 {
118
- margin-top: 0.75rem
130
+ .ml-4 {
131
+ margin-left: 1rem
119
132
  }
120
133
 
121
- .mt-2 {
122
- margin-top: 0.5rem
134
+ .mr-1 {
135
+ margin-right: 0.25rem
123
136
  }
124
137
 
125
138
  .mr-4 {
126
139
  margin-right: 1rem
127
140
  }
128
141
 
129
- .mb-2 {
130
- margin-bottom: 0.5rem
142
+ .mr-7 {
143
+ margin-right: 1.75rem
131
144
  }
132
145
 
133
- .-mt-3 {
134
- margin-top: -0.75rem
146
+ .mt-2 {
147
+ margin-top: 0.5rem
135
148
  }
136
149
 
137
150
  .block {
@@ -166,10 +179,6 @@
166
179
  display: none
167
180
  }
168
181
 
169
- .h-full {
170
- height: 100%
171
- }
172
-
173
182
  .h-7 {
174
183
  height: 1.75rem
175
184
  }
@@ -178,24 +187,28 @@
178
187
  height: 2.25rem
179
188
  }
180
189
 
181
- .w-full {
182
- width: 100%
190
+ .h-full {
191
+ height: 100%
183
192
  }
184
193
 
185
194
  .w-4\/5 {
186
195
  width: 80%
187
196
  }
188
197
 
198
+ .w-9 {
199
+ width: 2.25rem
200
+ }
201
+
189
202
  .w-96 {
190
203
  width: 24rem
191
204
  }
192
205
 
193
- .w-9 {
194
- width: 2.25rem
206
+ .w-full {
207
+ width: 100%
195
208
  }
196
209
 
197
- .min-w-\[200px\] {
198
- min-width: 200px
210
+ .min-w-\[220px\] {
211
+ min-width: 220px
199
212
  }
200
213
 
201
214
  .max-w-4xl {
@@ -218,6 +231,10 @@
218
231
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
219
232
  }
220
233
 
234
+ .flex-col {
235
+ flex-direction: column
236
+ }
237
+
221
238
  .items-center {
222
239
  align-items: center
223
240
  }
@@ -230,6 +247,10 @@
230
247
  justify-content: space-between
231
248
  }
232
249
 
250
+ .gap-3 {
251
+ gap: 0.75rem
252
+ }
253
+
233
254
  .overflow-auto {
234
255
  overflow: auto
235
256
  }
@@ -258,67 +279,52 @@
258
279
  border-width: 0px
259
280
  }
260
281
 
261
- .border-y {
262
- border-top-width: 1px;
263
- border-bottom-width: 1px
264
- }
265
-
266
282
  .border-b {
267
283
  border-bottom-width: 1px
268
284
  }
269
285
 
270
- .border-r {
271
- border-right-width: 1px
272
- }
273
-
274
- .border-gray-200 {
275
- --tw-border-opacity: 1;
276
- border-color: rgb(229 231 235 / var(--tw-border-opacity))
286
+ .border-none {
287
+ border-style: none
277
288
  }
278
289
 
279
290
  .border-gray-300 {
280
291
  --tw-border-opacity: 1;
281
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
292
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
282
293
  }
283
294
 
284
- .bg-white {
295
+ .bg-gray-100 {
285
296
  --tw-bg-opacity: 1;
286
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
297
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
287
298
  }
288
299
 
289
- .bg-gray-100 {
300
+ .bg-gray-50 {
290
301
  --tw-bg-opacity: 1;
291
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
302
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
292
303
  }
293
304
 
294
- .bg-gray-50 {
305
+ .bg-white {
295
306
  --tw-bg-opacity: 1;
296
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
307
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
297
308
  }
298
309
 
299
310
  .bg-none {
300
311
  background-image: none
301
312
  }
302
313
 
303
- .p-4 {
304
- padding: 1rem
305
- }
306
-
307
314
  .p-0 {
308
315
  padding: 0px
309
316
  }
310
317
 
311
- .p-2 {
312
- padding: 0.5rem
313
- }
314
-
315
318
  .p-1 {
316
319
  padding: 0.25rem
317
320
  }
318
321
 
319
- .py-1 {
320
- padding-top: 0.25rem;
321
- padding-bottom: 0.25rem
322
+ .p-2 {
323
+ padding: 0.5rem
324
+ }
325
+
326
+ .p-4 {
327
+ padding: 1rem
322
328
  }
323
329
 
324
330
  .px-0 {
@@ -326,9 +332,9 @@
326
332
  padding-right: 0px
327
333
  }
328
334
 
329
- .py-4 {
330
- padding-top: 1rem;
331
- padding-bottom: 1rem
335
+ .px-10 {
336
+ padding-left: 2.5rem;
337
+ padding-right: 2.5rem
332
338
  }
333
339
 
334
340
  .px-2 {
@@ -341,14 +347,9 @@
341
347
  padding-bottom: 0.125rem
342
348
  }
343
349
 
344
- .py-0 {
345
- padding-top: 0px;
346
- padding-bottom: 0px
347
- }
348
-
349
- .px-10 {
350
- padding-left: 2.5rem;
351
- padding-right: 2.5rem
350
+ .py-1 {
351
+ padding-top: 0.25rem;
352
+ padding-bottom: 0.25rem
352
353
  }
353
354
 
354
355
  .py-2 {
@@ -356,14 +357,19 @@
356
357
  padding-bottom: 0.5rem
357
358
  }
358
359
 
359
- .pt-4 {
360
- padding-top: 1rem
360
+ .py-4 {
361
+ padding-top: 1rem;
362
+ padding-bottom: 1rem
361
363
  }
362
364
 
363
365
  .pl-10 {
364
366
  padding-left: 2.5rem
365
367
  }
366
368
 
369
+ .pt-4 {
370
+ padding-top: 1rem
371
+ }
372
+
367
373
  .text-left {
368
374
  text-align: left
369
375
  }
@@ -386,22 +392,22 @@
386
392
 
387
393
  .text-black {
388
394
  --tw-text-opacity: 1;
389
- color: rgb(0 0 0 / var(--tw-text-opacity))
395
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1))
390
396
  }
391
397
 
392
398
  .text-gray-300 {
393
399
  --tw-text-opacity: 1;
394
- color: rgb(209 213 219 / var(--tw-text-opacity))
400
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1))
395
401
  }
396
402
 
397
403
  .text-gray-500 {
398
404
  --tw-text-opacity: 1;
399
- color: rgb(107 114 128 / var(--tw-text-opacity))
405
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1))
400
406
  }
401
407
 
402
408
  .text-gray-600 {
403
409
  --tw-text-opacity: 1;
404
- color: rgb(75 85 99 / var(--tw-text-opacity))
410
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1))
405
411
  }
406
412
 
407
413
  .shadow {
@@ -416,10 +422,21 @@
416
422
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
417
423
  }
418
424
 
425
+ .blur {
426
+ --tw-blur: blur(8px);
427
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
428
+ }
429
+
419
430
  .filter {
420
431
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
421
432
  }
422
433
 
434
+ .transition {
435
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
436
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
437
+ transition-duration: 150ms
438
+ }
439
+
423
440
  .focus\:outline-none:focus {
424
441
  outline: 2px solid transparent;
425
442
  outline-offset: 2px
@@ -448,7 +465,7 @@
448
465
 
449
466
  .sm\:border-gray-300 {
450
467
  --tw-border-opacity: 1;
451
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
468
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
452
469
  }
453
470
 
454
471
  .sm\:shadow {