daisyui 3.6.5 → 3.7.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 (11) hide show
  1. package/dist/full.css +56 -64
  2. package/dist/styled.css +68 -29
  3. package/dist/styled.js +1 -1
  4. package/dist/styled.rtl.js +1 -1
  5. package/dist/unstyled.css +9 -9
  6. package/dist/unstyled.js +1 -1
  7. package/dist/unstyled.rtl.js +1 -1
  8. package/dist/utilities-styled.js +1 -1
  9. package/package.json +1 -1
  10. package/src/index.d.ts +92 -91
  11. package/src/theming/themes.d.ts +3 -3
package/src/index.d.ts CHANGED
@@ -8,103 +8,104 @@ export default daisyui
8
8
  /**
9
9
  * @link https://daisyui.com/docs/themes/#-4
10
10
  */
11
- type CustomTheme = Record<string, Record<string, string>>;
11
+ type CustomTheme = Record<string, Record<string, string>>
12
12
 
13
13
  /**
14
14
  * https://daisyui.com/docs/themes/#
15
15
  */
16
- type Theme = 'light' |
17
- 'dark' |
18
- 'cupcake' |
19
- 'bumblebee' |
20
- 'emerald' |
21
- 'corporate' |
22
- 'synthwave' |
23
- 'retro' |
24
- 'cyberpunk' |
25
- 'valentine' |
26
- 'halloween' |
27
- 'garden' |
28
- 'forest' |
29
- 'aqua' |
30
- 'lofi' |
31
- 'pastel' |
32
- 'fantasy' |
33
- 'wireframe' |
34
- 'black' |
35
- 'luxury' |
36
- 'dracula' |
37
- 'cmyk' |
38
- 'autumn' |
39
- 'business' |
40
- 'acid' |
41
- 'lemonade' |
42
- 'night' |
43
- 'coffee' |
44
- 'winter';
16
+ type Theme =
17
+ | "light"
18
+ | "dark"
19
+ | "cupcake"
20
+ | "bumblebee"
21
+ | "emerald"
22
+ | "corporate"
23
+ | "synthwave"
24
+ | "retro"
25
+ | "cyberpunk"
26
+ | "valentine"
27
+ | "halloween"
28
+ | "garden"
29
+ | "forest"
30
+ | "aqua"
31
+ | "lofi"
32
+ | "pastel"
33
+ | "fantasy"
34
+ | "wireframe"
35
+ | "black"
36
+ | "luxury"
37
+ | "dracula"
38
+ | "cmyk"
39
+ | "autumn"
40
+ | "business"
41
+ | "acid"
42
+ | "lemonade"
43
+ | "night"
44
+ | "coffee"
45
+ | "winter"
45
46
 
46
47
  interface DaisyUIConfig {
47
- /**
48
- * If it's true, all themes will be included. If it's false, only light and dark themes will be available.
49
- * If it's an array, only themes in the array will be included and the first theme will be the default theme.
50
- * Read more about [themes](https://daisyui.com/docs/themes/).
51
- *
52
- * @default false
53
- */
54
- themes?: boolean | (Theme | CustomTheme)[],
55
- /**
56
- * Allows us to pick another theme for the system's auto dark mode. By default, dark theme
57
- * (or a custom theme named dark) will be the default theme if no theme is specified and
58
- * the user is using dark mode on their system.
59
- * With this config, you can set another theme to be the default dark mode theme.
60
- *
61
- * @default 'dark'
62
- */
63
- darkTheme?: string,
64
- /**
65
- * If it's true, a [few base styles](https://github.com/saadeghi/daisyui/blob/master/src/base) will be added.
66
- *
67
- * @default true
68
- */
69
- base?: boolean,
70
- /**
71
- * If it's true, components will have colors and style, so you won't need to design anything.
72
- * If it's false, components will have no color and no visual style, so you can design your own style
73
- * on a basic skeleton.
74
- *
75
- * @default true
76
- */
77
- styled?: boolean,
78
- /**
79
- * If it's true, [responsive and utility classes](https://github.com/saadeghi/daisyui/tree/master/src/utilities) will be added.
80
- *
81
- * @default true
82
- */
83
- utils?: boolean,
84
- /**
85
- * If it's true, your theme will be right-to-left. You need to add `dir='rtl'` to your body tag.
86
- * If you're using daisyUI with RTL option, I suggest using [tailwindcss-flip](https://github.com/cvrajeesh/tailwindcss-flip)
87
- * plugin to flip all your Tailwind utilities automatically.
88
- *
89
- * @default false
90
- */
91
- rtl?: boolean,
92
- /**
93
- * Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive
94
- * classes). For example, `btn` will become `prefix-btn`. If you're using a second CSS library that has similar
95
- * class names, you can use this config to avoid conflicts. Utility classes like color names (e.g. `bg-primary`)
96
- * or border-radius (e.g. `rounded-box`) will not be affected by this config because they're being added
97
- * as extensions to Tailwind CSS classes. If you use daisyUI `prefix` option (like `daisy-`) and
98
- * Tailwind CSS `prefix` option (like `tw-`) together, classnames will be prefixed like
99
- * this: `tw-daisy-btn`.
100
- */
101
- prefix?: string,
102
- /**
103
- * If it's true, daisyUI shows logs in the terminal while CSS is building.
104
- *
105
- * @default true
106
- */
107
- logs?: boolean
48
+ /**
49
+ * If it's true, all themes will be included. If it's false, only light and dark themes will be available.
50
+ * If it's an array, only themes in the array will be included and the first theme will be the default theme.
51
+ * Read more about [themes](https://daisyui.com/docs/themes/).
52
+ *
53
+ * @default false
54
+ */
55
+ themes?: boolean | (Theme | CustomTheme)[]
56
+ /**
57
+ * Allows us to pick another theme for the system's auto dark mode. By default, dark theme
58
+ * (or a custom theme named dark) will be the default theme if no theme is specified and
59
+ * the user is using dark mode on their system.
60
+ * With this config, you can set another theme to be the default dark mode theme.
61
+ *
62
+ * @default 'dark'
63
+ */
64
+ darkTheme?: string
65
+ /**
66
+ * If it's true, a [few base styles](https://github.com/saadeghi/daisyui/blob/master/src/base) will be added.
67
+ *
68
+ * @default true
69
+ */
70
+ base?: boolean
71
+ /**
72
+ * If it's true, components will have colors and style, so you won't need to design anything.
73
+ * If it's false, components will have no color and no visual style, so you can design your own style
74
+ * on a basic skeleton.
75
+ *
76
+ * @default true
77
+ */
78
+ styled?: boolean
79
+ /**
80
+ * If it's true, [responsive and utility classes](https://github.com/saadeghi/daisyui/tree/master/src/utilities) will be added.
81
+ *
82
+ * @default true
83
+ */
84
+ utils?: boolean
85
+ /**
86
+ * If it's true, your theme will be right-to-left. You need to add `dir='rtl'` to your body tag.
87
+ * If you're using daisyUI with RTL option, I suggest using [tailwindcss-flip](https://github.com/cvrajeesh/tailwindcss-flip)
88
+ * plugin to flip all your Tailwind utilities automatically.
89
+ *
90
+ * @default false
91
+ */
92
+ rtl?: boolean
93
+ /**
94
+ * Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive
95
+ * classes). For example, `btn` will become `prefix-btn`. If you're using a second CSS library that has similar
96
+ * class names, you can use this config to avoid conflicts. Utility classes like color names (e.g. `bg-primary`)
97
+ * or border-radius (e.g. `rounded-box`) will not be affected by this config because they're being added
98
+ * as extensions to Tailwind CSS classes. If you use daisyUI `prefix` option (like `daisy-`) and
99
+ * Tailwind CSS `prefix` option (like `tw-`) together, classnames will be prefixed like
100
+ * this: `tw-daisy-btn`.
101
+ */
102
+ prefix?: string
103
+ /**
104
+ * If it's true, daisyUI shows logs in the terminal while CSS is building.
105
+ *
106
+ * @default true
107
+ */
108
+ logs?: boolean
108
109
  }
109
110
 
110
111
  export type { DaisyUIConfig as Config, Theme, CustomTheme }
package/src/theming/themes.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { CustomTheme, Theme } from '../index';
1
+ import { CustomTheme, Theme } from "../index"
2
2
 
3
- declare const themes: Record<`[data-theme=${Theme}]`, CustomTheme[string]>;
3
+ declare const themes: Record<`[data-theme=${Theme}]`, CustomTheme[string]>
4
4
 
5
- export default themes;
5
+ export default themes