@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 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: "_breadcrumb_615tf_1",
3
- list: "_list_615tf_6",
4
- item: "_item_615tf_15",
5
- separator: "_separator_615tf_34"
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,3 +1,3 @@
1
- var e = { button: "_button_qppxu_1" };
1
+ var e = { button: "_button_nfa84_1" };
2
2
  //#endregion
3
3
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- card: "_card_d5fk6_1",
3
- header: "_header_d5fk6_11",
4
- footer: "_footer_d5fk6_12",
5
- body: "_body_d5fk6_16"
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 };
@@ -1,7 +1,7 @@
1
1
  var e = {
2
- checkbox: "_checkbox_b5c0j_1",
3
- input: "_input_b5c0j_8",
4
- label: "_label_b5c0j_28"
2
+ checkbox: "_checkbox_dkf3o_1",
3
+ input: "_input_dkf3o_8",
4
+ label: "_label_dkf3o_39"
5
5
  };
6
6
  //#endregion
7
7
  export { e as default };
@@ -1,6 +1,6 @@
1
1
  var e = {
2
- chip: "_chip_dt5b6_1",
3
- close: "_close_dt5b6_28"
2
+ chip: "_chip_1vcyi_1",
3
+ close: "_close_1vcyi_28"
4
4
  };
5
5
  //#endregion
6
6
  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: i, ...a }) => /* @__PURE__ */ r("div", {
46
- ...a,
47
- className: n(t.item, i),
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: "_collapsible_f2skg_1",
3
- icon: "_icon_f2skg_9",
4
- trigger: "_trigger_f2skg_14",
5
- label: "_label_f2skg_24",
6
- content: "_content_f2skg_30"
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-menu_1vlci_1",
3
- icon: "_icon_1vlci_6",
4
- content: "_content_1vlci_10",
5
- item: "_item_1vlci_29"
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: "_dropzone_12c2x_1",
3
- label: "_label_12c2x_7",
4
- area: "_area_12c2x_11",
5
- file: "_file_12c2x_26",
6
- remove: "_remove_12c2x_30"
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: "_input_195b4_1",
3
- label: "_label_195b4_6",
4
- field: "_field_195b4_13",
5
- message: "_message_195b4_54"
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,6 +1,6 @@
1
1
  var e = {
2
- list: "_list_1dqa6_1",
3
- item: "_item_1dqa6_8"
2
+ list: "_list_9hntk_1",
3
+ item: "_item_9hntk_9"
4
4
  };
5
5
  //#endregion
6
6
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- overlay: "_overlay_9jli1_1",
3
- loader: "_loader_9jli1_8",
4
- spinner: "_spinner_9jli1_18",
5
- loading: "_loading_9jli1_1"
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: "_content_1eoaq_1",
3
- overlay: "_overlay_1eoaq_17",
4
- trigger: "_trigger_1eoaq_24",
5
- close: "_close_1eoaq_25",
6
- header: "_header_1eoaq_29",
7
- footer: "_footer_1eoaq_35"
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,6 +1,6 @@
1
1
  var e = {
2
- pagination: "_pagination_d7y9w_1",
3
- item: "_item_d7y9w_6"
2
+ pagination: "_pagination_1r9b9_1",
3
+ item: "_item_1r9b9_6"
4
4
  };
5
5
  //#endregion
6
6
  export { e as default };
@@ -1,7 +1,7 @@
1
1
  var e = {
2
- popover: "_popover_3kjiv_1",
3
- trigger: "_trigger_3kjiv_6",
4
- content: "_content_3kjiv_10"
2
+ popover: "_popover_1arnc_1",
3
+ trigger: "_trigger_1arnc_6",
4
+ content: "_content_1arnc_10"
5
5
  };
6
6
  //#endregion
7
7
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- group: "_group_1rhae_1",
3
- item: "_item_1rhae_12",
4
- radio: "_radio_1rhae_18",
5
- label: "_label_1rhae_44"
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: "_select_10hes_1",
3
- icon: "_icon_10hes_7",
4
- trigger: "_trigger_10hes_17",
5
- content: "_content_10hes_26",
6
- item: "_item_10hes_43",
7
- option: "_option_10hes_58"
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: "_sidebar_1mf5d_1",
3
- header: "_header_1mf5d_9",
4
- group: "_group_1mf5d_15",
5
- link: "_link_1mf5d_23",
6
- item: "_item_1mf5d_29"
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: "_tabs_1let4_1",
3
- items: "_items_1let4_7",
4
- item: "_item_1let4_7",
5
- trigger: "_trigger_1let4_24"
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: "_wizard_1yz95_1",
3
- header: "_header_1yz95_7",
4
- title: "_title_1yz95_12",
5
- footer: "_footer_1yz95_16"
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 };