daisyui 1.17.1 → 1.18.0

package/CHANGELOG.md

@@ -2,19 +2,28 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [1.17.1](https://github.com/saadeghi/daisyui/compare/v1.16.6...v1.17.1) (2021-12-21)
+## [1.18.0](https://github.com/saadeghi/daisyui/compare/v1.17.1...v1.18.0) (2021-12-22)
 
 
 ### Features
 
-* **components:** steps-horizontal ([5577140](https://github.com/saadeghi/daisyui/commit/5577140e3e8fccd8ada90d27f57c8f9bb5bb6a44))
-* responsive `steps` ([7ba7d65](https://github.com/saadeghi/daisyui/commit/7ba7d6534b6a2abc6b6077faba4c2a5431307b42))
+* add `card-bordered` class ([048c1c6](https://github.com/saadeghi/daisyui/commit/048c1c6a6005fd271d30ae8b1bb66273bd63f6da))
+* responsive compact card. fix [#324](https://github.com/saadeghi/daisyui/issues/324) ([b7d2185](https://github.com/saadeghi/daisyui/commit/b7d21851a19594fc20d767d9ee888e974ce201dc))
+
+
+### Bug Fixes
+
+* [#266](https://github.com/saadeghi/daisyui/issues/266) ([e21f169](https://github.com/saadeghi/daisyui/commit/e21f16946e88d687632924c73841d7dee8240cc5))
+* [#273](https://github.com/saadeghi/daisyui/issues/273) ([6b22d83](https://github.com/saadeghi/daisyui/commit/6b22d83974234a1f0b4d732dcb5cc410d9a67fb8))
+* [#299](https://github.com/saadeghi/daisyui/issues/299) ([e5831b9](https://github.com/saadeghi/daisyui/commit/e5831b91c9cb914ccce9a6baca334cbdd0d3b63f))
+* [#340](https://github.com/saadeghi/daisyui/issues/340) ([58bed26](https://github.com/saadeghi/daisyui/commit/58bed26e15f191eb4670b8a0fec43fec41d74fd3))
+
+### [1.17.1](https://github.com/saadeghi/daisyui/compare/v1.16.6...v1.17.1) (2021-12-21)
 
 
 ### Bug Fixes
 
 * [#341](https://github.com/saadeghi/daisyui/issues/341) ([118ff41](https://github.com/saadeghi/daisyui/commit/118ff417df6d9a1c0170db651067bd524ecb93aa))
-* [#344](https://github.com/saadeghi/daisyui/issues/344) (typography plugin v0.5 compatibility) ([0969505](https://github.com/saadeghi/daisyui/commit/09695059b2ce1c960fb1dc24080bca41576e938e))
 
 ## [1.17.0](https://github.com/saadeghi/daisyui/compare/v1.16.6...v1.17.0) (2021-12-21)
 

package/README.md

@@ -79,7 +79,7 @@ Loading CSS files from CDN is not recommended for production. It's better to ins
 
   
 ```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.6/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.17.1/dist/full.css" rel="stylesheet" type="text/css" />
 <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
 ```
 

package/colors/themes.js

@@ -761,8 +761,8 @@ module.exports = {
     "accent-focus": "#b8b8b8",
     "accent-content": "#000000",
     "base-100": "#ffffff",
-    "base-200": "#ffffff",
-    "base-300": "#ffffff",
+    "base-200": "#eeeeee",
+    "base-300": "#dddddd",
     "base-content": "#000000",
     "neutral": "#ebebeb",
     "neutral-focus": "#ebebeb",

package/dist/full.css

@@ -714,8 +714,8 @@
   --af:0 0% 72.2%;
   --ac:0 0% 0%;
   --b1:0 0% 100%;
-  --b2:0 0% 100%;
-  --b3:0 0% 100%;
+  --b2:0 0% 93.3%;
+  --b3:0 0% 86.7%;
   --bc:0 0% 0%;
   --n:0 0% 92.2%;
   --nf:0 0% 92.2%;
@@ -3139,6 +3139,12 @@ html{
   border-width:1px;
 }
 
+.card-bordered{
+  --tw-border-opacity:1;
+  border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
+  border-width:1px;
+}
+
 .card.compact .card-body{
   font-size:.875rem;
   line-height:1.25rem;
@@ -3738,20 +3744,20 @@ html{
   color:currentColor;
 }
 
-.menu li>a:focus,.menu li>a:hover{
+.menu li>:where(a:focus),.menu li>:where(a:hover){
   --tw-bg-opacity:1;
   --tw-bg-opacity:0.1;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
 }
 
-.menu li>a.active{
+.menu li>:where(a.active){
   --tw-bg-opacity:1;
   background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
   color:hsla(var(--pc) / var(--tw-text-opacity, 1));
 }
 
-.menu li>a:active{
+.menu li>:where(a:active){
   --tw-bg-opacity:1;
   background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
@@ -4568,7 +4574,7 @@ html{
   color:hsla(var(--pc) / var(--tw-text-opacity, 1));
 }
 
-.table td,.table th{
+.table :where(th,td){
   padding:1rem;
   vertical-align:middle;
   white-space:nowrap;
@@ -4584,13 +4590,13 @@ html{
   background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
 }
 
-.table:not(.table-zebra) tbody tr:not(:last-child) td,.table:not(.table-zebra) tbody tr:not(:last-child) th,.table:not(.table-zebra) tfoot tr:not(:last-child) td,.table:not(.table-zebra) tfoot tr:not(:last-child) th,.table:not(.table-zebra) thead tr:not(:last-child) td,.table:not(.table-zebra) thead tr:not(:last-child) th{
+.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){
   --tw-border-opacity:1;
   border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
   border-bottom-width:1px;
 }
 
-.table tfoot td,.table tfoot th,.table thead td,.table thead th{
+.table :where(thead,tfoot) :where(th,td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
   font-weight:700;
@@ -4599,17 +4605,17 @@ html{
   text-transform:uppercase;
 }
 
-.table tfoot td:first-child,.table tfoot th:first-child,.table thead td:first-child,.table thead th:first-child{
+.table :where(thead,tfoot) :where(th,td):first-child{
   border-top-left-radius:.5rem;
   border-bottom-left-radius:.5rem;
 }
 
-.table tfoot td:last-child,.table tfoot th:last-child,.table thead td:last-child,.table thead th:last-child{
+.table :where(thead,tfoot) :where(th,td):last-child{
   border-top-right-radius:.5rem;
   border-bottom-right-radius:.5rem;
 }
 
-.table tbody td,.table tbody th{
+.table :where(tbody th,tbody td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
 }
@@ -9124,52 +9130,52 @@ html{
   width:100%;
 }
 
-.btn-square.btn-xs{
+.btn-square:where(.btn-xs){
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-square.btn-sm{
+.btn-square:where(.btn-sm){
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-square.btn-md{
+.btn-square:where(.btn-md){
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-square.btn-lg{
+.btn-square:where(.btn-lg){
   height:4rem;
   padding:0;
   width:4rem;
 }
 
-.btn-circle.btn-xs{
+.btn-circle:where(.btn-xs){
   border-radius:9999px;
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-circle.btn-sm{
+.btn-circle:where(.btn-sm){
   border-radius:9999px;
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-circle.btn-md{
+.btn-circle:where(.btn-md){
   border-radius:9999px;
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-circle.btn-lg{
+.btn-circle:where(.btn-lg){
   border-radius:9999px;
   height:4rem;
   padding:0;
@@ -9694,6 +9700,26 @@ html{
   color:hsla(var(--er) / var(--tw-text-opacity, 1));
 }
 
+.card-compact [class~=card-body]{
+  font-size:.875rem;
+  line-height:1.25rem;
+  padding:1rem;
+}
+
+.card-compact [class~=card-title]{
+  margin-bottom:.25rem;
+}
+
+.card-normal [class~=card-body]{
+  padding:var(--padding-card, 2rem);
+  font-size:1rem;
+  line-height:1.5rem;
+}
+
+.card-normal [class~=card-title]{
+  margin-bottom:.75rem;
+}
+
 .divider-vertical{
   height:auto;
   margin:0 1rem;
@@ -13817,52 +13843,52 @@ html{
     width:100%;
   }
 
-  .btn-square.sm\:btn-xs{
+  .sm\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.sm\:btn-sm{
+  .sm\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.sm\:btn-md{
+  .sm\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.sm\:btn-lg{
+  .sm\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.sm\:btn-xs{
+  .sm\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.sm\:btn-sm{
+  .sm\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.sm\:btn-md{
+  .sm\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.sm\:btn-lg{
+  .sm\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -14387,6 +14413,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .sm\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .sm\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .sm\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .sm\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .sm\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -18511,52 +18557,52 @@ html{
     width:100%;
   }
 
-  .btn-square.md\:btn-xs{
+  .md\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.md\:btn-sm{
+  .md\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.md\:btn-md{
+  .md\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.md\:btn-lg{
+  .md\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.md\:btn-xs{
+  .md\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.md\:btn-sm{
+  .md\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.md\:btn-md{
+  .md\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.md\:btn-lg{
+  .md\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -19081,6 +19127,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .md\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .md\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .md\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .md\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .md\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -23205,52 +23271,52 @@ html{
     width:100%;
   }
 
-  .btn-square.lg\:btn-xs{
+  .lg\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.lg\:btn-sm{
+  .lg\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.lg\:btn-md{
+  .lg\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.lg\:btn-lg{
+  .lg\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.lg\:btn-xs{
+  .lg\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.lg\:btn-sm{
+  .lg\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.lg\:btn-md{
+  .lg\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.lg\:btn-lg{
+  .lg\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -23775,6 +23841,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .lg\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .lg\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .lg\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .lg\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .lg\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -27899,52 +27985,52 @@ html{
     width:100%;
   }
 
-  .btn-square.xl\:btn-xs{
+  .xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.xl\:btn-sm{
+  .xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.xl\:btn-md{
+  .xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.xl\:btn-lg{
+  .xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.xl\:btn-xs{
+  .xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.xl\:btn-sm{
+  .xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.xl\:btn-md{
+  .xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.xl\:btn-lg{
+  .xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -28469,6 +28555,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .xl\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -32593,52 +32699,52 @@ html{
     width:100%;
   }
 
-  .btn-square.\32xl\:btn-xs{
+  .\32xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.\32xl\:btn-sm{
+  .\32xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.\32xl\:btn-md{
+  .\32xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.\32xl\:btn-lg{
+  .\32xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.\32xl\:btn-xs{
+  .\32xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.\32xl\:btn-sm{
+  .\32xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.\32xl\:btn-md{
+  .\32xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.\32xl\:btn-lg{
+  .\32xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -33163,6 +33269,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .\32xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .\32xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .\32xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .\32xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .\32xl\:divider-vertical{
     height:auto;
     margin:0 1rem;