@empreint/ui 1.2.0 → 1.2.3
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 +57 -0
- package/dist/components/breadcrumb/breadcrumb.module.js +4 -4
- package/dist/components/button/button.module.js +1 -1
- package/dist/components/card/card.module.js +4 -4
- package/dist/components/checkbox/checkbox.module.js +3 -3
- package/dist/components/chip/chip.module.js +2 -2
- package/dist/components/collapsible/collapsible.js +3 -3
- package/dist/components/collapsible/collapsible.module.js +5 -5
- package/dist/components/dropdown-menu/dropdown-menu.module.js +4 -4
- package/dist/components/dropzone/dropzone.module.js +5 -5
- package/dist/components/input/input.module.js +4 -4
- package/dist/components/list/list.module.js +2 -2
- package/dist/components/loader/loader.module.js +4 -4
- package/dist/components/modal/modal.module.js +6 -6
- package/dist/components/pagination/pagination.module.js +2 -2
- package/dist/components/popover/popover.module.js +3 -3
- package/dist/components/radio-group/radio-group.module.js +4 -4
- package/dist/components/select/select.module.js +6 -6
- package/dist/components/sidebar/sidebar.module.js +5 -5
- package/dist/components/tabs/tabs.module.js +4 -4
- package/dist/components/wizard/wizard.js +1 -1
- package/dist/components/wizard/wizard.module.js +5 -4
- package/dist/styles.css +1 -1
- package/package.json +4 -7
package/README.md
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://empreint.dev/logo.svg" alt="Empreint" width="180" />
|
|
3
|
+
</p>
|
|
4
|
+
|
|
5
|
+
<h1 align="center">Empreint</h1>
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
A modern React component library built with TypeScript, CSS Modules and CSS-variable theming.
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
<p align="center">
|
|
12
|
+
<a href="https://www.npmjs.com/package/@empreint/ui"><img src="https://img.shields.io/npm/v/@empreint/ui?color=19c37d" alt="npm version" /></a>
|
|
13
|
+
<img src="https://img.shields.io/npm/l/@empreint/ui?color=19c37d" alt="license" />
|
|
14
|
+
</p>
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
## Installation
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
bun add @empreint/ui
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Import the stylesheet once, at your app entry:
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
import "@empreint/ui/styles.css";
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Usage
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
import { Button } from "@empreint/ui";
|
|
34
|
+
|
|
35
|
+
export default function App() {
|
|
36
|
+
return <Button>Click me</Button>;
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Theming
|
|
41
|
+
|
|
42
|
+
Each component exposes CSS variables you can override to match your brand.
|
|
43
|
+
|
|
44
|
+
```css
|
|
45
|
+
:root {
|
|
46
|
+
--empreint-primary: #19c37d;
|
|
47
|
+
--empreint-button-border-radius: 0.5rem;
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Documentation
|
|
52
|
+
|
|
53
|
+
Full component reference and live examples at **[empreint.dev](https://empreint.dev)**.
|
|
54
|
+
|
|
55
|
+
## License
|
|
56
|
+
|
|
57
|
+
[MIT](https://github.com/vincentgraul/empreint/blob/master/LICENSE.md) © [Vincent Graul](https://vincentgraul.com)
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
breadcrumb: "
|
|
3
|
-
list: "
|
|
4
|
-
item: "
|
|
5
|
-
separator: "
|
|
2
|
+
breadcrumb: "_breadcrumb_y97r7_1",
|
|
3
|
+
list: "_list_y97r7_6",
|
|
4
|
+
item: "_item_y97r7_15",
|
|
5
|
+
separator: "_separator_y97r7_34"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
card: "
|
|
3
|
-
header: "
|
|
4
|
-
footer: "
|
|
5
|
-
body: "
|
|
2
|
+
card: "_card_1oed4_1",
|
|
3
|
+
header: "_header_1oed4_11",
|
|
4
|
+
footer: "_footer_1oed4_12",
|
|
5
|
+
body: "_body_1oed4_16"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -42,9 +42,9 @@ var c = o(null), l = ({ children: i, className: a, ...o }) => {
|
|
|
42
42
|
inert: !o?.isOpen,
|
|
43
43
|
children: e
|
|
44
44
|
});
|
|
45
|
-
}, f = ({ children: e, className:
|
|
46
|
-
...
|
|
47
|
-
className:
|
|
45
|
+
}, f = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", {
|
|
46
|
+
...n,
|
|
47
|
+
className: t,
|
|
48
48
|
children: e
|
|
49
49
|
});
|
|
50
50
|
//#endregion
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
collapsible: "
|
|
3
|
-
icon: "
|
|
4
|
-
trigger: "
|
|
5
|
-
label: "
|
|
6
|
-
content: "
|
|
2
|
+
collapsible: "_collapsible_i5j43_1",
|
|
3
|
+
icon: "_icon_i5j43_9",
|
|
4
|
+
trigger: "_trigger_i5j43_14",
|
|
5
|
+
label: "_label_i5j43_34",
|
|
6
|
+
content: "_content_i5j43_40"
|
|
7
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
"dropdown-menu": "_dropdown-
|
|
3
|
-
icon: "
|
|
4
|
-
content: "
|
|
5
|
-
item: "
|
|
2
|
+
"dropdown-menu": "_dropdown-menu_1r2a9_1",
|
|
3
|
+
icon: "_icon_1r2a9_6",
|
|
4
|
+
content: "_content_1r2a9_14",
|
|
5
|
+
item: "_item_1r2a9_33"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
dropzone: "
|
|
3
|
-
label: "
|
|
4
|
-
area: "
|
|
5
|
-
file: "
|
|
6
|
-
remove: "
|
|
2
|
+
dropzone: "_dropzone_1u6zv_1",
|
|
3
|
+
label: "_label_1u6zv_7",
|
|
4
|
+
area: "_area_1u6zv_11",
|
|
5
|
+
file: "_file_1u6zv_41",
|
|
6
|
+
remove: "_remove_1u6zv_45"
|
|
7
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
input: "
|
|
3
|
-
label: "
|
|
4
|
-
field: "
|
|
5
|
-
message: "
|
|
2
|
+
input: "_input_1g4d3_1",
|
|
3
|
+
label: "_label_1g4d3_6",
|
|
4
|
+
field: "_field_1g4d3_13",
|
|
5
|
+
message: "_message_1g4d3_71"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
overlay: "
|
|
3
|
-
loader: "
|
|
4
|
-
spinner: "
|
|
5
|
-
loading: "
|
|
2
|
+
overlay: "_overlay_131sn_1",
|
|
3
|
+
loader: "_loader_131sn_11",
|
|
4
|
+
spinner: "_spinner_131sn_19",
|
|
5
|
+
loading: "_loading_131sn_1"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
content: "
|
|
3
|
-
overlay: "
|
|
4
|
-
trigger: "
|
|
5
|
-
close: "
|
|
6
|
-
header: "
|
|
7
|
-
footer: "
|
|
2
|
+
content: "_content_lkmqc_1",
|
|
3
|
+
overlay: "_overlay_lkmqc_17",
|
|
4
|
+
trigger: "_trigger_lkmqc_24",
|
|
5
|
+
close: "_close_lkmqc_25",
|
|
6
|
+
header: "_header_lkmqc_29",
|
|
7
|
+
footer: "_footer_lkmqc_35"
|
|
8
8
|
};
|
|
9
9
|
//#endregion
|
|
10
10
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
group: "
|
|
3
|
-
item: "
|
|
4
|
-
radio: "
|
|
5
|
-
label: "
|
|
2
|
+
group: "_group_8w79p_1",
|
|
3
|
+
item: "_item_8w79p_12",
|
|
4
|
+
radio: "_radio_8w79p_18",
|
|
5
|
+
label: "_label_8w79p_49"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
select: "
|
|
3
|
-
icon: "
|
|
4
|
-
trigger: "
|
|
5
|
-
content: "
|
|
6
|
-
item: "
|
|
7
|
-
option: "
|
|
2
|
+
select: "_select_vcdsz_1",
|
|
3
|
+
icon: "_icon_vcdsz_7",
|
|
4
|
+
trigger: "_trigger_vcdsz_18",
|
|
5
|
+
content: "_content_vcdsz_32",
|
|
6
|
+
item: "_item_vcdsz_49",
|
|
7
|
+
option: "_option_vcdsz_71"
|
|
8
8
|
};
|
|
9
9
|
//#endregion
|
|
10
10
|
export { e as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
sidebar: "
|
|
3
|
-
header: "
|
|
4
|
-
group: "
|
|
5
|
-
link: "
|
|
6
|
-
item: "
|
|
2
|
+
sidebar: "_sidebar_10i86_1",
|
|
3
|
+
header: "_header_10i86_9",
|
|
4
|
+
group: "_group_10i86_15",
|
|
5
|
+
link: "_link_10i86_24",
|
|
6
|
+
item: "_item_10i86_30"
|
|
7
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { e as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
tabs: "
|
|
3
|
-
items: "
|
|
4
|
-
item: "
|
|
5
|
-
trigger: "
|
|
2
|
+
tabs: "_tabs_719qy_1",
|
|
3
|
+
items: "_items_719qy_7",
|
|
4
|
+
item: "_item_719qy_7",
|
|
5
|
+
trigger: "_trigger_719qy_28"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { e as default };
|
|
@@ -50,7 +50,7 @@ var f = s(null), p = ({ children: t, initialStep: n, className: o, ...s }) => {
|
|
|
50
50
|
let n = l(f);
|
|
51
51
|
return n?.totalSteps === 0 ? null : /* @__PURE__ */ o("span", {
|
|
52
52
|
...t,
|
|
53
|
-
className: e,
|
|
53
|
+
className: i(r.indicator, e),
|
|
54
54
|
children: [
|
|
55
55
|
n?.currentIndex,
|
|
56
56
|
" / ",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
var e = {
|
|
2
|
-
wizard: "
|
|
3
|
-
header: "
|
|
4
|
-
title: "
|
|
5
|
-
|
|
2
|
+
wizard: "_wizard_1ulat_1",
|
|
3
|
+
header: "_header_1ulat_7",
|
|
4
|
+
title: "_title_1ulat_12",
|
|
5
|
+
indicator: "_indicator_1ulat_16",
|
|
6
|
+
footer: "_footer_1ulat_21"
|
|
6
7
|
};
|
|
7
8
|
//#endregion
|
|
8
9
|
export { e as default };
|