reke-ui 0.1.2 → 0.2.1
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 +21 -0
- package/cli/install-skills.mjs +169 -0
- package/custom-elements.json +272 -28
- package/dist/__type-checks__/no-lit-in-public-types.d.ts +2 -0
- package/dist/__type-checks__/no-lit-in-public-types.d.ts.map +1 -0
- package/dist/_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js +9 -0
- package/dist/components/reke-alert/reke-alert.d.ts.map +1 -1
- package/dist/components/reke-alert/reke-alert.js +32 -40
- package/dist/components/reke-alert/reke-alert.styles.js +7 -10
- package/dist/components/reke-badge/reke-badge.js +26 -40
- package/dist/components/reke-badge/reke-badge.styles.js +7 -10
- package/dist/components/reke-button/reke-button.d.ts.map +1 -1
- package/dist/components/reke-button/reke-button.js +41 -52
- package/dist/components/reke-button/reke-button.styles.js +7 -10
- package/dist/components/reke-card/reke-card.d.ts.map +1 -1
- package/dist/components/reke-card/reke-card.js +38 -58
- package/dist/components/reke-card/reke-card.styles.js +7 -10
- package/dist/components/reke-checkbox/reke-checkbox.js +40 -47
- package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts.map +1 -1
- package/dist/components/reke-checkbox/reke-checkbox.styles.js +7 -9
- package/dist/components/reke-chip/reke-chip.d.ts.map +1 -1
- package/dist/components/reke-chip/reke-chip.js +42 -50
- package/dist/components/reke-chip/reke-chip.styles.d.ts.map +1 -1
- package/dist/components/reke-chip/reke-chip.styles.js +16 -13
- package/dist/components/reke-date-range/reke-date-range.d.ts.map +1 -1
- package/dist/components/reke-date-range/reke-date-range.js +240 -260
- package/dist/components/reke-date-range/reke-date-range.styles.d.ts.map +1 -1
- package/dist/components/reke-date-range/reke-date-range.styles.js +29 -16
- package/dist/components/reke-dialog/reke-dialog.d.ts.map +1 -1
- package/dist/components/reke-dialog/reke-dialog.js +52 -65
- package/dist/components/reke-dialog/reke-dialog.styles.d.ts.map +1 -1
- package/dist/components/reke-dialog/reke-dialog.styles.js +8 -10
- package/dist/components/reke-file-upload/reke-file-upload.d.ts.map +1 -1
- package/dist/components/reke-file-upload/reke-file-upload.js +62 -86
- package/dist/components/reke-file-upload/reke-file-upload.styles.js +7 -10
- package/dist/components/reke-input/reke-input.js +42 -61
- package/dist/components/reke-input/reke-input.styles.d.ts.map +1 -1
- package/dist/components/reke-input/reke-input.styles.js +8 -10
- package/dist/components/reke-select/reke-select.d.ts.map +1 -1
- package/dist/components/reke-select/reke-select.js +66 -89
- package/dist/components/reke-select/reke-select.styles.d.ts.map +1 -1
- package/dist/components/reke-select/reke-select.styles.js +9 -11
- package/dist/components/reke-table/reke-table.d.ts +134 -23
- package/dist/components/reke-table/reke-table.d.ts.map +1 -1
- package/dist/components/reke-table/reke-table.js +242 -143
- package/dist/components/reke-table/reke-table.styles.d.ts.map +1 -1
- package/dist/components/reke-table/reke-table.styles.js +67 -9
- package/dist/components/reke-textarea/reke-textarea.js +42 -61
- package/dist/components/reke-textarea/reke-textarea.styles.js +6 -9
- package/dist/components/reke-toast/reke-toast.d.ts.map +1 -1
- package/dist/components/reke-toast/reke-toast.js +50 -68
- package/dist/components/reke-toast/reke-toast.styles.d.ts.map +1 -1
- package/dist/components/reke-toast/reke-toast.styles.js +13 -12
- package/dist/components/reke-toggle/reke-toggle.js +36 -43
- package/dist/components/reke-toggle/reke-toggle.styles.js +7 -10
- package/dist/components/reke-tooltip/reke-tooltip.js +31 -47
- package/dist/components/reke-tooltip/reke-tooltip.styles.js +6 -9
- package/dist/index.d.ts +23 -23
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -33
- package/dist/react-bridge/table.d.ts +58 -0
- package/dist/react-bridge/table.d.ts.map +1 -0
- package/dist/react-bridge/table.js +115 -0
- package/dist/react.d.ts +12 -26
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +110 -146
- package/dist/shared/base-element.js +13 -15
- package/dist/shared/tailwind-styles.js +6 -6
- package/dist/shared/tailwind.js +4 -0
- package/dist/tokens/reke-tokens.css +47 -0
- package/package.json +40 -20
- package/dist/shared/tailwind.css.js +0 -4
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
|
|
2
|
-
import { css as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
r`
|
|
2
|
+
import { css as t } from "lit";
|
|
3
|
+
//#region src/components/reke-textarea/reke-textarea.styles.ts
|
|
4
|
+
var n = [e, t`
|
|
6
5
|
:host {
|
|
7
6
|
display: inline-block;
|
|
8
7
|
}
|
|
@@ -69,8 +68,6 @@ const t = [
|
|
|
69
68
|
padding: var(--reke-space-md, 16px) var(--reke-space-lg, 20px);
|
|
70
69
|
font-size: var(--reke-font-size-md, 14px);
|
|
71
70
|
}
|
|
72
|
-
`
|
|
73
|
-
|
|
74
|
-
export {
|
|
75
|
-
t as styles
|
|
76
|
-
};
|
|
71
|
+
`];
|
|
72
|
+
//#endregion
|
|
73
|
+
export { n as styles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reke-toast.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AASpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAa;IAGlC,OAAO,SAAM;IAEb,4CAA4C;IAE5C,MAAM,SAAM;IAEZ,8DAA8D;IAE9D,QAAQ,SAAK;IAEb,OAAO,CAAC,MAAM,CAA4C;IAEjD,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;IAOlB,OAAO;IAKP,OAAO,CAAC,YAAY;IAIX,MAAM;
|
|
1
|
+
{"version":3,"file":"reke-toast.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AASpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAa;IAGlC,OAAO,SAAM;IAEb,4CAA4C;IAE5C,MAAM,SAAM;IAEZ,8DAA8D;IAE9D,QAAQ,SAAK;IAEb,OAAO,CAAC,MAAM,CAA4C;IAEjD,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;IAOlB,OAAO;IAKP,OAAO,CAAC,YAAY;IAIX,MAAM;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -1,56 +1,54 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
return e`
|
|
45
|
-
<div part="toast" class=${v(r)} role="status">
|
|
1
|
+
import { RekeElement as e } from "../../shared/base-element.js";
|
|
2
|
+
import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
|
|
3
|
+
import { styles as n } from "./reke-toast.styles.js";
|
|
4
|
+
import { html as r, nothing as i } from "lit";
|
|
5
|
+
import { customElement as a, property as o } from "lit/decorators.js";
|
|
6
|
+
import { classMap as s } from "lit/directives/class-map.js";
|
|
7
|
+
//#region src/components/reke-toast/reke-toast.ts
|
|
8
|
+
var c = {
|
|
9
|
+
success: r`<svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>`,
|
|
10
|
+
error: r`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>`,
|
|
11
|
+
warning: r`<svg viewBox="0 0 24 24"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`,
|
|
12
|
+
info: r`<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>`
|
|
13
|
+
}, l = class extends e {
|
|
14
|
+
constructor(...e) {
|
|
15
|
+
super(...e), this.variant = "success", this.message = "", this.action = "", this.duration = 0;
|
|
16
|
+
}
|
|
17
|
+
static {
|
|
18
|
+
this.styles = n;
|
|
19
|
+
}
|
|
20
|
+
connectedCallback() {
|
|
21
|
+
super.connectedCallback(), this.startTimer();
|
|
22
|
+
}
|
|
23
|
+
disconnectedCallback() {
|
|
24
|
+
super.disconnectedCallback(), this.clearTimer();
|
|
25
|
+
}
|
|
26
|
+
startTimer() {
|
|
27
|
+
this.clearTimer(), this.duration > 0 && (this._timer = setTimeout(() => this.dismiss(), this.duration));
|
|
28
|
+
}
|
|
29
|
+
clearTimer() {
|
|
30
|
+
this._timer !== void 0 && (clearTimeout(this._timer), this._timer = void 0);
|
|
31
|
+
}
|
|
32
|
+
dismiss() {
|
|
33
|
+
this.emit("reke-close"), this.remove();
|
|
34
|
+
}
|
|
35
|
+
handleAction() {
|
|
36
|
+
this.emit("reke-action");
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
return r`
|
|
40
|
+
<div part="toast" class=${s({
|
|
41
|
+
toast: !0,
|
|
42
|
+
[`toast--${this.variant}`]: !0
|
|
43
|
+
})} role="status">
|
|
46
44
|
<div class="toast__left">
|
|
47
45
|
<span class="toast__icon" aria-hidden="true">
|
|
48
|
-
${
|
|
46
|
+
${c[this.variant]}
|
|
49
47
|
</span>
|
|
50
48
|
<span class="toast__message">${this.message}</span>
|
|
51
49
|
</div>
|
|
52
50
|
<div class="toast__right">
|
|
53
|
-
${this.action ?
|
|
51
|
+
${this.action ? r`
|
|
54
52
|
<button
|
|
55
53
|
class="toast__action"
|
|
56
54
|
type="button"
|
|
@@ -58,7 +56,7 @@ let s = class extends u {
|
|
|
58
56
|
>
|
|
59
57
|
${this.action}
|
|
60
58
|
</button>
|
|
61
|
-
` :
|
|
59
|
+
` : i}
|
|
62
60
|
<button
|
|
63
61
|
class="toast__close"
|
|
64
62
|
@click=${() => this.dismiss()}
|
|
@@ -69,24 +67,8 @@ let s = class extends u {
|
|
|
69
67
|
</div>
|
|
70
68
|
</div>
|
|
71
69
|
`;
|
|
72
|
-
|
|
73
|
-
};
|
|
74
|
-
s.styles = d;
|
|
75
|
-
i([
|
|
76
|
-
c({ reflect: !0 })
|
|
77
|
-
], s.prototype, "variant", 2);
|
|
78
|
-
i([
|
|
79
|
-
c()
|
|
80
|
-
], s.prototype, "message", 2);
|
|
81
|
-
i([
|
|
82
|
-
c()
|
|
83
|
-
], s.prototype, "action", 2);
|
|
84
|
-
i([
|
|
85
|
-
c({ type: Number })
|
|
86
|
-
], s.prototype, "duration", 2);
|
|
87
|
-
s = i([
|
|
88
|
-
h("reke-toast")
|
|
89
|
-
], s);
|
|
90
|
-
export {
|
|
91
|
-
s as RekeToast
|
|
70
|
+
}
|
|
92
71
|
};
|
|
72
|
+
t([o({ reflect: !0 })], l.prototype, "variant", void 0), t([o()], l.prototype, "message", void 0), t([o()], l.prototype, "action", void 0), t([o({ type: Number })], l.prototype, "duration", void 0), l = t([a("reke-toast")], l);
|
|
73
|
+
//#endregion
|
|
74
|
+
export { l as RekeToast };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reke-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"reke-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-toast/reke-toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAoLlB,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { tailwindStyles as
|
|
2
|
-
import { css as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
r`
|
|
1
|
+
import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
|
|
2
|
+
import { css as t } from "lit";
|
|
3
|
+
//#region src/components/reke-toast/reke-toast.styles.ts
|
|
4
|
+
var n = [e, t`
|
|
6
5
|
:host {
|
|
7
6
|
display: block;
|
|
8
7
|
animation: toast-in var(--reke-transition-normal, 0.2s ease) both;
|
|
@@ -40,18 +39,22 @@ const a = [
|
|
|
40
39
|
|
|
41
40
|
.toast--error {
|
|
42
41
|
border-left-color: var(--reke-color-danger, #EF4444);
|
|
42
|
+
background-color: color-mix(in srgb, var(--reke-color-danger, #EF4444) 8%, var(--reke-color-surface, #1A1A1A));
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.toast--success {
|
|
46
46
|
border-left-color: var(--reke-color-primary, #22C55E);
|
|
47
|
+
background-color: color-mix(in srgb, var(--reke-color-primary, #22C55E) 8%, var(--reke-color-surface, #1A1A1A));
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
.toast--warning {
|
|
50
51
|
border-left-color: var(--reke-color-warning, #F59E0B);
|
|
52
|
+
background-color: color-mix(in srgb, var(--reke-color-warning, #F59E0B) 8%, var(--reke-color-surface, #1A1A1A));
|
|
51
53
|
}
|
|
52
54
|
|
|
53
55
|
.toast--info {
|
|
54
56
|
border-left-color: var(--reke-color-secondary, #3B82F6);
|
|
57
|
+
background-color: color-mix(in srgb, var(--reke-color-secondary, #3B82F6) 8%, var(--reke-color-surface, #1A1A1A));
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
/* === Left section === */
|
|
@@ -155,8 +158,8 @@ const a = [
|
|
|
155
158
|
display: flex;
|
|
156
159
|
align-items: center;
|
|
157
160
|
justify-content: center;
|
|
158
|
-
width:
|
|
159
|
-
height:
|
|
161
|
+
width: 24px;
|
|
162
|
+
height: 24px;
|
|
160
163
|
background: transparent;
|
|
161
164
|
border: none;
|
|
162
165
|
color: var(--reke-color-text-muted, #525252);
|
|
@@ -175,8 +178,6 @@ const a = [
|
|
|
175
178
|
outline: 2px solid var(--reke-color-primary, #22C55E);
|
|
176
179
|
outline-offset: 2px;
|
|
177
180
|
}
|
|
178
|
-
`
|
|
179
|
-
|
|
180
|
-
export {
|
|
181
|
-
a as styles
|
|
182
|
-
};
|
|
181
|
+
`];
|
|
182
|
+
//#endregion
|
|
183
|
+
export { n as styles };
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
import { RekeElement as e } from "../../shared/base-element.js";
|
|
2
|
+
import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
|
|
3
|
+
import { styles as n } from "./reke-toggle.styles.js";
|
|
4
|
+
import { html as r, nothing as i } from "lit";
|
|
5
|
+
import { customElement as a, property as o } from "lit/decorators.js";
|
|
6
|
+
//#region src/components/reke-toggle/reke-toggle.ts
|
|
7
|
+
var s = class extends e {
|
|
8
|
+
constructor(...e) {
|
|
9
|
+
super(...e), this.checked = !1, this.disabled = !1, this.label = "";
|
|
10
|
+
}
|
|
11
|
+
static {
|
|
12
|
+
this.styles = n;
|
|
13
|
+
}
|
|
14
|
+
toggle() {
|
|
15
|
+
this.disabled || (this.checked = !this.checked, this.emit("reke-change", { checked: this.checked }));
|
|
16
|
+
}
|
|
17
|
+
handleClick() {
|
|
18
|
+
this.toggle();
|
|
19
|
+
}
|
|
20
|
+
handleKeyDown(e) {
|
|
21
|
+
(e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return r`
|
|
25
25
|
<div
|
|
26
26
|
class="toggle"
|
|
27
27
|
role="switch"
|
|
28
28
|
aria-checked=${this.checked}
|
|
29
|
-
aria-label=${this.label ||
|
|
29
|
+
aria-label=${this.label || i}
|
|
30
30
|
tabindex=${this.disabled ? -1 : 0}
|
|
31
31
|
@click=${this.handleClick}
|
|
32
32
|
@keydown=${this.handleKeyDown}
|
|
@@ -34,24 +34,17 @@ let l = class extends k {
|
|
|
34
34
|
<div part="track" class="track ${this.checked ? "track--checked" : ""}">
|
|
35
35
|
<div part="thumb" class="thumb ${this.checked ? "thumb--checked" : ""}"></div>
|
|
36
36
|
</div>
|
|
37
|
-
${this.label ?
|
|
37
|
+
${this.label ? r`<span class="label">${this.label}</span>` : i}
|
|
38
38
|
</div>
|
|
39
39
|
`;
|
|
40
|
-
|
|
41
|
-
};
|
|
42
|
-
l.styles = b;
|
|
43
|
-
c([
|
|
44
|
-
o({ type: Boolean, reflect: !0 })
|
|
45
|
-
], l.prototype, "checked", 2);
|
|
46
|
-
c([
|
|
47
|
-
o({ type: Boolean, reflect: !0 })
|
|
48
|
-
], l.prototype, "disabled", 2);
|
|
49
|
-
c([
|
|
50
|
-
o()
|
|
51
|
-
], l.prototype, "label", 2);
|
|
52
|
-
l = c([
|
|
53
|
-
p("reke-toggle")
|
|
54
|
-
], l);
|
|
55
|
-
export {
|
|
56
|
-
l as RekeToggle
|
|
40
|
+
}
|
|
57
41
|
};
|
|
42
|
+
t([o({
|
|
43
|
+
type: Boolean,
|
|
44
|
+
reflect: !0
|
|
45
|
+
})], s.prototype, "checked", void 0), t([o({
|
|
46
|
+
type: Boolean,
|
|
47
|
+
reflect: !0
|
|
48
|
+
})], s.prototype, "disabled", void 0), t([o()], s.prototype, "label", void 0), s = t([a("reke-toggle")], s);
|
|
49
|
+
//#endregion
|
|
50
|
+
export { s as RekeToggle };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { tailwindStyles as
|
|
2
|
-
import { css as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
o`
|
|
1
|
+
import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
|
|
2
|
+
import { css as t } from "lit";
|
|
3
|
+
//#region src/components/reke-toggle/reke-toggle.styles.ts
|
|
4
|
+
var n = [e, t`
|
|
6
5
|
:host {
|
|
7
6
|
display: inline-flex;
|
|
8
7
|
align-items: center;
|
|
@@ -64,8 +63,6 @@ const a = [
|
|
|
64
63
|
font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
|
|
65
64
|
font-size: var(--reke-font-size-sm, 13px);
|
|
66
65
|
}
|
|
67
|
-
`
|
|
68
|
-
|
|
69
|
-
export {
|
|
70
|
-
a as styles
|
|
71
|
-
};
|
|
66
|
+
`];
|
|
67
|
+
//#endregion
|
|
68
|
+
export { n as styles };
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { RekeElement as c } from "../../shared/base-element.js";
|
|
1
|
+
import { RekeElement as e } from "../../shared/base-element.js";
|
|
2
|
+
import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
|
|
4
3
|
import { styles as n } from "./reke-tooltip.styles.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
4
|
+
import { html as r } from "lit";
|
|
5
|
+
import { customElement as i, property as a, state as o } from "lit/decorators.js";
|
|
6
|
+
//#region src/components/reke-tooltip/reke-tooltip.ts
|
|
7
|
+
var s = class extends e {
|
|
8
|
+
constructor(...e) {
|
|
9
|
+
super(...e), this.text = "", this.position = "top", this.delay = 200, this._visible = !1;
|
|
10
|
+
}
|
|
11
|
+
static {
|
|
12
|
+
this.styles = n;
|
|
13
|
+
}
|
|
14
|
+
show() {
|
|
15
|
+
clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
|
|
16
|
+
this._visible = !0;
|
|
17
|
+
}, this.delay);
|
|
18
|
+
}
|
|
19
|
+
hide() {
|
|
20
|
+
clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
|
|
21
|
+
this._visible = !1;
|
|
22
|
+
}, this.delay);
|
|
23
|
+
}
|
|
24
|
+
disconnectedCallback() {
|
|
25
|
+
super.disconnectedCallback(), clearTimeout(this._delayTimeout);
|
|
26
|
+
}
|
|
27
|
+
render() {
|
|
28
|
+
return r`
|
|
29
29
|
<div
|
|
30
30
|
class="wrapper"
|
|
31
31
|
aria-describedby="tooltip"
|
|
@@ -44,24 +44,8 @@ let e = class extends c {
|
|
|
44
44
|
<slot></slot>
|
|
45
45
|
</div>
|
|
46
46
|
`;
|
|
47
|
-
|
|
48
|
-
};
|
|
49
|
-
e.styles = n;
|
|
50
|
-
i([
|
|
51
|
-
a()
|
|
52
|
-
], e.prototype, "text", 2);
|
|
53
|
-
i([
|
|
54
|
-
a({ reflect: !0 })
|
|
55
|
-
], e.prototype, "position", 2);
|
|
56
|
-
i([
|
|
57
|
-
a({ type: Number })
|
|
58
|
-
], e.prototype, "delay", 2);
|
|
59
|
-
i([
|
|
60
|
-
u()
|
|
61
|
-
], e.prototype, "_visible", 2);
|
|
62
|
-
e = i([
|
|
63
|
-
d("reke-tooltip")
|
|
64
|
-
], e);
|
|
65
|
-
export {
|
|
66
|
-
e as RekeTooltip
|
|
47
|
+
}
|
|
67
48
|
};
|
|
49
|
+
t([a()], s.prototype, "text", void 0), t([a({ reflect: !0 })], s.prototype, "position", void 0), t([a({ type: Number })], s.prototype, "delay", void 0), t([o()], s.prototype, "_visible", void 0), s = t([i("reke-tooltip")], s);
|
|
50
|
+
//#endregion
|
|
51
|
+
export { s as RekeTooltip };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { tailwindStyles as
|
|
1
|
+
import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
|
|
2
2
|
import { css as t } from "lit";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
t`
|
|
3
|
+
//#region src/components/reke-tooltip/reke-tooltip.styles.ts
|
|
4
|
+
var n = [e, t`
|
|
6
5
|
:host {
|
|
7
6
|
display: inline-block;
|
|
8
7
|
position: relative;
|
|
@@ -60,8 +59,6 @@ const i = [
|
|
|
60
59
|
transform: translateY(-50%);
|
|
61
60
|
margin-left: 6px;
|
|
62
61
|
}
|
|
63
|
-
`
|
|
64
|
-
|
|
65
|
-
export {
|
|
66
|
-
i as styles
|
|
67
|
-
};
|
|
62
|
+
`];
|
|
63
|
+
//#endregion
|
|
64
|
+
export { n as styles };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export
|
|
3
|
-
export {
|
|
4
|
-
export type { InputSize } from './components/reke-input/reke-input.js';
|
|
5
|
-
export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
|
|
6
|
-
export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
|
|
7
|
-
export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
|
|
8
|
-
export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
|
|
1
|
+
export type { AlertVariant } from './components/reke-alert/reke-alert.js';
|
|
2
|
+
export { RekeAlert } from './components/reke-alert/reke-alert.js';
|
|
3
|
+
export type { BadgeShape, BadgeSize, BadgeVariant } from './components/reke-badge/reke-badge.js';
|
|
9
4
|
export { RekeBadge } from './components/reke-badge/reke-badge.js';
|
|
10
|
-
export type {
|
|
5
|
+
export type { ButtonSize, ButtonVariant } from './components/reke-button/reke-button.js';
|
|
6
|
+
export { RekeButton } from './components/reke-button/reke-button.js';
|
|
7
|
+
export type { CardAccent, CardPadding, CardVariant } from './components/reke-card/reke-card.js';
|
|
11
8
|
export { RekeCard } from './components/reke-card/reke-card.js';
|
|
12
|
-
export
|
|
13
|
-
export {
|
|
14
|
-
export
|
|
15
|
-
export {
|
|
9
|
+
export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
|
|
10
|
+
export type { ChipColor } from './components/reke-chip/reke-chip.js';
|
|
11
|
+
export { RekeChip } from './components/reke-chip/reke-chip.js';
|
|
12
|
+
export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
|
|
13
|
+
export { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
|
|
16
14
|
export type { DialogVariant, DrawerPosition } from './components/reke-dialog/reke-dialog.js';
|
|
17
|
-
export {
|
|
15
|
+
export { RekeDialog } from './components/reke-dialog/reke-dialog.js';
|
|
16
|
+
export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
|
|
17
|
+
export type { InputSize } from './components/reke-input/reke-input.js';
|
|
18
|
+
export { RekeInput } from './components/reke-input/reke-input.js';
|
|
18
19
|
export type { SelectSize } from './components/reke-select/reke-select.js';
|
|
20
|
+
export { RekeSelect } from './components/reke-select/reke-select.js';
|
|
21
|
+
export type { Cleanup, ExpandedRowElement, GetRowKey, RowKey, TableColumn, TableRow, } from './components/reke-table/reke-table.js';
|
|
19
22
|
export { RekeTable } from './components/reke-table/reke-table.js';
|
|
20
|
-
export type {
|
|
21
|
-
export {
|
|
22
|
-
export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
|
|
23
|
-
export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
|
|
24
|
-
export { RekeAlert } from './components/reke-alert/reke-alert.js';
|
|
25
|
-
export type { AlertVariant } from './components/reke-alert/reke-alert.js';
|
|
26
|
-
export { RekeToast } from './components/reke-toast/reke-toast.js';
|
|
23
|
+
export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
|
|
24
|
+
export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
|
|
27
25
|
export type { ToastVariant } from './components/reke-toast/reke-toast.js';
|
|
28
|
-
export {
|
|
29
|
-
export
|
|
26
|
+
export { RekeToast } from './components/reke-toast/reke-toast.js';
|
|
27
|
+
export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
|
|
28
|
+
export type { TooltipPosition } from './components/reke-tooltip/reke-tooltip.js';
|
|
29
|
+
export { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
|
|
30
30
|
export { RekeElement } from './shared/base-element.js';
|
|
31
31
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EACV,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,36 +1,18 @@
|
|
|
1
|
+
import { RekeElement as e } from "./shared/base-element.js";
|
|
2
|
+
import { RekeAlert as t } from "./components/reke-alert/reke-alert.js";
|
|
3
|
+
import { RekeBadge as n } from "./components/reke-badge/reke-badge.js";
|
|
1
4
|
import { RekeButton as r } from "./components/reke-button/reke-button.js";
|
|
2
|
-
import { RekeInput as p } from "./components/reke-input/reke-input.js";
|
|
3
|
-
import { RekeTextarea as k } from "./components/reke-textarea/reke-textarea.js";
|
|
4
|
-
import { RekeCheckbox as R } from "./components/reke-checkbox/reke-checkbox.js";
|
|
5
|
-
import { RekeToggle as a } from "./components/reke-toggle/reke-toggle.js";
|
|
6
|
-
import { RekeBadge as g } from "./components/reke-badge/reke-badge.js";
|
|
7
5
|
import { RekeCard as i } from "./components/reke-card/reke-card.js";
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { RekeSelect as h } from "./components/reke-select/reke-select.js";
|
|
11
|
-
import { RekeTable as B } from "./components/reke-table/reke-table.js";
|
|
6
|
+
import { RekeCheckbox as a } from "./components/reke-checkbox/reke-checkbox.js";
|
|
7
|
+
import { RekeChip as o } from "./components/reke-chip/reke-chip.js";
|
|
12
8
|
import { RekeDateRange as s } from "./components/reke-date-range/reke-date-range.js";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
R as RekeCheckbox,
|
|
24
|
-
q as RekeChip,
|
|
25
|
-
s as RekeDateRange,
|
|
26
|
-
b as RekeDialog,
|
|
27
|
-
w as RekeElement,
|
|
28
|
-
E as RekeFileUpload,
|
|
29
|
-
p as RekeInput,
|
|
30
|
-
h as RekeSelect,
|
|
31
|
-
B as RekeTable,
|
|
32
|
-
k as RekeTextarea,
|
|
33
|
-
U as RekeToast,
|
|
34
|
-
a as RekeToggle,
|
|
35
|
-
d as RekeTooltip
|
|
36
|
-
};
|
|
9
|
+
import { RekeDialog as c } from "./components/reke-dialog/reke-dialog.js";
|
|
10
|
+
import { RekeFileUpload as l } from "./components/reke-file-upload/reke-file-upload.js";
|
|
11
|
+
import { RekeInput as u } from "./components/reke-input/reke-input.js";
|
|
12
|
+
import { RekeSelect as d } from "./components/reke-select/reke-select.js";
|
|
13
|
+
import { RekeTable as f } from "./components/reke-table/reke-table.js";
|
|
14
|
+
import { RekeTextarea as p } from "./components/reke-textarea/reke-textarea.js";
|
|
15
|
+
import { RekeToast as m } from "./components/reke-toast/reke-toast.js";
|
|
16
|
+
import { RekeToggle as h } from "./components/reke-toggle/reke-toggle.js";
|
|
17
|
+
import { RekeTooltip as g } from "./components/reke-tooltip/reke-tooltip.js";
|
|
18
|
+
export { t as RekeAlert, n as RekeBadge, r as RekeButton, i as RekeCard, a as RekeCheckbox, o as RekeChip, s as RekeDateRange, c as RekeDialog, e as RekeElement, l as RekeFileUpload, u as RekeInput, d as RekeSelect, f as RekeTable, p as RekeTextarea, m as RekeToast, h as RekeToggle, g as RekeTooltip };
|