daisyui 2.40.1 → 2.41.0

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +74 -71
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/package.json +1 -1
package/dist/styled.css CHANGED
@@ -1532,6 +1532,9 @@
1532
1532
  }
1533
1533
  .btm-nav>* {
1534
1534
  border-color: currentColor
1535
+ }
1536
+ .btm-nav>*:not(.active) {
1537
+ padding-top: 0.125rem
1535
1538
  }
1536
1539
  /* active */
1537
1540
  .btm-nav>*:where(.active) {
@@ -2932,6 +2935,8 @@
2932
2935
  --tw-border-opacity: 1;
2933
2936
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2934
2937
  }
2938
+ .menu[class*=" px-"]:not(.menu[class*=" px-0"]) li > *,
2939
+ .menu[class^="px-"]:not(.menu[class^="px-0"]) li > *,
2935
2940
  .menu[class*=" p-"]:not(.menu[class*=" p-0"]) li > *,
2936
2941
  .menu[class^="p-"]:not(.menu[class^="p-0"]) li > * {
2937
2942
  border-radius: var(--rounded-btn, 0.5rem);
@@ -4303,8 +4308,10 @@
4303
4308
  }
4304
4309
  }
4305
4310
  .toggle {
4306
- --chkbg: hsla(var(--bc) / 0.2);
4311
+ --tglbg: hsl(var(--b1));
4307
4312
  --handleoffset: 1.5rem;
4313
+ --handleoffsetcalculator: calc(var(--handleoffset) * -1);
4314
+ --togglehandleborder: 0 0;
4308
4315
  height: 1.5rem;
4309
4316
  width: 3rem;
4310
4317
  cursor: pointer;
@@ -4313,13 +4320,16 @@
4313
4320
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
4314
4321
  --tw-border-opacity: 0.2;
4315
4322
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4316
- --tw-bg-opacity: 0.2;
4323
+ --tw-bg-opacity: 0.5;
4317
4324
  transition-duration: 300ms;
4318
4325
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4319
4326
  border-radius: var(--rounded-badge, 1.9rem);
4320
4327
  transition: background, box-shadow var(--animation-input, 0.2s) ease-in-out;
4321
- box-shadow: calc(var(--handleoffset) * -1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
4328
+ box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder);
4322
4329
  }
4330
+ [dir="rtl"] .toggle {
4331
+ --handleoffsetcalculator: calc(var(--handleoffset) * 1);
4332
+ }
4323
4333
  .toggle:focus-visible {
4324
4334
  outline: 2px solid hsl(var(--bc));
4325
4335
  outline-offset: 2px;
@@ -4327,22 +4337,20 @@
4327
4337
  .toggle:checked,
4328
4338
  .toggle[checked="true"],
4329
4339
  .toggle[aria-checked=true] {
4330
- --chkbg: hsl(var(--bc));
4340
+ --handleoffsetcalculator: var(--handleoffset);
4331
4341
  --tw-border-opacity: 1;
4332
4342
  --tw-bg-opacity: 1;
4333
- box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
4334
4343
  }
4335
4344
  [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked=true] {
4336
- box-shadow: calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
4345
+ --handleoffsetcalculator: calc(var(--handleoffset) * -1);
4337
4346
  }
4338
4347
  .toggle:indeterminate {
4339
- --chkbg: hsl(var(--bc));
4340
- --tw-border-opacity: 1;
4341
- --tw-bg-opacity: 1;
4342
- box-shadow: calc(var(--handleoffset) / 2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset) / -2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
4343
- }
4348
+ --tw-border-opacity: 1;
4349
+ --tw-bg-opacity: 1;
4350
+ box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
4351
+ }
4344
4352
  [dir="rtl"] .toggle:indeterminate {
4345
- box-shadow: calc(var(--handleoffset) / 2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset) / -2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
4353
+ box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
4346
4354
  }
4347
4355
  .toggle-primary:focus-visible {
4348
4356
  outline: 2px solid hsl(var(--p));
@@ -4350,103 +4358,98 @@
4350
4358
  .toggle-primary:checked,
4351
4359
  .toggle-primary[checked="true"],
4352
4360
  .toggle-primary[aria-checked=true] {
4353
- --chkbg: hsl(var(--p));
4354
- border-color: hsl(var(--p) / var(--tw-border-opacity));
4355
- --tw-border-opacity: 0.1;
4356
- --tw-bg-opacity: 1;
4357
- background-color: hsl(var(--p) / var(--tw-bg-opacity));
4358
- --tw-text-opacity: 1;
4359
- color: hsl(var(--pc) / var(--tw-text-opacity));
4360
- }
4361
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
4362
+ --tw-border-opacity: 0.1;
4363
+ --tw-bg-opacity: 1;
4364
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
4365
+ --tw-text-opacity: 1;
4366
+ color: hsl(var(--pc) / var(--tw-text-opacity));
4367
+ }
4361
4368
  .toggle-secondary:focus-visible {
4362
4369
  outline: 2px solid hsl(var(--s));
4363
4370
  }
4364
4371
  .toggle-secondary:checked,
4365
4372
  .toggle-secondary[checked="true"],
4366
4373
  .toggle-secondary[aria-checked=true] {
4367
- --chkbg: hsl(var(--s));
4368
- border-color: hsl(var(--s) / var(--tw-border-opacity));
4369
- --tw-border-opacity: 0.1;
4370
- --tw-bg-opacity: 1;
4371
- background-color: hsl(var(--s) / var(--tw-bg-opacity));
4372
- --tw-text-opacity: 1;
4373
- color: hsl(var(--sc) / var(--tw-text-opacity));
4374
- }
4374
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
4375
+ --tw-border-opacity: 0.1;
4376
+ --tw-bg-opacity: 1;
4377
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
4378
+ --tw-text-opacity: 1;
4379
+ color: hsl(var(--sc) / var(--tw-text-opacity));
4380
+ }
4375
4381
  .toggle-accent:focus-visible {
4376
4382
  outline: 2px solid hsl(var(--a));
4377
4383
  }
4378
4384
  .toggle-accent:checked,
4379
4385
  .toggle-accent[checked="true"],
4380
4386
  .toggle-accent[aria-checked=true] {
4381
- --chkbg: hsl(var(--a));
4382
- border-color: hsl(var(--a) / var(--tw-border-opacity));
4383
- --tw-border-opacity: 0.1;
4384
- --tw-bg-opacity: 1;
4385
- background-color: hsl(var(--a) / var(--tw-bg-opacity));
4386
- --tw-text-opacity: 1;
4387
- color: hsl(var(--ac) / var(--tw-text-opacity));
4388
- }
4387
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
4388
+ --tw-border-opacity: 0.1;
4389
+ --tw-bg-opacity: 1;
4390
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
4391
+ --tw-text-opacity: 1;
4392
+ color: hsl(var(--ac) / var(--tw-text-opacity));
4393
+ }
4389
4394
  .toggle-success:focus-visible {
4390
4395
  outline: 2px solid hsl(var(--su));
4391
4396
  }
4392
4397
  .toggle-success:checked,
4393
4398
  .toggle-success[checked="true"],
4394
4399
  .toggle-success[aria-checked=true] {
4395
- --chkbg: hsl(var(--su));
4396
- border-color: hsl(var(--su) / var(--tw-border-opacity));
4397
- --tw-border-opacity: 0.1;
4398
- --tw-bg-opacity: 1;
4399
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
4400
- --tw-text-opacity: 1;
4401
- color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
4402
- }
4400
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
4401
+ --tw-border-opacity: 0.1;
4402
+ --tw-bg-opacity: 1;
4403
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
4404
+ --tw-text-opacity: 1;
4405
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
4406
+ }
4403
4407
  .toggle-warning:focus-visible {
4404
4408
  outline: 2px solid hsl(var(--wa));
4405
4409
  }
4406
4410
  .toggle-warning:checked,
4407
4411
  .toggle-warning[checked="true"],
4408
4412
  .toggle-warning[aria-checked=true] {
4409
- --chkbg: hsl(var(--wa));
4410
- border-color: hsl(var(--wa) / var(--tw-border-opacity));
4411
- --tw-border-opacity: 0.1;
4412
- --tw-bg-opacity: 1;
4413
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
4414
- --tw-text-opacity: 1;
4415
- color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
4416
- }
4413
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
4414
+ --tw-border-opacity: 0.1;
4415
+ --tw-bg-opacity: 1;
4416
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
4417
+ --tw-text-opacity: 1;
4418
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
4419
+ }
4417
4420
  .toggle-info:focus-visible {
4418
4421
  outline: 2px solid hsl(var(--in));
4419
4422
  }
4420
4423
  .toggle-info:checked,
4421
4424
  .toggle-info[checked="true"],
4422
4425
  .toggle-info[aria-checked=true] {
4423
- --chkbg: hsl(var(--in));
4424
- border-color: hsl(var(--in) / var(--tw-border-opacity));
4425
- --tw-border-opacity: 0.1;
4426
- --tw-bg-opacity: 1;
4427
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
4428
- --tw-text-opacity: 1;
4429
- color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
4430
- }
4426
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
4427
+ --tw-border-opacity: 0.1;
4428
+ --tw-bg-opacity: 1;
4429
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
4430
+ --tw-text-opacity: 1;
4431
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
4432
+ }
4431
4433
  .toggle-error:focus-visible {
4432
4434
  outline: 2px solid hsl(var(--er));
4433
4435
  }
4434
4436
  .toggle-error:checked,
4435
4437
  .toggle-error[checked="true"],
4436
4438
  .toggle-error[aria-checked=true] {
4437
- --chkbg: hsl(var(--er));
4438
- border-color: hsl(var(--er) / var(--tw-border-opacity));
4439
- --tw-border-opacity: 0.1;
4440
- --tw-bg-opacity: 1;
4441
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
4442
- --tw-text-opacity: 1;
4443
- color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
4444
- }
4439
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
4440
+ --tw-border-opacity: 0.1;
4441
+ --tw-bg-opacity: 1;
4442
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
4443
+ --tw-text-opacity: 1;
4444
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
4445
+ }
4445
4446
  .toggle:disabled {
4446
4447
  cursor: not-allowed;
4447
- border-color: transparent;
4448
- background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4449
- --tw-bg-opacity: 0.2;
4448
+ --tw-border-opacity: 1;
4449
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
4450
+ background-color: transparent;
4451
+ opacity: 0.3;
4452
+ --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;
4450
4453
  }
4451
4454
 
4452
4455
  /* backward comptability */