daisyui 0.0.0-insiders.3.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.
- package/LICENSE +21 -0
- package/README.md +249 -0
- package/dist/base.js +1 -0
- package/dist/full.css +1 -0
- package/dist/styled.css +4376 -0
- package/dist/styled.js +1 -0
- package/dist/styled.rtl.js +1 -0
- package/dist/themes.css +1243 -0
- package/dist/unstyled.css +1146 -0
- package/dist/unstyled.js +1 -0
- package/dist/unstyled.rtl.js +1 -0
- package/dist/utilities-styled.js +1 -0
- package/dist/utilities-unstyled.js +1 -0
- package/dist/utilities.js +1 -0
- package/package.json +118 -0
- package/src/colors/colorNames.js +34 -0
- package/src/colors/functions.js +313 -0
- package/src/colors/index.js +52 -0
- package/src/colors/themes.js +434 -0
- package/src/index.d.ts +5 -0
- package/src/index.js +145 -0
- package/src/lib/postcss-prefixer/index.js +87 -0
- package/src/lib/postcss-prefixer/utils.js +29 -0
- package/src/lib/responsiveRegex.js +53 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020 Pouya Saadeghi
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
[![][logo-url]][docs-url]
|
|
4
|
+
|
|
5
|
+
**The most popular, free and open-source Tailwind CSS component library**
|
|
6
|
+
|
|
7
|
+
[ [See all components](https://daisyui.com/components/) ]
|
|
8
|
+
|
|
9
|
+
[![][tweet]][tweet-url]
|
|
10
|
+
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
[![][banner-url]][docs-url]
|
|
14
|
+
|
|
15
|
+
# daisyUI 2.0
|
|
16
|
+
|
|
17
|
+
[![][build]][build-url] [![][npm]][npm-url] [![][number-of-components]][docs-url] [![][license]][license-url]
|
|
18
|
+
[![][dl]][npm-url] [![][stars]][gh-url] [![][commit]][gh-url]
|
|
19
|
+
|
|
20
|
+
- [Official website →](https://daisyui.com/)
|
|
21
|
+
- [See all components →](https://daisyui.com/components/)
|
|
22
|
+
- [How to use →](https://daisyui.com/docs/install/)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 🌼 Features
|
|
26
|
+
|
|
27
|
+
- A plugin for Tailwind CSS
|
|
28
|
+
- Faster development
|
|
29
|
+
- Cleaner HTML
|
|
30
|
+
- Customizable and themeable
|
|
31
|
+
- Pure CSS. Works on all frameworks
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
## 📀 Install now!
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
npm i daisyui
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Then add daisyUI to your `tailwind.config.js`:
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
```js
|
|
44
|
+
module.exports = {
|
|
45
|
+
plugins: [require("daisyui")],
|
|
46
|
+
};
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
[ [Read more →][docs-url-install] ]
|
|
50
|
+
|
|
51
|
+
<details>
|
|
52
|
+
<summary>
|
|
53
|
+
Or use a CDN
|
|
54
|
+
</summary>
|
|
55
|
+
|
|
56
|
+
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
|
+
|
|
58
|
+
```html
|
|
59
|
+
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.51.5/dist/full.css" rel="stylesheet" type="text/css" />
|
|
60
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
</details>
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
## 🚀 Use
|
|
67
|
+
|
|
68
|
+
[[See all components →](https://daisyui.com/components/)]
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
## 📘 Documents + Examples
|
|
72
|
+
|
|
73
|
+
See the official site: [ [daisyui.com →](https://daisyui.com/)]
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
## 🤝 Support daisyUI
|
|
77
|
+
|
|
78
|
+
| | |
|
|
79
|
+
|---|---|
|
|
80
|
+
| **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> |
|
|
81
|
+
| **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> |
|
|
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> |
|
|
83
|
+
|
|
84
|
+
Tweet about daisyUI: [![][tweet]][tweet-url]
|
|
85
|
+
|
|
86
|
+
## 📁 List of components
|
|
87
|
+
|
|
88
|
+
<details>
|
|
89
|
+
<summary>
|
|
90
|
+
show / hide
|
|
91
|
+
</summary>
|
|
92
|
+
|
|
93
|
+
- Actions
|
|
94
|
+
- [x] Button
|
|
95
|
+
- [x] Dropdown
|
|
96
|
+
- [x] Modal
|
|
97
|
+
- [x] Swap
|
|
98
|
+
|
|
99
|
+
- Data display
|
|
100
|
+
- [x] Alert
|
|
101
|
+
- [x] Avatar
|
|
102
|
+
- [x] Badge
|
|
103
|
+
- [ ] Banner
|
|
104
|
+
- [ ] Calendar
|
|
105
|
+
- [x] Card
|
|
106
|
+
- [x] Carousel
|
|
107
|
+
- [x] Chat bubble
|
|
108
|
+
- [x] Collapse
|
|
109
|
+
- [ ] Comment
|
|
110
|
+
- [x] Countdown
|
|
111
|
+
- [ ] Empty placeholder
|
|
112
|
+
- [x] Kbd
|
|
113
|
+
- [ ] Loading
|
|
114
|
+
- [x] Progress
|
|
115
|
+
- [x] Radial progress
|
|
116
|
+
- [x] Stat
|
|
117
|
+
- [x] Table
|
|
118
|
+
- [ ] Tag
|
|
119
|
+
- [ ] Timeline
|
|
120
|
+
- [x] Toast
|
|
121
|
+
- [x] Tooltip
|
|
122
|
+
- [ ] Treeview
|
|
123
|
+
|
|
124
|
+
- Data input
|
|
125
|
+
- [x] Checkbox
|
|
126
|
+
- [x] Text input
|
|
127
|
+
- [x] Radio
|
|
128
|
+
- [x] Range
|
|
129
|
+
- [x] Rating
|
|
130
|
+
- [x] Select
|
|
131
|
+
- [x] Textarea
|
|
132
|
+
- [x] Toggle
|
|
133
|
+
- [ ] Upload
|
|
134
|
+
|
|
135
|
+
- Layout
|
|
136
|
+
- [x] Artboard
|
|
137
|
+
- [x] Button group
|
|
138
|
+
- [x] Divider
|
|
139
|
+
- [x] Drawer
|
|
140
|
+
- [x] Footer
|
|
141
|
+
- [x] Hero
|
|
142
|
+
- [x] Indicator
|
|
143
|
+
- [x] Input group
|
|
144
|
+
- [x] Mask
|
|
145
|
+
- [x] Stack
|
|
146
|
+
|
|
147
|
+
- Navigation
|
|
148
|
+
- [x] Bottom Navigation
|
|
149
|
+
- [x] Breadcrumbs
|
|
150
|
+
- [x] Link
|
|
151
|
+
- [x] Menu
|
|
152
|
+
- [x] Navbar
|
|
153
|
+
- [x] Pagination
|
|
154
|
+
- [x] Steps
|
|
155
|
+
- [x] Tab
|
|
156
|
+
|
|
157
|
+
- Mockup
|
|
158
|
+
- [ ] Browser
|
|
159
|
+
- [x] Code
|
|
160
|
+
- [x] Phone
|
|
161
|
+
- [x] Window
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
</details>
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
## 📰 Featured on:
|
|
168
|
+
|
|
169
|
+
<details>
|
|
170
|
+
<summary>
|
|
171
|
+
show / hide
|
|
172
|
+
</summary>
|
|
173
|
+
|
|
174
|
+
- Blogs
|
|
175
|
+
- [Logrocket](https://blog.logrocket.com/daisyui-tailwind-components-react-apps/)
|
|
176
|
+
- [GraphCMS](https://graphcms.com/blog/build-a-personal-timeline-with-graphcms-and-sveltekit)
|
|
177
|
+
- [wweb.dev](https://wweb.dev/weekly/85/)
|
|
178
|
+
- [flaming.codes](https://flaming.codes/posts/boostrap-tailwind-alternative-with-daisy-ui)
|
|
179
|
+
- [rockyourcode](https://www.rockyourcode.com/how-to-setup-react-typescript-with-snowpack-and-daisyui/)
|
|
180
|
+
- [HackerNews](https://news.ycombinator.com/item?id=28004515)
|
|
181
|
+
- [Product Hunt](https://www.producthunt.com/posts/daisyui)
|
|
182
|
+
- [Siecle Digital](https://siecledigital.fr/2021/05/29/daisyui-plugin-gratuit-avec-composants-tailwind-css-a/)
|
|
183
|
+
- [speckyboy](https://speckyboy.com/weekly-news-for-designers-594/)
|
|
184
|
+
- [dailydev](https://app.daily.dev/posts/-4OPGw0te)
|
|
185
|
+
- [Future Tech Blog (Japanese)](https://future-architect.github.io/articles/20211124a/)
|
|
186
|
+
- [Adding Tailwind and Daisy UI to SvelteKit](https://dev.to/brewhousedigital/adding-tailwind-and-daisy-ui-to-sveltekit-2hk5)
|
|
187
|
+
- Youtube videos
|
|
188
|
+
- [Supabase & Sveltekit - Build Twitter in 75 minutes](https://www.youtube.com/watch?v=mPQyckogDYc)
|
|
189
|
+
- [Setup the Best Frontend JavaScript Stack - Svelte, Vite, TailwindCSS and DaisyUI](https://www.youtube.com/watch?v=mEBPN_9jTAE)
|
|
190
|
+
- [Jamstack powered Image gallery with Cloudinary, Tailwind and DaisyUI](https://www.youtube.com/watch?v=Hpjq0D1vcpM)
|
|
191
|
+
- [SvelteKit Crash Course w/ Tailwind CSS and DaisyUI, GraphQL and dynamic routes](https://www.youtube.com/watch?v=zH2qG9YwN3s)
|
|
192
|
+
- [DaisyUI : Worth a try or skip on by?](https://www.youtube.com/watch?v=hM9fENyAquM)
|
|
193
|
+
- [How to use daisyUI in SvelteKit?](https://www.youtube.com/watch?v=haKnkk6ds20)
|
|
194
|
+
- [DaisyUI Untuk Yang Mau Pindah ke TailwindCSS dari Bootstrap (Indonesian)](https://www.youtube.com/watch?v=Wm2g6FWec34)
|
|
195
|
+
- [Next.js - Tailwind - DeisyUI Setup](https://www.youtube.com/watch?v=uXQgJbUj3PQ)
|
|
196
|
+
- [Svelte Setup with Vite, Tailwind, DaisyUI. Custom Themes!](https://www.youtube.com/watch?v=5lF5PxBJoso)
|
|
197
|
+
- [Build a blog with Svelte](https://www.youtube.com/watch?v=u9jtHBE6NL8)
|
|
198
|
+
- [Building a product in less than 10 minutes: Laravel, InertiaJS, VueJS, TailwindCSS, DaisyUI](https://www.youtube.com/watch?v=XR1rS-CCfx0)
|
|
199
|
+
- [Infinite scrolling with MERN | ReactJS, TailwindCSS v3, DaisyUI | NodeJs, Express, MongoDB](https://www.youtube.com/watch?v=y7LYoRGRqRI)
|
|
200
|
+
- [How to install TailwindCSS v3 and DaisyUI to your React app](https://www.youtube.com/watch?v=XBYvzPe7skc)
|
|
201
|
+
- [Laravel: DaisyUI Agiliza Tus Desarrollos Con TailwindCSS + Select2 Tailwind Style (Spanish)](https://www.youtube.com/watch?v=28db3jojTgo)
|
|
202
|
+
- [Build a Responsive Landing Page using DaisyUI, ReactJS and Tailwind CSS](https://www.youtube.com/watch?v=37gtpvy-k9U)
|
|
203
|
+
- Courses
|
|
204
|
+
- [Building with SvelteKit and GraphCMS](https://explorers.netlify.com/learn/building-with-sveltekit-and-graphcms)
|
|
205
|
+
- [Svelte for Beginners by Mike Karan](https://www.udemy.com/course/svelte-for-beginners/)
|
|
206
|
+
- [React Front To Back 2022 by Brad Traversy](https://www.udemy.com/course/react-front-to-back-2022/)
|
|
207
|
+
- [Build Instagram profile page UI clone w/Next.js TailwindCSS](https://www.udemy.com/course/build-instagram-profile-page-ui-clone-nextjs-tailwindcss/)
|
|
208
|
+
- [Instagram UI Clone Login Page w/ NextJS & TailwindCSS](https://www.udemy.com/course/instagram-ui-clone-login-page-w-nextjs-tailwindcss/)
|
|
209
|
+
- [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
|
+
- Starters
|
|
211
|
+
- [Vite-Boot](https://github.com/kirklin/vite-boot) Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + daisyUI Template.
|
|
212
|
+
|
|
213
|
+
</details>
|
|
214
|
+
|
|
215
|
+
---
|
|
216
|
+
|
|
217
|
+
<div align="center">
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
༼ つ ◕_◕ ༽つ Please share
|
|
221
|
+
|
|
222
|
+
[![][tweet]][tweet-url]
|
|
223
|
+
|
|
224
|
+
</div>
|
|
225
|
+
|
|
226
|
+
[install-size]: https://badgen.net/bundlephobia/minzip/daisyui?label=bundle%20size&color=green
|
|
227
|
+
[build]: https://badgen.net/github/checks/saadeghi/daisyui?label=build
|
|
228
|
+
[npm]: https://badgen.net/github/tag/saadeghi/daisyui?label=version&color=green
|
|
229
|
+
[dl]: https://badgen.net/npm/dt/daisyui?label=installs&icon=npm&color=green
|
|
230
|
+
[commit]: https://badgen.net/github/last-commit/saadeghi/daisyui?icon=github&color=green
|
|
231
|
+
[license]: https://badgen.net/github/license/saadeghi/daisyui?color=green
|
|
232
|
+
[stars]: https://badgen.net/github/stars/saadeghi/daisyui?color=green
|
|
233
|
+
[tweet]: https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Fgithub.com%2Fsaadeghi%2Fdaisyui
|
|
234
|
+
[install-size-url]: https://bundlephobia.com/result?p=daisyui
|
|
235
|
+
[license-url]: https://github.com/saadeghi/daisyui/blob/master/LICENSE
|
|
236
|
+
[npm-url]: https://www.npmjs.com/package/daisyui
|
|
237
|
+
[cdnjs-url]: https://cdnjs.com/libraries/daisyui
|
|
238
|
+
[gh-url]: https://github.com/saadeghi/daisyui
|
|
239
|
+
[tw-play-url]: https://daisyui.com/tailwindplay
|
|
240
|
+
[codepen-url]: https://codepen.io/saadeghi/pen/gOwWKvv
|
|
241
|
+
[unpkg-url]: https://unpkg.com/browse/daisyui/
|
|
242
|
+
[jsdeliver-url]: https://www.jsdelivr.com/package/npm/daisyui
|
|
243
|
+
[build-url]: https://github.com/saadeghi/daisyui/actions
|
|
244
|
+
[tweet-url]: https://twitter.com/intent/tweet?text=daisyUI%20%0D%0AComponents%20for%20Tailwind%20CSS%20%0D%0Ahttps://github.com/saadeghi/daisyui
|
|
245
|
+
[number-of-components]: https://badgen.net/badge/total%20components/49/green
|
|
246
|
+
[docs-url-install]: https://daisyui.com/docs/install
|
|
247
|
+
[docs-url]: https://daisyui.com/
|
|
248
|
+
[logo-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui/logo-4.svg
|
|
249
|
+
[banner-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui/card-3.png
|
package/dist/base.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = {":root,\n[data-theme]":{"backgroundColor":"hsla(var(--b1) / var(--tw-bg-opacity, 1))","color":"hsla(var(--bc) / var(--tw-text-opacity, 1))"},"html":{"WebkitTapHighlightColor":"transparent"}};
|