daisyui 3.5.1 → 3.6.0

package/dist/full.css

@@ -1206,7 +1206,8 @@ hr {
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
 abbr:where([title]) {
-  text-decoration: underline dotted;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
 }
 /*
 Remove the default font size and weight for headings.
@@ -1539,7 +1540,9 @@ html {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -1699,14 +1702,17 @@ html {
     display: inline-flex;
     flex-shrink: 0;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     border-color: transparent;
     border-color: hsl(var(--b2) / var(--tw-border-opacity));
     text-align: center;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -2036,7 +2042,9 @@ html {
     grid-column-start: 1;
     grid-row-start: 1}
 .drawer-side > *:not(.drawer-overlay) {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 300ms;
@@ -2081,7 +2089,9 @@ html {
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     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));
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms}
@@ -2292,7 +2302,8 @@ html {
     min-height: 2.875rem;
     flex-shrink: 0;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
@@ -2302,7 +2313,9 @@ html {
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 1em;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -2347,7 +2360,8 @@ html {
     flex-direction: column}
 .label {
     display: flex;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     align-items: center;
     justify-content: space-between;
     padding-left: 0.25rem;
@@ -2546,10 +2560,12 @@ html {
     align-items: center;
     gap: 0.5rem;
     grid-auto-columns: minmax(auto, max-content) auto max-content;
-    user-select: none}
+    -webkit-user-select: none;
+            user-select: none}
 .menu li.disabled {
     cursor: not-allowed;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     color: hsl(var(--bc) / 0.3)}
 .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
     display: none}
@@ -2636,7 +2652,9 @@ html {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b1) / var(--tw-bg-opacity));
     padding: 1.5rem;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -2774,7 +2792,8 @@ html {
 .select {
     display: inline-flex;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     appearance: none;
     height: 3rem;
     padding-left: 1rem;
@@ -2882,7 +2901,8 @@ html {
 .swap {
     position: relative;
     display: inline-grid;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     place-content: center;
     cursor: pointer}
 .swap > * {
@@ -2913,7 +2933,8 @@ html {
     position: relative;
     display: inline-flex;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
@@ -4163,7 +4184,9 @@ details.collapse summary::-webkit-details-marker {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     text-align: left;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -21862,7 +21885,9 @@ details.collapse summary::-webkit-details-marker {
 .ring-offset-warning\/95 {
     --tw-ring-offset-color: hsl(var(--wa) / 0.95)}
 .transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms}
 .transition-all {
@@ -21916,7 +21941,8 @@ details.collapse summary::-webkit-details-marker {
 .glass,
   .glass.btn-active {
     border: none;
-    backdrop-filter: blur(var(--glass-blur, 40px));
+    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
+            backdrop-filter: blur(var(--glass-blur, 40px));
     background-color: transparent;
     background-image: linear-gradient(
         135deg,
@@ -21934,7 +21960,8 @@ details.collapse summary::-webkit-details-marker {
 @media (hover: hover) {
     .glass.btn-active {
         border: none;
-        backdrop-filter: blur(var(--glass-blur, 40px));
+        -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
+                backdrop-filter: blur(var(--glass-blur, 40px));
         background-color: transparent;
         background-image: linear-gradient(
           135deg,
@@ -23002,7 +23029,9 @@ details.collapse summary::-webkit-details-marker {
 .tooltip:before,
 .tooltip:after {
     opacity: 0;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-delay: 100ms;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "3.5.1",
+  "version": "3.6.0",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",

package/src/index.d.ts

@@ -1,5 +1,109 @@
 import type plugin from "tailwindcss/plugin"
 
-// Export types
 declare const daisyui: ReturnType<typeof plugin>
-export = daisyui
+
+export default daisyui
+
+/**
+ * @link https://daisyui.com/docs/themes/#-4
+ */
+type CustomTheme = Record<string, Record<string, string>>;
+
+/**
+ * https://daisyui.com/docs/themes/#
+ */
+type Theme = 'light' |
+    'dark' |
+    'cupcake' |
+    'bumblebee' |
+    'emerald' |
+    'corporate' |
+    'synthwave' |
+    'retro' |
+    'cyberpunk' |
+    'valentine' |
+    'halloween' |
+    'garden' |
+    'forest' |
+    'aqua' |
+    'lofi' |
+    'pastel' |
+    'fantasy' |
+    'wireframe' |
+    'black' |
+    'luxury' |
+    'dracula' |
+    'cmyk' |
+    'autumn' |
+    'business' |
+    'acid' |
+    'lemonade' |
+    'night' |
+    'coffee' |
+    'winter';
+
+interface DaisyUIConfig {
+    /**
+     * If it's true, all themes will be included. If it's false, only light and dark themes will be available.
+     * If it's an array, only themes in the array will be included and the first theme will be the default theme.
+     * Read more about [themes](https://daisyui.com/docs/themes/).
+     *
+     * @default false
+     */
+    themes?: boolean | (Theme | CustomTheme)[],
+    /**
+     * Allows us to pick another theme for the system's auto dark mode. By default, dark theme
+     * (or a custom theme named dark) will be the default theme if no theme is specified and
+     * the user is using dark mode on their system.
+     * With this config, you can set another theme to be the default dark mode theme.
+     *
+     * @default 'dark'
+     */
+    darkTheme?: string,
+    /**
+     * If it's true, a [few base styles](https://github.com/saadeghi/daisyui/blob/master/src/base) will be added.
+     *
+     * @default true
+     */
+    base?: boolean,
+    /**
+     * If it's true, components will have colors and style, so you won't need to design anything.
+     * If it's false, components will have no color and no visual style, so you can design your own style
+     * on a basic skeleton.
+     *
+     * @default true
+     */
+    styled?: boolean,
+    /**
+     * If it's true, [responsive and utility classes](https://github.com/saadeghi/daisyui/tree/master/src/utilities) will be added.
+     *
+     * @default true
+     */
+    utils?: boolean,
+    /**
+     * If it's true, your theme will be right-to-left. You need to add `dir='rtl'` to your body tag.
+     * If you're using daisyUI with RTL option, I suggest using [tailwindcss-flip](https://github.com/cvrajeesh/tailwindcss-flip)
+     * plugin to flip all your Tailwind utilities automatically.
+     *
+     * @default false
+     */
+    rtl?: boolean,
+    /**
+     * Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive
+     * classes). For example, `btn` will become `prefix-btn`. If you're using a second CSS library that has similar
+     * class names, you can use this config to avoid conflicts. Utility classes like color names (e.g. `bg-primary`)
+     * or border-radius (e.g. `rounded-box`) will not be affected by this config because they're being added
+     * as extensions to Tailwind CSS classes. If you use daisyUI `prefix` option (like `daisy-`) and
+     * Tailwind CSS `prefix` option (like `tw-`) together, classnames will be prefixed like
+     * this: `tw-daisy-btn`.
+     */
+    prefix?: string,
+    /**
+     * If it's true, daisyUI shows logs in the terminal while CSS is building.
+     *
+     * @default true
+     */
+    logs?: boolean
+}
+
+export type { DaisyUIConfig as Config, Theme }