daisyui 3.2.2 → 3.3.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.
- package/README.md +2 -2
- package/dist/full.css +65 -1
- package/dist/styled.css +74 -1
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +10 -0
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -138,7 +138,7 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
138
138
|
- [x] Tab
|
|
139
139
|
|
|
140
140
|
- Mockup
|
|
141
|
-
- [
|
|
141
|
+
- [x] Browser
|
|
142
142
|
- [x] Code
|
|
143
143
|
- [x] Phone
|
|
144
144
|
- [x] Window
|
|
@@ -224,7 +224,7 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
224
224
|
[jsdeliver-url]: https://www.jsdelivr.com/package/npm/daisyui
|
|
225
225
|
[build-url]: https://github.com/saadeghi/daisyui/actions
|
|
226
226
|
[tweet-url]: https://twitter.com/intent/tweet?text=daisyUI%20%0D%0AComponents%20for%20Tailwind%20CSS%20%0D%0Ahttps://github.com/saadeghi/daisyui
|
|
227
|
-
[number-of-components]: https://badgen.net/badge/total%20components/
|
|
227
|
+
[number-of-components]: https://badgen.net/badge/total%20components/53/green
|
|
228
228
|
[docs-url-install]: https://daisyui.com/docs/install
|
|
229
229
|
[docs-url]: https://daisyui.com/
|
|
230
230
|
[logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui/master/src/docs/static/images/daisyui-logo/favicon-192.png
|
package/dist/full.css
CHANGED
|
@@ -2580,6 +2580,15 @@ html {
|
|
|
2580
2580
|
content: attr(data-prefix);
|
|
2581
2581
|
display: inline-block;
|
|
2582
2582
|
text-align: right}
|
|
2583
|
+
.mockup-browser {
|
|
2584
|
+
position: relative;
|
|
2585
|
+
overflow: hidden;
|
|
2586
|
+
overflow-x: auto;
|
|
2587
|
+
border-radius: var(--rounded-box, 1rem)}
|
|
2588
|
+
.mockup-browser pre[data-prefix]:before {
|
|
2589
|
+
content: attr(data-prefix);
|
|
2590
|
+
display: inline-block;
|
|
2591
|
+
text-align: right}
|
|
2583
2592
|
.modal {
|
|
2584
2593
|
pointer-events: none;
|
|
2585
2594
|
position: fixed;
|
|
@@ -4214,8 +4223,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4214
4223
|
content: "";
|
|
4215
4224
|
margin-bottom: 1rem;
|
|
4216
4225
|
display: block;
|
|
4226
|
+
aspect-ratio: 1 / 1;
|
|
4217
4227
|
height: 0.75rem;
|
|
4218
|
-
width: 0.75rem;
|
|
4219
4228
|
border-radius: 9999px;
|
|
4220
4229
|
opacity: 0.3;
|
|
4221
4230
|
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0}
|
|
@@ -4261,6 +4270,61 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4261
4270
|
overflow: hidden;
|
|
4262
4271
|
border-radius: 40px;
|
|
4263
4272
|
margin-top: -25px}
|
|
4273
|
+
.mockup-browser .mockup-browser-toolbar {
|
|
4274
|
+
margin-top: 0.75rem;
|
|
4275
|
+
margin-bottom: 0.75rem;
|
|
4276
|
+
display: inline-flex;
|
|
4277
|
+
width: 100%;
|
|
4278
|
+
align-items: center;
|
|
4279
|
+
padding-right: 1.4em}
|
|
4280
|
+
.mockup-browser .mockup-browser-toolbar:before {
|
|
4281
|
+
content: "";
|
|
4282
|
+
margin-right: 4.8rem;
|
|
4283
|
+
display: inline-block;
|
|
4284
|
+
aspect-ratio: 1 / 1;
|
|
4285
|
+
height: 0.75rem;
|
|
4286
|
+
border-radius: 9999px;
|
|
4287
|
+
opacity: 0.3;
|
|
4288
|
+
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0}
|
|
4289
|
+
.mockup-browser .mockup-browser-toolbar .input {
|
|
4290
|
+
position: relative;
|
|
4291
|
+
margin-left: auto;
|
|
4292
|
+
margin-right: auto;
|
|
4293
|
+
display: block;
|
|
4294
|
+
height: 1.75rem;
|
|
4295
|
+
width: 24rem;
|
|
4296
|
+
overflow: hidden;
|
|
4297
|
+
text-overflow: ellipsis;
|
|
4298
|
+
white-space: nowrap;
|
|
4299
|
+
--tw-bg-opacity: 1;
|
|
4300
|
+
background-color: hsl(var(--b2) / var(--tw-bg-opacity));
|
|
4301
|
+
padding-left: 2rem}
|
|
4302
|
+
.mockup-browser .mockup-browser-toolbar .input:before {
|
|
4303
|
+
content: "";
|
|
4304
|
+
position: absolute;
|
|
4305
|
+
top: 50%;
|
|
4306
|
+
left: 0.5rem;
|
|
4307
|
+
aspect-ratio: 1 / 1;
|
|
4308
|
+
height: 0.75rem;
|
|
4309
|
+
--tw-translate-y: -50%;
|
|
4310
|
+
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));
|
|
4311
|
+
border-radius: 9999px;
|
|
4312
|
+
border-width: 2px;
|
|
4313
|
+
border-color: currentColor;
|
|
4314
|
+
opacity: 0.6}
|
|
4315
|
+
.mockup-browser .mockup-browser-toolbar .input:after {
|
|
4316
|
+
content: "";
|
|
4317
|
+
position: absolute;
|
|
4318
|
+
top: 50%;
|
|
4319
|
+
left: 1.25rem;
|
|
4320
|
+
height: 0.5rem;
|
|
4321
|
+
--tw-translate-y: 25%;
|
|
4322
|
+
--tw-rotate: -45deg;
|
|
4323
|
+
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));
|
|
4324
|
+
border-radius: 9999px;
|
|
4325
|
+
border-width: 1px;
|
|
4326
|
+
border-color: currentColor;
|
|
4327
|
+
opacity: 0.6}
|
|
4264
4328
|
.modal:not(dialog:not(.modal-open)),
|
|
4265
4329
|
.modal::backdrop {
|
|
4266
4330
|
background-color: rgba(0, 0, 0, 0.3);
|
package/dist/styled.css
CHANGED
|
@@ -845,6 +845,16 @@
|
|
|
845
845
|
display: inline-block;
|
|
846
846
|
text-align: right;
|
|
847
847
|
}
|
|
848
|
+
.mockup-browser {
|
|
849
|
+
position: relative;
|
|
850
|
+
overflow: hidden;
|
|
851
|
+
overflow-x: auto;
|
|
852
|
+
}
|
|
853
|
+
.mockup-browser pre[data-prefix]:before {
|
|
854
|
+
content: attr(data-prefix);
|
|
855
|
+
display: inline-block;
|
|
856
|
+
text-align: right;
|
|
857
|
+
}
|
|
848
858
|
.modal {
|
|
849
859
|
/* @apply pointer-events-none invisible fixed inset-0 flex justify-center opacity-0; */
|
|
850
860
|
pointer-events: none;
|
|
@@ -3272,8 +3282,8 @@ details.collapse summary {
|
|
|
3272
3282
|
content: "";
|
|
3273
3283
|
margin-bottom: 1rem;
|
|
3274
3284
|
display: block;
|
|
3285
|
+
aspect-ratio: 1 / 1;
|
|
3275
3286
|
height: 0.75rem;
|
|
3276
|
-
width: 0.75rem;
|
|
3277
3287
|
border-radius: 9999px;
|
|
3278
3288
|
opacity: 0.3;
|
|
3279
3289
|
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
|
|
@@ -3325,6 +3335,69 @@ details.collapse summary {
|
|
|
3325
3335
|
border-radius: 40px;
|
|
3326
3336
|
margin-top: -25px;
|
|
3327
3337
|
}
|
|
3338
|
+
.mockup-browser {
|
|
3339
|
+
border-radius: var(--rounded-box, 1rem);
|
|
3340
|
+
}
|
|
3341
|
+
.mockup-browser .mockup-browser-toolbar {
|
|
3342
|
+
margin-top: 0.75rem;
|
|
3343
|
+
margin-bottom: 0.75rem;
|
|
3344
|
+
display: inline-flex;
|
|
3345
|
+
width: 100%;
|
|
3346
|
+
align-items: center;
|
|
3347
|
+
padding-right: 1.4em;
|
|
3348
|
+
}
|
|
3349
|
+
.mockup-browser .mockup-browser-toolbar:before {
|
|
3350
|
+
content: "";
|
|
3351
|
+
margin-right: 4.8rem;
|
|
3352
|
+
display: inline-block;
|
|
3353
|
+
aspect-ratio: 1 / 1;
|
|
3354
|
+
height: 0.75rem;
|
|
3355
|
+
border-radius: 9999px;
|
|
3356
|
+
opacity: 0.3;
|
|
3357
|
+
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
|
|
3358
|
+
}
|
|
3359
|
+
.mockup-browser .mockup-browser-toolbar .input {
|
|
3360
|
+
position: relative;
|
|
3361
|
+
margin-left: auto;
|
|
3362
|
+
margin-right: auto;
|
|
3363
|
+
display: block;
|
|
3364
|
+
height: 1.75rem;
|
|
3365
|
+
width: 24rem;
|
|
3366
|
+
overflow: hidden;
|
|
3367
|
+
text-overflow: ellipsis;
|
|
3368
|
+
white-space: nowrap;
|
|
3369
|
+
--tw-bg-opacity: 1;
|
|
3370
|
+
background-color: hsl(var(--b2) / var(--tw-bg-opacity));
|
|
3371
|
+
padding-left: 2rem;
|
|
3372
|
+
}
|
|
3373
|
+
.mockup-browser .mockup-browser-toolbar .input:before {
|
|
3374
|
+
content: "";
|
|
3375
|
+
position: absolute;
|
|
3376
|
+
top: 50%;
|
|
3377
|
+
left: 0.5rem;
|
|
3378
|
+
aspect-ratio: 1 / 1;
|
|
3379
|
+
height: 0.75rem;
|
|
3380
|
+
--tw-translate-y: -50%;
|
|
3381
|
+
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));
|
|
3382
|
+
border-radius: 9999px;
|
|
3383
|
+
border-width: 2px;
|
|
3384
|
+
border-color: currentColor;
|
|
3385
|
+
opacity: 0.6;
|
|
3386
|
+
}
|
|
3387
|
+
.mockup-browser .mockup-browser-toolbar .input:after {
|
|
3388
|
+
content: "";
|
|
3389
|
+
position: absolute;
|
|
3390
|
+
top: 50%;
|
|
3391
|
+
left: 1.25rem;
|
|
3392
|
+
height: 0.5rem;
|
|
3393
|
+
--tw-translate-y: 25%;
|
|
3394
|
+
--tw-rotate: -45deg;
|
|
3395
|
+
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));
|
|
3396
|
+
border-radius: 9999px;
|
|
3397
|
+
border-width: 1px;
|
|
3398
|
+
border-color: currentColor;
|
|
3399
|
+
opacity: 0.6;
|
|
3400
|
+
}
|
|
3328
3401
|
.modal {
|
|
3329
3402
|
background-color: transparent;
|
|
3330
3403
|
color: inherit;
|