daisyui 2.23.0 → 2.24.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 (7) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +94 -114
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/utilities-styled.js +1 -1
  7. package/package.json +1 -1
package/dist/styled.css CHANGED
@@ -1226,293 +1226,273 @@
1226
1226
  border-color: hsl(var(--b1) / var(--tw-border-opacity))
1227
1227
  }
1228
1228
  .badge {
1229
-
1230
1229
  border-width: 1px;
1231
-
1232
1230
  --tw-border-opacity: 1;
1233
-
1234
1231
  border-color: hsl(var(--n) / var(--tw-border-opacity));
1235
-
1236
1232
  --tw-bg-opacity: 1;
1237
-
1238
1233
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1239
-
1240
1234
  --tw-text-opacity: 1;
1241
-
1242
1235
  color: hsl(var(--nc) / var(--tw-text-opacity));
1243
-
1244
1236
  border-radius: var(--rounded-badge, 1.9rem)
1245
1237
  }
1238
+ .badge-primary {
1239
+ --tw-border-opacity: 1;
1240
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1241
+ --tw-bg-opacity: 1;
1242
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
1243
+ --tw-text-opacity: 1;
1244
+ color: hsl(var(--pc) / var(--tw-text-opacity))
1245
+ }
1246
+ .badge-secondary {
1247
+ --tw-border-opacity: 1;
1248
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1249
+ --tw-bg-opacity: 1;
1250
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
1251
+ --tw-text-opacity: 1;
1252
+ color: hsl(var(--sc) / var(--tw-text-opacity))
1253
+ }
1254
+ .badge-accent {
1255
+ --tw-border-opacity: 1;
1256
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1257
+ --tw-bg-opacity: 1;
1258
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
1259
+ --tw-text-opacity: 1;
1260
+ color: hsl(var(--ac) / var(--tw-text-opacity))
1261
+ }
1262
+ .badge-info {
1263
+ border-color: transparent;
1264
+ --tw-bg-opacity: 1;
1265
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1266
+ --tw-text-opacity: 1;
1267
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity))
1268
+ }
1269
+ .badge-success {
1270
+ border-color: transparent;
1271
+ --tw-bg-opacity: 1;
1272
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1273
+ --tw-text-opacity: 1;
1274
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity))
1275
+ }
1276
+ .badge-warning {
1277
+ border-color: transparent;
1278
+ --tw-bg-opacity: 1;
1279
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1280
+ --tw-text-opacity: 1;
1281
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity))
1282
+ }
1283
+ .badge-error {
1284
+ border-color: transparent;
1285
+ --tw-bg-opacity: 1;
1286
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1287
+ --tw-text-opacity: 1;
1288
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity))
1289
+ }
1290
+ .badge-ghost {
1291
+ --tw-border-opacity: 1;
1292
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1293
+ --tw-bg-opacity: 1;
1294
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
1295
+ --tw-text-opacity: 1;
1296
+ color: hsl(var(--bc) / var(--tw-text-opacity))
1297
+ }
1298
+ .badge-outline {
1299
+ border-color: currentColor;
1300
+ --tw-border-opacity: 0.5;
1301
+ background-color: transparent;
1302
+ color: currentColor
1303
+ }
1304
+ .badge-outline.badge-primary {
1305
+ --tw-text-opacity: 1;
1306
+ color: hsl(var(--p) / var(--tw-text-opacity))
1307
+ }
1308
+ .badge-outline.badge-secondary {
1309
+ --tw-text-opacity: 1;
1310
+ color: hsl(var(--s) / var(--tw-text-opacity))
1311
+ }
1312
+ .badge-outline.badge-accent {
1313
+ --tw-text-opacity: 1;
1314
+ color: hsl(var(--a) / var(--tw-text-opacity))
1315
+ }
1316
+ .badge-outline.badge-info {
1317
+ --tw-text-opacity: 1;
1318
+ color: hsl(var(--in) / var(--tw-text-opacity))
1319
+ }
1320
+ .badge-outline.badge-success {
1321
+ --tw-text-opacity: 1;
1322
+ color: hsl(var(--su) / var(--tw-text-opacity))
1323
+ }
1324
+ .badge-outline.badge-warning {
1325
+ --tw-text-opacity: 1;
1326
+ color: hsl(var(--wa) / var(--tw-text-opacity))
1327
+ }
1328
+ .badge-outline.badge-error {
1329
+ --tw-text-opacity: 1;
1330
+ color: hsl(var(--er) / var(--tw-text-opacity))
1331
+ }
1246
1332
 
1247
1333
  .btn-outline .badge {
1248
-
1249
1334
  --tw-border-opacity: 1;
1250
-
1251
1335
  border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1252
-
1253
1336
  --tw-text-opacity: 1;
1254
-
1255
1337
  color: hsl(var(--nc) / var(--tw-text-opacity))
1256
1338
  }
1257
1339
 
1258
1340
  .btn-outline.btn-primary .badge {
1259
-
1260
1341
  --tw-border-opacity: 1;
1261
-
1262
1342
  border-color: hsl(var(--p) / var(--tw-border-opacity));
1263
-
1264
1343
  --tw-bg-opacity: 1;
1265
-
1266
1344
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
1267
-
1268
1345
  --tw-text-opacity: 1;
1269
-
1270
1346
  color: hsl(var(--pc) / var(--tw-text-opacity))
1271
1347
  }
1272
1348
 
1273
1349
  .btn-outline.btn-secondary .badge {
1274
-
1275
1350
  --tw-border-opacity: 1;
1276
-
1277
1351
  border-color: hsl(var(--s) / var(--tw-border-opacity));
1278
-
1279
1352
  --tw-bg-opacity: 1;
1280
-
1281
1353
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
1282
-
1283
1354
  --tw-text-opacity: 1;
1284
-
1285
1355
  color: hsl(var(--sc) / var(--tw-text-opacity))
1286
1356
  }
1287
1357
 
1288
1358
  .btn-outline.btn-accent .badge {
1289
-
1290
1359
  --tw-border-opacity: 1;
1291
-
1292
1360
  border-color: hsl(var(--a) / var(--tw-border-opacity));
1293
-
1294
1361
  --tw-bg-opacity: 1;
1295
-
1296
1362
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
1297
-
1298
1363
  --tw-text-opacity: 1;
1299
-
1300
1364
  color: hsl(var(--ac) / var(--tw-text-opacity))
1301
1365
  }
1302
1366
 
1303
1367
  .btn-outline .badge.outline {
1304
-
1305
1368
  --tw-border-opacity: 1;
1306
-
1307
1369
  border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1308
-
1309
1370
  background-color: transparent
1310
1371
  }
1311
1372
 
1312
1373
  .btn-outline.btn-primary .badge-outline {
1313
-
1314
1374
  --tw-border-opacity: 1;
1315
-
1316
1375
  border-color: hsl(var(--p) / var(--tw-border-opacity));
1317
-
1318
1376
  background-color: transparent;
1319
-
1320
1377
  --tw-text-opacity: 1;
1321
-
1322
1378
  color: hsl(var(--p) / var(--tw-text-opacity))
1323
1379
  }
1324
1380
 
1325
1381
  .btn-outline.btn-secondary .badge-outline {
1326
-
1327
1382
  --tw-border-opacity: 1;
1328
-
1329
1383
  border-color: hsl(var(--s) / var(--tw-border-opacity));
1330
-
1331
1384
  background-color: transparent;
1332
-
1333
1385
  --tw-text-opacity: 1;
1334
-
1335
1386
  color: hsl(var(--s) / var(--tw-text-opacity))
1336
1387
  }
1337
1388
 
1338
1389
  .btn-outline.btn-accent .badge-outline {
1339
-
1340
1390
  --tw-border-opacity: 1;
1341
-
1342
1391
  border-color: hsl(var(--a) / var(--tw-border-opacity));
1343
-
1344
1392
  background-color: transparent;
1345
-
1346
1393
  --tw-text-opacity: 1;
1347
-
1348
1394
  color: hsl(var(--a) / var(--tw-text-opacity))
1349
1395
  }
1350
1396
 
1351
1397
  .btn-outline.btn-info .badge-outline {
1352
-
1353
1398
  --tw-border-opacity: 1;
1354
-
1355
1399
  border-color: hsl(var(--in) / var(--tw-border-opacity));
1356
-
1357
1400
  background-color: transparent;
1358
-
1359
1401
  --tw-text-opacity: 1;
1360
-
1361
1402
  color: hsl(var(--in) / var(--tw-text-opacity))
1362
1403
  }
1363
1404
 
1364
1405
  .btn-outline.btn-success .badge-outline {
1365
-
1366
1406
  --tw-border-opacity: 1;
1367
-
1368
1407
  border-color: hsl(var(--su) / var(--tw-border-opacity));
1369
-
1370
1408
  background-color: transparent;
1371
-
1372
1409
  --tw-text-opacity: 1;
1373
-
1374
1410
  color: hsl(var(--su) / var(--tw-text-opacity))
1375
1411
  }
1376
1412
 
1377
1413
  .btn-outline.btn-warning .badge-outline {
1378
-
1379
1414
  --tw-border-opacity: 1;
1380
-
1381
1415
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
1382
-
1383
1416
  background-color: transparent;
1384
-
1385
1417
  --tw-text-opacity: 1;
1386
-
1387
1418
  color: hsl(var(--wa) / var(--tw-text-opacity))
1388
1419
  }
1389
1420
 
1390
1421
  .btn-outline.btn-error .badge-outline {
1391
-
1392
1422
  --tw-border-opacity: 1;
1393
-
1394
1423
  border-color: hsl(var(--er) / var(--tw-border-opacity));
1395
-
1396
1424
  background-color: transparent;
1397
-
1398
1425
  --tw-text-opacity: 1;
1399
-
1400
1426
  color: hsl(var(--er) / var(--tw-text-opacity))
1401
1427
  }
1402
1428
 
1403
1429
  .btn-outline:hover .badge {
1404
-
1405
1430
  --tw-border-opacity: 1;
1406
-
1407
1431
  border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1408
-
1409
1432
  --tw-bg-opacity: 1;
1410
-
1411
1433
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
1412
-
1413
1434
  --tw-text-opacity: 1;
1414
-
1415
1435
  color: hsl(var(--bc) / var(--tw-text-opacity))
1416
1436
  }
1417
1437
 
1418
1438
  .btn-outline:hover .badge.outline {
1419
-
1420
1439
  --tw-border-opacity: 1;
1421
-
1422
1440
  border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1423
-
1424
1441
  --tw-text-opacity: 1;
1425
-
1426
1442
  color: hsl(var(--nc) / var(--tw-text-opacity))
1427
1443
  }
1428
1444
 
1429
1445
  .btn-outline.btn-primary:hover .badge {
1430
-
1431
1446
  --tw-border-opacity: 1;
1432
-
1433
1447
  border-color: hsl(var(--pc) / var(--tw-border-opacity));
1434
-
1435
1448
  --tw-bg-opacity: 1;
1436
-
1437
1449
  background-color: hsl(var(--pc) / var(--tw-bg-opacity));
1438
-
1439
1450
  --tw-text-opacity: 1;
1440
-
1441
1451
  color: hsl(var(--p) / var(--tw-text-opacity))
1442
1452
  }
1443
1453
 
1444
1454
  .btn-outline.btn-primary:hover .badge.outline {
1445
-
1446
1455
  --tw-border-opacity: 1;
1447
-
1448
1456
  border-color: hsl(var(--pc) / var(--tw-border-opacity));
1449
-
1450
1457
  --tw-bg-opacity: 1;
1451
-
1452
1458
  background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
1453
-
1454
1459
  --tw-text-opacity: 1;
1455
-
1456
1460
  color: hsl(var(--pc) / var(--tw-text-opacity))
1457
1461
  }
1458
1462
 
1459
1463
  .btn-outline.btn-secondary:hover .badge {
1460
-
1461
1464
  --tw-border-opacity: 1;
1462
-
1463
1465
  border-color: hsl(var(--sc) / var(--tw-border-opacity));
1464
-
1465
1466
  --tw-bg-opacity: 1;
1466
-
1467
1467
  background-color: hsl(var(--sc) / var(--tw-bg-opacity));
1468
-
1469
1468
  --tw-text-opacity: 1;
1470
-
1471
1469
  color: hsl(var(--s) / var(--tw-text-opacity))
1472
1470
  }
1473
1471
 
1474
1472
  .btn-outline.btn-secondary:hover .badge.outline {
1475
-
1476
1473
  --tw-border-opacity: 1;
1477
-
1478
1474
  border-color: hsl(var(--sc) / var(--tw-border-opacity));
1479
-
1480
1475
  --tw-bg-opacity: 1;
1481
-
1482
1476
  background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
1483
-
1484
1477
  --tw-text-opacity: 1;
1485
-
1486
1478
  color: hsl(var(--sc) / var(--tw-text-opacity))
1487
1479
  }
1488
1480
 
1489
1481
  .btn-outline.btn-accent:hover .badge {
1490
-
1491
1482
  --tw-border-opacity: 1;
1492
-
1493
1483
  border-color: hsl(var(--ac) / var(--tw-border-opacity));
1494
-
1495
1484
  --tw-bg-opacity: 1;
1496
-
1497
1485
  background-color: hsl(var(--ac) / var(--tw-bg-opacity));
1498
-
1499
1486
  --tw-text-opacity: 1;
1500
-
1501
1487
  color: hsl(var(--a) / var(--tw-text-opacity))
1502
1488
  }
1503
1489
 
1504
1490
  .btn-outline.btn-accent:hover .badge.outline {
1505
-
1506
1491
  --tw-border-opacity: 1;
1507
-
1508
1492
  border-color: hsl(var(--ac) / var(--tw-border-opacity));
1509
-
1510
1493
  --tw-bg-opacity: 1;
1511
-
1512
1494
  background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
1513
-
1514
1495
  --tw-text-opacity: 1;
1515
-
1516
1496
  color: hsl(var(--ac) / var(--tw-text-opacity))
1517
1497
  }
1518
1498
  .btm-nav {