daisyui 2.52.0 → 3.0.1
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.
- package/README.md +20 -20
- package/dist/base.js +1 -1
- package/dist/full.css +52294 -1
- package/dist/styled.css +1487 -1568
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/themes.css +602 -700
- package/dist/unstyled.css +316 -431
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/dist/utilities-unstyled.js +1 -1
- package/dist/utilities.js +1 -1
- package/package.json +18 -22
- package/src/index.js +119 -78
- package/src/lib/addPrefix.js +104 -0
- package/src/lib/responsiveRegex.js +5 -14
- package/src/{colors → theming}/colorNames.js +9 -9
- package/src/theming/functions.js +269 -0
- package/src/theming/index.js +39 -0
- package/src/theming/themeDefaults.js +45 -0
- package/src/{colors → theming}/themes.js +161 -163
- package/src/colors/functions.js +0 -313
- package/src/colors/index.js +0 -52
- package/src/lib/postcss-prefixer/index.js +0 -87
- package/src/lib/postcss-prefixer/utils.js +0 -29
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[![][logo-url]][docs-url]
|
|
4
4
|
|
|
5
|
-
**The most popular, free and open-source Tailwind CSS component library**
|
|
5
|
+
**The most popular, free and open-source Tailwind CSS component library**
|
|
6
6
|
|
|
7
7
|
[ [See all components](https://daisyui.com/components/) ]
|
|
8
8
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
[![][banner-url]][docs-url]
|
|
14
14
|
|
|
15
|
-
# daisyUI
|
|
15
|
+
# daisyUI 3.0
|
|
16
16
|
|
|
17
17
|
[![][build]][build-url] [![][npm]][npm-url] [![][number-of-components]][docs-url] [![][license]][license-url]
|
|
18
18
|
[![][dl]][npm-url] [![][stars]][gh-url] [![][commit]][gh-url]
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
- [See all components →](https://daisyui.com/components/)
|
|
22
22
|
- [How to use →](https://daisyui.com/docs/install/)
|
|
23
23
|
|
|
24
|
-
|
|
25
24
|
## 🌼 Features
|
|
26
25
|
|
|
27
26
|
- A plugin for Tailwind CSS
|
|
@@ -30,20 +29,18 @@
|
|
|
30
29
|
- Customizable and themeable
|
|
31
30
|
- Pure CSS. Works on all frameworks
|
|
32
31
|
|
|
33
|
-
|
|
34
32
|
## 📀 Install now!
|
|
35
33
|
|
|
36
34
|
```bash
|
|
37
35
|
npm i daisyui
|
|
38
36
|
```
|
|
39
37
|
|
|
40
|
-
Then add daisyUI to your `tailwind.config.js`:
|
|
41
|
-
|
|
38
|
+
Then add daisyUI to your `tailwind.config.js`:
|
|
42
39
|
|
|
43
40
|
```js
|
|
44
41
|
module.exports = {
|
|
45
42
|
plugins: [require("daisyui")],
|
|
46
|
-
}
|
|
43
|
+
}
|
|
47
44
|
```
|
|
48
45
|
|
|
49
46
|
[ [Read more →][docs-url-install] ]
|
|
@@ -56,30 +53,30 @@ module.exports = {
|
|
|
56
53
|
Loading CSS files from CDN is not recommended for production. It's better to install Tailwind and daisyUI as Nodejs dependencies so you can config/customize everything, and purge unused styles.
|
|
57
54
|
|
|
58
55
|
```html
|
|
59
|
-
<link
|
|
56
|
+
<link
|
|
57
|
+
href="https://cdn.jsdelivr.net/npm/daisyui@3.0.0/dist/full.css"
|
|
58
|
+
rel="stylesheet"
|
|
59
|
+
type="text/css" />
|
|
60
60
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
61
61
|
```
|
|
62
62
|
|
|
63
63
|
</details>
|
|
64
64
|
|
|
65
|
-
|
|
66
65
|
## 🚀 Use
|
|
67
66
|
|
|
68
67
|
[[See all components →](https://daisyui.com/components/)]
|
|
69
68
|
|
|
70
|
-
|
|
71
69
|
## 📘 Documents + Examples
|
|
72
70
|
|
|
73
71
|
See the official site: [ [daisyui.com →](https://daisyui.com/)]
|
|
74
72
|
|
|
75
|
-
|
|
76
73
|
## 🤝 Support daisyUI
|
|
77
74
|
|
|
78
|
-
|
|
|
79
|
-
|
|
80
|
-
| **Premium Sponsors** <br /> Support this project by becoming a premium sponsor. <br /> [[Become a sponsor](https://opencollective.com/daisyui)]
|
|
81
|
-
| **Backers** <br /> Thank you to all our backers! <br /> [[Become a backer](https://opencollective.com/daisyui)]
|
|
82
|
-
| **Contributors** <br /> This project exists thanks to all the people who contribute. <br /> [[Contribute](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md)] | <a href="https://github.com/saadeghi/daisyui/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=saadeghi/daisyui&columns=13" width="500"></a>
|
|
75
|
+
| | |
|
|
76
|
+
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
77
|
+
| **Premium Sponsors** <br /> Support this project by becoming a premium sponsor. <br /> [[Become a sponsor](https://opencollective.com/daisyui)] | <a href="https://opencollective.com/daisyui" target="_blank"><img src="https://opencollective.com/daisyui/tiers/premium-sponsor.svg?button=false&width=500&avatarHeight=120"></a> |
|
|
78
|
+
| **Backers** <br /> Thank you to all our backers! <br /> [[Become a backer](https://opencollective.com/daisyui)] | <a href="https://opencollective.com/daisyui" target="_blank"><img src="https://opencollective.com/daisyui/backers.svg?button=false&width=500&avatarHeight=46"><img src="https://opencollective.com/daisyui/organizations.svg?button=false&width=500&avatarHeight=46"></a> |
|
|
79
|
+
| **Contributors** <br /> This project exists thanks to all the people who contribute. <br /> [[Contribute](https://github.com/saadeghi/daisyui/blob/master/.github/CONTRIBUTING.md)] | <a href="https://github.com/saadeghi/daisyui/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=saadeghi/daisyui&columns=13" width="500"></a> |
|
|
83
80
|
|
|
84
81
|
Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
85
82
|
|
|
@@ -91,12 +88,14 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
91
88
|
</summary>
|
|
92
89
|
|
|
93
90
|
- Actions
|
|
91
|
+
|
|
94
92
|
- [x] Button
|
|
95
93
|
- [x] Dropdown
|
|
96
94
|
- [x] Modal
|
|
97
95
|
- [x] Swap
|
|
98
96
|
|
|
99
97
|
- Data display
|
|
98
|
+
|
|
100
99
|
- [x] Alert
|
|
101
100
|
- [x] Avatar
|
|
102
101
|
- [x] Badge
|
|
@@ -131,8 +130,8 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
131
130
|
- [x] Textarea
|
|
132
131
|
- [x] Toggle
|
|
133
132
|
- [ ] Upload
|
|
134
|
-
|
|
135
133
|
- Layout
|
|
134
|
+
|
|
136
135
|
- [x] Artboard
|
|
137
136
|
- [x] Button group
|
|
138
137
|
- [x] Divider
|
|
@@ -145,6 +144,7 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
145
144
|
- [x] Stack
|
|
146
145
|
|
|
147
146
|
- Navigation
|
|
147
|
+
|
|
148
148
|
- [x] Bottom Navigation
|
|
149
149
|
- [x] Breadcrumbs
|
|
150
150
|
- [x] Link
|
|
@@ -160,10 +160,8 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
160
160
|
- [x] Phone
|
|
161
161
|
- [x] Window
|
|
162
162
|
|
|
163
|
-
|
|
164
163
|
</details>
|
|
165
164
|
|
|
166
|
-
|
|
167
165
|
## 📰 Featured on:
|
|
168
166
|
|
|
169
167
|
<details>
|
|
@@ -209,6 +207,7 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
209
207
|
- [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/)
|
|
210
208
|
- Starters
|
|
211
209
|
- [Vite-Boot](https://github.com/kirklin/vite-boot) Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + daisyUI Template.
|
|
210
|
+
- [Nuxtwind Daisy](https://nuxtwind-daisy.ossph.org) Nuxt 3 + Tailwind CSS + daisyUI Template and more pre-installed configurations like fonts, icons, animations, etc.
|
|
212
211
|
|
|
213
212
|
</details>
|
|
214
213
|
|
|
@@ -246,4 +245,5 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
|
246
245
|
[docs-url-install]: https://daisyui.com/docs/install
|
|
247
246
|
[docs-url]: https://daisyui.com/
|
|
248
247
|
[logo-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui/logo-4.svg
|
|
249
|
-
[banner-url]: https://raw.githubusercontent.com/saadeghi/files/main/
|
|
248
|
+
[banner-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui3/banner.png
|
|
249
|
+
|
package/dist/base.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {":root,\n[data-theme]":{"backgroundColor":"
|
|
1
|
+
module.exports = {":root,\n[data-theme]":{"backgroundColor":"hsl(var(--b1) / var(--tw-bg-opacity, 1))","color":"hsl(var(--bc) / var(--tw-text-opacity, 1))"},"html":{"WebkitTapHighlightColor":"transparent"}};
|