daisyui 1.22.0 → 1.22.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.22.1](https://github.com/saadeghi/daisyui/compare/v1.22.0...v1.22.1) (2022-01-12)
+
+
+### Bug Fixes
+
+* [#394](https://github.com/saadeghi/daisyui/issues/394) prevent toggle from shrinking by default ([2676cc8](https://github.com/saadeghi/daisyui/commit/2676cc8b5fff495129f466175ccf7f9087dafb59))
+* **breadcrumbs:** Remove the breadcrumb separator background color ([6ec8f5e](https://github.com/saadeghi/daisyui/commit/6ec8f5e92a8a113a4b0f398a6fc78eaf58f765f1))
+
 ## [1.22.0](https://github.com/saadeghi/daisyui/compare/v1.20.1...v1.22.0) (2022-01-08)
 
 

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.21.0/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.22.0/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" />
 ```
 
@@ -154,7 +154,7 @@ Read the documents for more info:
   - [x] Checkbox
   - [x] Radio
   - [x] Range slider
-  - [ ] Rating
+  - [x] Rating
   - [x] Toggle
   - [ ] Upload
 - [x] Hero
@@ -218,6 +218,10 @@ Read the documents for more info:
 - Courses
   - [Building with SvelteKit and GraphCMS](https://explorers.netlify.com/learn/building-with-sveltekit-and-graphcms)
   - [Svelte for Beginners by Mike Karan](https://www.udemy.com/course/svelte-for-beginners/)
+  - [React Front To Back 2022 by Brad Traversy](https://www.udemy.com/course/react-front-to-back-2022/)
+  - [Build Instagram profile page UI clone w/Next.js TailwindCSS](https://www.udemy.com/course/build-instagram-profile-page-ui-clone-nextjs-tailwindcss/)
+  - [Instagram UI Clone Login Page w/ NextJS & TailwindCSS](https://www.udemy.com/course/instagram-ui-clone-login-page-w-nextjs-tailwindcss/)
+  - [Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS](https://www.freecodecamp.org/news/build-your-developer-portfolio-from-scratch-with-sveltekit-and-graphcms/)
 
 </details>
 

package/dist/full.css

@@ -2520,6 +2520,31 @@ html{
   box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
 }
 
+.toggle{
+  flex-shrink:0;
+  --chkbg:hsla(var(--bc) / .2);
+  --focus-shadow:0 0 0;
+  --handleoffset:1.5rem;
+  -webkit-appearance:none;
+  -moz-appearance:none;
+  appearance:none;
+  --tw-bg-opacity:1;
+  --tw-bg-opacity:0.2;
+  background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
+  --tw-border-opacity:1;
+  --tw-border-opacity:0.2;
+  border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
+  border-width:1px;
+  cursor:pointer;
+  height:1.5rem;
+  width:3rem;
+  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
+  transition-duration:.3s;
+  border-radius:var(--rounded-badge, 1.9rem);
+  transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
+  box-shadow:calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
+}
+
 .toggle:focus{
   outline:2px solid transparent;
   outline-offset:2px;
@@ -2773,6 +2798,7 @@ html{
   transform:translateX(var(--tw-translate-x)) translateY(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));
   border-top:1px solid;
   border-right:1px solid;
+  background-color:transparent;
 }
 
 .btn:active:focus,.btn:active:hover{
@@ -4818,30 +4844,6 @@ html{
   color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
 }
 
-.toggle{
-  --chkbg:hsla(var(--bc) / .2);
-  --focus-shadow:0 0 0;
-  --handleoffset:1.5rem;
-  -webkit-appearance:none;
-  -moz-appearance:none;
-  appearance:none;
-  --tw-bg-opacity:1;
-  --tw-bg-opacity:0.2;
-  background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
-  --tw-border-opacity:1;
-  --tw-border-opacity:0.2;
-  border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
-  border-width:1px;
-  cursor:pointer;
-  height:1.5rem;
-  width:3rem;
-  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-  transition-duration:.3s;
-  border-radius:var(--rounded-badge, 1.9rem);
-  transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
-  box-shadow:calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
-}
-
 .toggle:focus-visible{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
 }

package/dist/styled.css

@@ -1029,10 +1029,14 @@
     outline:2px solid transparent;
     outline-offset:2px;
   }
-.toggle:focus{
+.toggle{
+  flex-shrink:0;
+}
+  .toggle:focus{
     outline:2px solid transparent;
     outline-offset:2px;
-  }.tooltip{
+  }
+.tooltip{
   display:inline-block;
   position:relative;
   --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));
@@ -1284,6 +1288,7 @@
         --tw-rotate:45deg;
         border-top:1px solid;
         border-right:1px solid;
+        background-color:transparent;
       }.btn{
   font-weight:600;
   text-transform:uppercase;