Skip to content

Commit 09af130

Browse files
Johnkat-MjJohnkat-Mj
authored
Next (#140)
* chore: remove unused files and configurations * refactor(modal): improve modal structure * Publish - @flexilla/flexilla@2.1.10-alpha.0 - @flexilla/modal@2.1.0 * fix(modal) : fix #139 && refactor(modal): update modal element to HTMLDialogElement * feat(accordion, tabs): add reload functionality * Publish - @flexilla/accordion@2.1.4 - @flexilla/create-overlay@0.1.0 - @flexilla/dropdown@2.1.2 - @flexilla/flexilla@2.1.10 - @flexilla/modal@2.1.1 - @flexilla/offcanvas@2.0.13 - @flexilla/popover@0.2.2 - @flexilla/tabs@2.1.0 - @flexilla/tooltip@2.1.1 * [DOCS]: update documentation
1 parent 02eb7ac commit 09af130

File tree

31 files changed

+362
-272
lines changed

31 files changed

+362
-272
lines changed

‎docs/package-lock.json‎

Lines changed: 56 additions & 55 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
"@astrojs/preact": "^4.0.2",
2121
"@astrojs/vercel": "^8.0.2",
2222
"@astrojs/vue": "^5.0.5",
23-
"@flexilla/flexilla": "^2.1.6",
23+
"@flexilla/flexilla": "^2.1.10",
2424
"@flexilla/utilities": "^2.0.71",
2525
"@fontsource/geist-sans": "^5.1.0",
2626
"@preact/signals": "^1.2.2",

‎docs/src/components/docs/mdx-examples/ModalAnimatedBoth.astro‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<button data-modal-target="modal-alertAnimated-both" class="bg-zinc8 text-white px4 py2 rd-lg text-sm">
22
Open Modal
33
</button>
4-
<div data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-alertAnimated-both"
4+
<dialog data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-alertAnimated-both"
55
data-modal-overlay="ui-overlay bg-zinc8/70 backdrop-filter backdrop-blur-3xl"
6-
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90">
7-
<dialog data-modal-content
6+
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90 bg-transparent">
7+
<div data-modal-content
88
data-enter-animation="slideIn .4s linear"
99
data-exit-animation="slideOut .2s linear"
1010
class="ui-animated-modal-content relative bg-white dark-bg-zinc950 rd-lg overflow-hidden wfull max-wxl p8 flex flex-col gap-y4 items-center">
@@ -26,5 +26,5 @@
2626
Yes, Delete
2727
</button>
2828
</div>
29-
</dialog>
30-
</div>
29+
</div>
30+
</dialog>

‎docs/src/components/docs/mdx-examples/ModalAnimatedEnter.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<button data-modal-target="modal-animatedEnter" class="bg-zinc8 text-white px4 py2 rd-lg text-sm">
22
Open Modal
33
</button>
4-
<div data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-animatedEnter"
4+
<dialog data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-animatedEnter"
55
data-modal-overlay="ui-overlay bg-zinc8/70 backdrop-filter backdrop-blur-3xl"
66
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90">
7-
<dialog data-modal-content
7+
<div data-modal-content
88
data-enter-animation="fadeScale .4s linear"
99
class="fx-open-ui-animated-modal-content relative bg-white dark-bg-zinc950 rd-lg overflow-hidden wfull max-wxl p8 flex flex-col gap-y4 items-center">
1010
<div class="wmax p3 rd-full bg-red2 dark-bg-red9/20 text-red6">
@@ -25,5 +25,5 @@
2525
Yes, Delete
2626
</button>
2727
</div>
28-
</dialog>
29-
</div>
28+
</div>
29+
</dialog>

‎docs/src/components/docs/mdx-examples/ModalDefault.astro‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<button data-modal-target="modal-alert1" class="bg-zinc8 text-white px4 py2 rd-lg text-sm">
22
Open Modal
33
</button>
4-
<div data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-alert1"
4+
<dialog data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-alert1"
55
data-modal-overlay="ui-overlay bg-zinc8/70 backdrop-filter backdrop-blur-3xl"
6-
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90">
7-
<dialog data-modal-content
6+
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90 bg-transparent">
7+
<div data-modal-content
88
class="relative bg-white dark-bg-zinc950 rd-lg overflow-hidden wfull max-wxl p8 flex flex-col gap-y4 items-center">
99
<div class="wmax p3 rd-full bg-red2 dark-bg-red9/20 text-red6">
1010
<span class="flex i-carbon-trash-can text-lg"></span>
@@ -24,5 +24,5 @@
2424
Yes, Delete
2525
</button>
2626
</div>
27-
</dialog>
28-
</div>
27+
</div>
28+
</dialog>

‎docs/src/components/docs/mdx-examples/ModalPreventClose.astro‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<button data-modal-target="modal-preventEx" class="bg-zinc8 text-white px4 py2 rd-lg text-sm">
22
Open Modal
33
</button>
4-
<div data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-preventEx" data-prevent-close-modal
4+
<dialog data-fx-modal data-modal-demo aria-hidden="true" data-modal-id="modal-preventEx" data-prevent-close-modal
55
data-modal-overlay="ui-overlay bg-zinc8/70 backdrop-filter backdrop-blur-3xl"
6-
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90">
7-
<dialog data-modal-content
6+
class="inset-0 justify-center items-start hidden fx-open-flex p4 fixed wscreen hscreen top-0 left-0 z90 bg-transparent">
7+
<div data-modal-content
88
data-enter-animation="fadeScale .4s linear"
99
class="fx-open-ui-animated-modal-content relative bg-white dark-bg-zinc950 rd-lg overflow-hidden wfull max-wxl p8 flex flex-col gap-y4 items-center">
1010
<div class="wmax p3 rd-full bg-red2 dark-bg-red9/20 text-red6">
@@ -25,5 +25,5 @@
2525
Yes, Delete
2626
</button>
2727
</div>
28-
</dialog>
29-
</div>
28+
</div>
29+
</dialog>

‎docs/src/components/home/DemoExample.astro‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -148,15 +148,15 @@ import { users } from "@data/demo-users";
148148
</div>
149149
<div data-mob-user class="grid wfull xl-hidden gap-4"></div>
150150
</div>
151-
<div
151+
<dialog
152152
data-fx-modal
153153
data-modal-invite
154154
data-modal-id="modal-message-def"
155155
data-modal-overlay="ui-overlay bg-zinc2/60 dark-bg-zinc8/50 backdrop-blur-lg"
156-
class="justify-center items-start p4 fixed wscreen hscreen top-0 left-0 z90 hidden fx-open-flex"
156+
class="justify-center items-start p4 fixed wscreen hscreen top-0 left-0 z90 hidden fx-open-flex bg-transparent"
157157
aria-hidden="true"
158158
>
159-
<dialog
159+
<div
160160
data-modal-content
161161
data-enter-animation="fadeInScale .4s linear"
162162
data-exit-animation="fadeOutScale .1s linear"
@@ -260,5 +260,5 @@ import { users } from "@data/demo-users";
260260
</div>
261261
</div>
262262
</div>
263-
</dialog>
264-
</div>
263+
</div>
264+
</dialog>

‎docs/src/components/home/FaqSection.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ import { faqs } from "@data/faq";
3636
</button>
3737
<div
3838
data-accordion-content
39-
class={`max-h0 ease-linear duration-300 overflow-hidden`}
39+
class={`h0 ease-linear duration-300 overflow-hidden`}
4040
>
4141
<p class="py3 px5 text-zinc7 dark-text-zinc3">
4242
{faq.description}

‎docs/src/components/home/HomeHero.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ import Paragraph from "@components/atoms/Paragraph.astro";
3434
Boost your UI with accessible & interactive components like accordions, tabs, dropdowns, and more.
3535
</Paragraph>
3636
<div class="flex justify-center flex-wrap items-center gap3">
37-
<Link href="/docs/">Get Started</Link>
37+
<Link href="/docs/getting-started">Get Started</Link>
3838
<BtnQuickCopy client:load />
3939
</div>
4040
</div>

0 commit comments

Comments
 (0)