daisyui 3.9.4 → 4.0.0-alpha.10
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 +2 -135
- package/dist/base.js +1 -1
- package/dist/full.css +21018 -26062
- package/dist/styled.css +1063 -1056
- package/dist/styled.js +1 -1
- package/dist/themes.css +620 -744
- package/dist/unstyled.css +188 -113
- package/dist/unstyled.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 +7 -9
- package/src/index.js +59 -74
- package/src/lib/createPlugin.js +21 -0
- package/src/lib/responsiveRegex.js +2 -2
- package/src/lib/utility-classes.js +7 -0
- package/src/theming/colorNames.js +0 -4
- package/src/theming/functions.js +67 -93
- package/src/theming/index.js +23 -25
- package/src/theming/themes.js +6 -15
- package/dist/styled.rtl.js +0 -1
- package/dist/unstyled.rtl.js +0 -1
package/README.md
CHANGED
|
@@ -10,8 +10,6 @@
|
|
|
10
10
|
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
|
-
[![][banner-url]][docs-url]
|
|
14
|
-
|
|
15
13
|
# daisyUI 3.0
|
|
16
14
|
|
|
17
15
|
[![][build]][build-url] [![][npm]][npm-url] [![][number-of-components]][docs-url] [![][license]][license-url]
|
|
@@ -40,7 +38,7 @@ Then add daisyUI to your `tailwind.config.js`:
|
|
|
40
38
|
```js
|
|
41
39
|
module.exports = {
|
|
42
40
|
plugins: [require("daisyui")],
|
|
43
|
-
}
|
|
41
|
+
};
|
|
44
42
|
```
|
|
45
43
|
|
|
46
44
|
[ [Read more →][docs-url-install] ]
|
|
@@ -61,138 +59,7 @@ See the official site: [ [daisyui.com →](https://daisyui.com/)]
|
|
|
61
59
|
| **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> |
|
|
62
60
|
| **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=14&anon=1&max=300" width="500"></a> |
|
|
63
61
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
## 📁 List of components
|
|
67
|
-
|
|
68
|
-
<details>
|
|
69
|
-
<summary>
|
|
70
|
-
show / hide
|
|
71
|
-
</summary>
|
|
72
|
-
|
|
73
|
-
- Actions
|
|
74
|
-
|
|
75
|
-
- [x] Button
|
|
76
|
-
- [x] Dropdown
|
|
77
|
-
- [x] Modal
|
|
78
|
-
- [x] Swap
|
|
79
|
-
|
|
80
|
-
- Data display
|
|
81
|
-
|
|
82
|
-
- [x] Alert
|
|
83
|
-
- [x] Avatar
|
|
84
|
-
- [x] Badge
|
|
85
|
-
- [ ] Banner
|
|
86
|
-
- [ ] Calendar
|
|
87
|
-
- [x] Card
|
|
88
|
-
- [x] Carousel
|
|
89
|
-
- [x] Chat bubble
|
|
90
|
-
- [x] Collapse
|
|
91
|
-
- [x] Countdown
|
|
92
|
-
- [ ] Empty placeholder
|
|
93
|
-
- [x] Kbd
|
|
94
|
-
- [x] Loading
|
|
95
|
-
- [x] Progress
|
|
96
|
-
- [x] Radial progress
|
|
97
|
-
- [x] Stat
|
|
98
|
-
- [x] Table
|
|
99
|
-
- [ ] Tag
|
|
100
|
-
- [ ] Timeline
|
|
101
|
-
- [x] Toast
|
|
102
|
-
- [x] Tooltip
|
|
103
|
-
- [x] Treeview
|
|
104
|
-
|
|
105
|
-
- Data input
|
|
106
|
-
- [x] Checkbox
|
|
107
|
-
- [x] File input
|
|
108
|
-
- [x] Text input
|
|
109
|
-
- [x] Radio
|
|
110
|
-
- [x] Range
|
|
111
|
-
- [x] Rating
|
|
112
|
-
- [x] Select
|
|
113
|
-
- [x] Textarea
|
|
114
|
-
- [x] Toggle
|
|
115
|
-
- Layout
|
|
116
|
-
|
|
117
|
-
- [x] Artboard
|
|
118
|
-
- [x] Button group
|
|
119
|
-
- [x] Divider
|
|
120
|
-
- [x] Drawer
|
|
121
|
-
- [x] Footer
|
|
122
|
-
- [x] Join
|
|
123
|
-
- [x] Hero
|
|
124
|
-
- [x] Indicator
|
|
125
|
-
- [x] Input group
|
|
126
|
-
- [x] Mask
|
|
127
|
-
- [x] Stack
|
|
128
|
-
|
|
129
|
-
- Navigation
|
|
130
|
-
|
|
131
|
-
- [x] Bottom Navigation
|
|
132
|
-
- [x] Breadcrumbs
|
|
133
|
-
- [x] Link
|
|
134
|
-
- [x] Menu
|
|
135
|
-
- [x] Navbar
|
|
136
|
-
- [x] Pagination
|
|
137
|
-
- [x] Steps
|
|
138
|
-
- [x] Tab
|
|
139
|
-
|
|
140
|
-
- Mockup
|
|
141
|
-
- [x] Browser
|
|
142
|
-
- [x] Code
|
|
143
|
-
- [x] Phone
|
|
144
|
-
- [x] Window
|
|
145
|
-
|
|
146
|
-
</details>
|
|
147
|
-
|
|
148
|
-
## 📰 Featured on:
|
|
149
|
-
|
|
150
|
-
<details>
|
|
151
|
-
<summary>
|
|
152
|
-
show / hide
|
|
153
|
-
</summary>
|
|
154
|
-
|
|
155
|
-
- Blogs
|
|
156
|
-
- [Logrocket](https://blog.logrocket.com/daisyui-tailwind-components-react-apps/)
|
|
157
|
-
- [GraphCMS](https://graphcms.com/blog/build-a-personal-timeline-with-graphcms-and-sveltekit)
|
|
158
|
-
- [wweb.dev](https://wweb.dev/weekly/85/)
|
|
159
|
-
- [flaming.codes](https://flaming.codes/posts/boostrap-tailwind-alternative-with-daisy-ui)
|
|
160
|
-
- [rockyourcode](https://www.rockyourcode.com/how-to-setup-react-typescript-with-snowpack-and-daisyui/)
|
|
161
|
-
- [HackerNews](https://news.ycombinator.com/item?id=28004515)
|
|
162
|
-
- [Product Hunt](https://www.producthunt.com/posts/daisyui)
|
|
163
|
-
- [Siecle Digital](https://siecledigital.fr/2021/05/29/daisyui-plugin-gratuit-avec-composants-tailwind-css-a/)
|
|
164
|
-
- [speckyboy](https://speckyboy.com/weekly-news-for-designers-594/)
|
|
165
|
-
- [dailydev](https://app.daily.dev/posts/-4OPGw0te)
|
|
166
|
-
- [Future Tech Blog (Japanese)](https://future-architect.github.io/articles/20211124a/)
|
|
167
|
-
- [Adding Tailwind and Daisy UI to SvelteKit](https://dev.to/brewhousedigital/adding-tailwind-and-daisy-ui-to-sveltekit-2hk5)
|
|
168
|
-
- Youtube videos
|
|
169
|
-
- [Supabase & Sveltekit - Build Twitter in 75 minutes](https://www.youtube.com/watch?v=mPQyckogDYc)
|
|
170
|
-
- [Setup the Best Frontend JavaScript Stack - Svelte, Vite, TailwindCSS and DaisyUI](https://www.youtube.com/watch?v=mEBPN_9jTAE)
|
|
171
|
-
- [Jamstack powered Image gallery with Cloudinary, Tailwind and DaisyUI](https://www.youtube.com/watch?v=Hpjq0D1vcpM)
|
|
172
|
-
- [SvelteKit Crash Course w/ Tailwind CSS and DaisyUI, GraphQL and dynamic routes](https://www.youtube.com/watch?v=zH2qG9YwN3s)
|
|
173
|
-
- [DaisyUI : Worth a try or skip on by?](https://www.youtube.com/watch?v=hM9fENyAquM)
|
|
174
|
-
- [How to use daisyUI in SvelteKit?](https://www.youtube.com/watch?v=haKnkk6ds20)
|
|
175
|
-
- [DaisyUI Untuk Yang Mau Pindah ke TailwindCSS dari Bootstrap (Indonesian)](https://www.youtube.com/watch?v=Wm2g6FWec34)
|
|
176
|
-
- [Next.js - Tailwind - DeisyUI Setup](https://www.youtube.com/watch?v=uXQgJbUj3PQ)
|
|
177
|
-
- [Svelte Setup with Vite, Tailwind, DaisyUI. Custom Themes!](https://www.youtube.com/watch?v=5lF5PxBJoso)
|
|
178
|
-
- [Build a blog with Svelte](https://www.youtube.com/watch?v=u9jtHBE6NL8)
|
|
179
|
-
- [Building a product in less than 10 minutes: Laravel, InertiaJS, VueJS, TailwindCSS, DaisyUI](https://www.youtube.com/watch?v=XR1rS-CCfx0)
|
|
180
|
-
- [Infinite scrolling with MERN | ReactJS, TailwindCSS v3, DaisyUI | NodeJs, Express, MongoDB](https://www.youtube.com/watch?v=y7LYoRGRqRI)
|
|
181
|
-
- [How to install TailwindCSS v3 and DaisyUI to your React app](https://www.youtube.com/watch?v=XBYvzPe7skc)
|
|
182
|
-
- [Laravel: DaisyUI Agiliza Tus Desarrollos Con TailwindCSS + Select2 Tailwind Style (Spanish)](https://www.youtube.com/watch?v=28db3jojTgo)
|
|
183
|
-
- [Build a Responsive Landing Page using DaisyUI, ReactJS and Tailwind CSS](https://www.youtube.com/watch?v=37gtpvy-k9U)
|
|
184
|
-
- Courses
|
|
185
|
-
- [Building with SvelteKit and GraphCMS](https://explorers.netlify.com/learn/building-with-sveltekit-and-graphcms)
|
|
186
|
-
- [Svelte for Beginners by Mike Karan](https://www.udemy.com/course/svelte-for-beginners/)
|
|
187
|
-
- [React Front To Back 2022 by Brad Traversy](https://www.udemy.com/course/react-front-to-back-2022/)
|
|
188
|
-
- [Build Instagram profile page UI clone w/Next.js TailwindCSS](https://www.udemy.com/course/build-instagram-profile-page-ui-clone-nextjs-tailwindcss/)
|
|
189
|
-
- [Instagram UI Clone Login Page w/ NextJS & TailwindCSS](https://www.udemy.com/course/instagram-ui-clone-login-page-w-nextjs-tailwindcss/)
|
|
190
|
-
- [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/)
|
|
191
|
-
- Starters
|
|
192
|
-
- [Vite-Boot](https://github.com/kirklin/vite-boot) Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + daisyUI Template.
|
|
193
|
-
- [Nuxtwind Daisy](https://nuxtwind-daisy.ossph.org) Nuxt 3 + Tailwind CSS + daisyUI Template and more pre-installed configurations like fonts, icons, animations, etc.
|
|
194
|
-
|
|
195
|
-
</details>
|
|
62
|
+
[![][banner-url]][docs-url]
|
|
196
63
|
|
|
197
64
|
---
|
|
198
65
|
|
package/dist/base.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {":root,\n[data-theme]":{"backgroundColor":"
|
|
1
|
+
module.exports = {":root,\n[data-theme]":{"backgroundColor":"oklch(var(--b1) / var(--tw-bg-opacity, 1))","color":"oklch(var(--bc) / var(--tw-text-opacity, 1))"},"html":{"WebkitTapHighlightColor":"transparent"}};
|