Skip to content

Commit c6ede82

Browse files
titouanmathistitouanmathis
committed
Merge branch 'release/1.0.0-alpha.3'
2 parents b1c64ca + e3dc176 commit c6ede82

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+1660
-47
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,4 @@ yarn-error.log*
2626
dist/*.html
2727
demo/dist/
2828
docs/.vuepress/dist/
29+
coverage/

‎demo/index.html‎

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,47 @@
1313

1414
<body>
1515
<main data-breakpoint class="relative p-10">
16+
<div data-component="Modal" data-options='{ "move": "main" }'>
17+
<button
18+
type="button"
19+
data-ref="Modal.open"
20+
class="p-4 text-white rounded bg-black focus:opacity-50"
21+
>
22+
Open modal
23+
</button>
24+
<div data-ref="Modal.modal" role="dialog" aria-modal="true" style="opacity: 0; pointer-events: none; visibility: hidden;" class="z-goku fixed inset-0">
25+
<div
26+
data-ref="Modal.overlay"
27+
tabindex="-1"
28+
class="z-under absolute inset-0 bg-black opacity-75"
29+
></div>
30+
<div class="absolute inset-0 flex items-center justify-center pointer-events-none">
31+
<div
32+
class="z-above relative max-h-full overflox-x-hidden overflow-y-auto bg-white rounded shadow-l"
33+
>
34+
<div class="flex p-10 pb-0">
35+
<button
36+
type="button"
37+
data-ref="Modal.close"
38+
class="ml-auto py-2 px-4 text-white rounded bg-black focus:opacity-50"
39+
>
40+
Close modal
41+
</button>
42+
</div>
43+
<div class="max-w-3xl p-10" data-ref="Modal.content">
44+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae laudantium sint
45+
culpa sequi enim <a autofocus href="#">quaerat</a> itaque possimus at voluptatem voluptates voluptatum velit
46+
illum nulla, optio porro ea. Doloremque, aut, beatae!
47+
<a href="#">Link</a>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
54+
<br />
55+
<br />
56+
<br />
1657
<!-- BEGIN Accordion component-->
1758
<div data-component="Accordion">
1859
<div data-component="AccordionItem" tabindex="0" class="accordion-item border -mb-px p-4">
@@ -96,7 +137,8 @@ <h2 id="components-tabs" class="text-lg mb-4">Tabs</h2>
96137
<div
97138
data-component="Tabs"
98139
class="tabs"
99-
data-options='{ "tabActiveStyle": { "borderBottomColor": "#fff" } }'>
140+
data-options='{ "tabActiveStyle": { "borderBottomColor": "#fff" } }'
141+
>
100142
<div class="flex px-4 border-b">
101143
<button data-ref="Tabs.btn" class="-mb-px -ml-px p-4 border">Tab #1</button>
102144
<button data-ref="Tabs.btn" class="-mb-px -ml-px p-4 border">Tab #2</button>

‎demo/src/app.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Base } from '../../src';
2-
import { Tabs } from '../../src/components';
2+
import { Tabs, Modal } from '../../src/components';
33
import Accordion from './components/Accordion';
44
import Cursor from './components/Cursor';
55
import Lazyload from './components/Lazyload';
@@ -15,6 +15,7 @@ class App extends Base {
1515
Lazyload,
1616
Skew,
1717
Tabs,
18+
Modal,
1819
},
1920
};
2021
}

‎dist/abstracts/Base.js‎

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

‎dist/abstracts/Base.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)