Skip to content

Commit 12d3fbb

Browse files
OmkarOzaOmkarOza
committed
chore: release v2.1.0
1 parent 44264d0 commit 12d3fbb

12 files changed

Lines changed: 171 additions & 119 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,21 @@
22

33
All notable changes to this project will be documented in this file.
44

5+
## [2.1.0] - [07-April-2025]
6+
7+
## New Theme
8+
9+
- Ghibli
10+
11+
## New Framework Guide
12+
13+
- Added framework guide for [11ty](https://flyonui.com/framework-integrations/eleventy/)
14+
15+
## Fixes and Improvements
16+
17+
- **Fixed:** Floating textarea placeholder and label positioning issue when using both trailing and leading icons. [PR #83](https://github.com/themeselection/flyonui/pull/83)
18+
- Improves `neutral-content` color in light theme and `neutral` color in luxury theme.
19+
520
## [2.0.1] - [31-March-2025]
621

722
## New in Components
@@ -30,7 +45,7 @@ link
3045
- [Filter](https://flyonui.com/docs/forms/filter/)
3146
- [Status](https://flyonui.com/docs/components/status/)
3247

33-
## New DaisyUI Components
48+
## New Themes
3449

3550
- **Black**
3651
- **Mintlify**

‎README.md‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<a href="https://flyonui.com">
2-
<img alt="flyonui logo" width="800" src="https://cdn.themeselection.com/ts-assets/flyonui/tailwindcss/banner/banner.png">
2+
<img alt="flyonui logo" width="800" src="https://cdn.flyonui.com/fy-assets/smm/marketing/flyonui-smm-banner.png">
33
</a><br/><br/>
44

55
[FlyonUI](https://flyonui.com/) is the easiest, free and open-source Tailwind CSS component library with semantic classes. 🚀
@@ -160,6 +160,7 @@ For comprehensive documentation, please visit [flyonui.com](https://flyonui.com/
160160
<td width="20%" align="center">Django</td>
161161
<td width="20%" align="center">Flask</td>
162162
<td width="20%" align="center">Laravel</td>
163+
<td width="20%" align="center">11ty</td>
163164
</tr>
164165
<tr>
165166
<td width="20%" align="center">
@@ -182,6 +183,11 @@ For comprehensive documentation, please visit [flyonui.com](https://flyonui.com/
182183
<img src="https://cdn.flyonui.com/fy-assets/icons/laravel-icon.png" alt="Laravel logo" width="70" />
183184
</a>
184185
</td>
186+
<td width="20%" align="center">
187+
<a href="https://flyonui.com/framework-integrations/eleventy/">
188+
<img src="https://cdn.flyonui.com/fy-assets/icons/11ty-icon.png" alt="11ty logo" width="70" />
189+
</a>
190+
</td>
185191
</tr>
186192
</table>
187193

‎functions/themeOrder.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ export default [
33
'dark',
44
'black',
55
'corporate',
6+
'ghibli',
67
'gourmet',
78
'luxury',
89
'mintlify',

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "flyonui",
3-
"version": "2.0.1",
3+
"version": "2.1.0",
44
"description": "The easiest, free and open-source Tailwind CSS component library with semantic classes.",
55
"author": "ThemeSelection",
66
"license": "MIT",
@@ -124,7 +124,7 @@
124124
"postcss": "^8.5.3",
125125
"postcss-js": "^4.0.1",
126126
"postcss-selector-parser": "^7.1.0",
127-
"tailwindcss": "^4.0.15",
127+
"tailwindcss": "4.1.1",
128128
"nouislider": "^15.8.1"
129129
},
130130
"dependencies": {

‎src/components/divider.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
.divider {
22
@apply flex w-full items-center self-stretch text-sm whitespace-nowrap;
33

4-
&:before,
5-
&:after {
6-
content: "";
7-
@apply border-base-content/20 h-px w-full grow border-e-0 border-t;
8-
}
9-
104
&:not(:empty) {
115
@apply gap-4;
126
}
137
}
148

9+
.divider:before,
10+
.divider:after {
11+
content: "";
12+
@apply border-base-content/20 h-px w-full grow border-e-0 border-t border-solid;
13+
}
14+
1515
/* divider direction */
1616
.divider-horizontal {
1717
&.divider {

‎src/components/input.css‎

Lines changed: 0 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -132,42 +132,6 @@
132132
}
133133
}
134134

135-
/* Floating States */
136-
137-
.input-floating:has(.is-valid),
138-
.validate .input-floating:has(:valid) {
139-
@apply hover:border-success;
140-
.input-floating-label {
141-
color: var(--color-success);
142-
}
143-
144-
&:focus-within,
145-
&:not(:has(input:placeholder-shown)),
146-
&:has(.input:focus) {
147-
.input-floating-label {
148-
color: var(--color-success);
149-
}
150-
}
151-
}
152-
153-
/* Error state */
154-
155-
.input-floating:has(.is-invalid),
156-
.validate .input-floating:has(:invalid) {
157-
@apply hover:border-error;
158-
.input-floating-label {
159-
color: var(--color-error);
160-
}
161-
162-
&:focus-within,
163-
&:not(:has(input:placeholder-shown)),
164-
&:has(.input:focus) {
165-
.input-floating-label {
166-
color: var(--color-error);
167-
}
168-
}
169-
}
170-
171135
/* Sizes */
172136

173137
.input-xs {

‎src/components/select.css‎

Lines changed: 0 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -114,40 +114,6 @@
114114
}
115115
}
116116

117-
/* Floating States */
118-
119-
.select-floating:has(.is-valid),
120-
.validate .select-floating:has(:valid) {
121-
.select-floating-label {
122-
color: var(--color-success);
123-
}
124-
125-
&:focus-within,
126-
&:not(:has(select:placeholder-shown)),
127-
&:has(.select:focus) {
128-
.select-floating-label {
129-
color: var(--color-success);
130-
}
131-
}
132-
}
133-
134-
/* Error state */
135-
136-
.select-floating:has(.is-invalid),
137-
.validate .select-floating:has(:invalid) {
138-
.select-floating-label {
139-
color: var(--color-error);
140-
}
141-
142-
&:focus-within,
143-
&:not(:has(select:placeholder-shown)),
144-
&:has(.select:focus) {
145-
.select-floating-label {
146-
color: var(--color-error);
147-
}
148-
}
149-
}
150-
151117
/* Sizes */
152118
.select-xs {
153119
--size: calc(var(--size-field, 0.25rem) * 6);

‎src/components/textarea.css‎

Lines changed: 0 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,6 @@
3737

3838
.textarea:has(> textarea) {
3939
@apply p-0;
40-
4140
textarea {
4241
@apply h-auto min-h-20 w-full;
4342
&:first-child {
@@ -51,10 +50,8 @@
5150
}
5251
}
5352
}
54-
5553
.textarea:has(> .textarea-floating) {
5654
@apply p-0;
57-
5855
:where(.textarea-floating:first-child) > textarea {
5956
@apply py-2 ps-4;
6057
}
@@ -141,40 +138,6 @@
141138
}
142139
}
143140

144-
/* Floating States */
145-
146-
.textarea-floating:has(.is-valid),
147-
.validate .textarea-floating:has(:valid) {
148-
.textarea-floating-label {
149-
color: var(--color-success);
150-
}
151-
152-
&:focus-within,
153-
&:not(:has(textarea:placeholder-shown)),
154-
&:has(.textarea:focus) {
155-
.textarea-floating-label {
156-
color: var(--color-success);
157-
}
158-
}
159-
}
160-
161-
/* Error state */
162-
163-
.textarea-floating:has(.is-invalid),
164-
.validate .textarea-floating:has(:invalid) {
165-
.textarea-floating-label {
166-
color: var(--color-error);
167-
}
168-
169-
&:focus-within,
170-
&:not(:has(textarea:placeholder-shown)),
171-
&:has(.textarea:focus) {
172-
.textarea-floating-label {
173-
color: var(--color-error);
174-
}
175-
}
176-
}
177-
178141
/* Sizes */
179142

180143
.textarea-xs {

‎src/components/validation.css‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -202,3 +202,111 @@ select.is-invalid + .advance-select-toggle,
202202
--input-color: var(--color-error);
203203
}
204204
}
205+
206+
/* Floating States */
207+
/* Input */
208+
209+
.input-floating:has(.is-valid),
210+
.validate .input-floating:has(:valid) {
211+
@apply hover:border-success;
212+
.input-floating-label {
213+
color: var(--color-success);
214+
}
215+
216+
&:focus-within,
217+
&:not(:has(input:placeholder-shown)),
218+
&:has(.input:focus) {
219+
.input-floating-label {
220+
color: var(--color-success);
221+
}
222+
}
223+
}
224+
225+
/* Error state */
226+
227+
.input-floating:has(.is-invalid),
228+
.validate .input-floating:has(:invalid) {
229+
@apply hover:border-error;
230+
.input-floating-label {
231+
color: var(--color-error);
232+
}
233+
234+
&:focus-within,
235+
&:not(:has(input:placeholder-shown)),
236+
&:has(.input:focus) {
237+
.input-floating-label {
238+
color: var(--color-error);
239+
}
240+
}
241+
}
242+
243+
/* Textarea */
244+
/* Floating States */
245+
246+
.textarea-floating:has(.is-valid),
247+
.validate .textarea-floating:has(:valid) {
248+
.textarea-floating-label {
249+
color: var(--color-success);
250+
}
251+
252+
&:focus-within,
253+
&:not(:has(textarea:placeholder-shown)),
254+
&:has(.textarea:focus) {
255+
.textarea-floating-label {
256+
color: var(--color-success);
257+
}
258+
}
259+
}
260+
261+
/* Error state */
262+
263+
.textarea-floating:has(.is-invalid),
264+
.validate .textarea-floating:has(:invalid) {
265+
.textarea-floating-label {
266+
color: var(--color-error);
267+
}
268+
269+
&:focus-within,
270+
&:not(:has(textarea:placeholder-shown)),
271+
&:has(.textarea:focus) {
272+
.textarea-floating-label {
273+
color: var(--color-error);
274+
}
275+
}
276+
}
277+
278+
/* Select */
279+
280+
/* Floating States */
281+
282+
.select-floating:has(.is-valid),
283+
.validate .select-floating:has(:valid) {
284+
.select-floating-label {
285+
color: var(--color-success);
286+
}
287+
288+
&:focus-within,
289+
&:not(:has(select:placeholder-shown)),
290+
&:has(.select:focus) {
291+
.select-floating-label {
292+
color: var(--color-success);
293+
}
294+
}
295+
}
296+
297+
/* Error state */
298+
299+
.select-floating:has(.is-invalid),
300+
.validate .select-floating:has(:invalid) {
301+
.select-floating-label {
302+
color: var(--color-error);
303+
}
304+
305+
&:focus-within,
306+
&:not(:has(select:placeholder-shown)),
307+
&:has(.select:focus) {
308+
.select-floating-label {
309+
color: var(--color-error);
310+
}
311+
}
312+
}

‎src/themes/ghibli.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
color-scheme: light;
2+
--color-base-100: oklch(0.94 0.0262 82.38);
3+
--color-base-200: oklch(0.91 0.0326 80.99);
4+
--color-base-300: oklch(0.34 0.0131 81.73 / 20%);
5+
--color-base-content: oklch(41% 0.077 79.04);
6+
--color-primary: oklch(0.62 0.0868 111.8);
7+
--color-primary-content: oklch(97% 0.009 106.57);
8+
--color-secondary: oklch(44% 0.043 257.281);
9+
--color-secondary-content: oklch(92% 0.013 255.508);
10+
--color-accent: oklch(70% 0.14 182.503);
11+
--color-accent-content: oklch(98% 0.014 180.72);
12+
--color-neutral: oklch(41% 0.025 282.21);
13+
--color-neutral-content: oklch(98% 0.001 286.38);
14+
--color-info: oklch(62% 0.214 259.815);
15+
--color-info-content: oklch(97% 0.014 254.604);
16+
--color-success: oklch(64% 0.2 131.684);
17+
--color-success-content: oklch(98% 0.031 120.757);
18+
--color-warning: oklch(68% 0.162 75.834);
19+
--color-warning-content: oklch(28% 0.066 53.813);
20+
--color-error: oklch(63% 0.237 25.331);
21+
--color-error-content: oklch(97% 0.013 17.38);
22+
--radius-selector: 0.25rem;
23+
--radius-field: 1rem;
24+
--radius-box: 2rem;
25+
--size-selector: 0.25rem;
26+
--size-field: 0.25rem;
27+
--border: 1px;
28+
--depth: 0;
29+
--noise: 0;

0 commit comments

Comments
 (0)