highsoft-ui 1.0.16 → 1.0.18
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/dist/components/Button/index.js +34 -34
- package/dist/components/Container/index.d.ts +1 -1
- package/dist/components/Container/index.js +9 -14
- package/dist/components/GPTInput/index.js +29 -29
- package/dist/components/Header/index.js +108 -108
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PrefPanel/index.js +600 -597
- package/dist/highsoft-ui.css +1 -1
- package/dist/index-ChurKizy.js +68 -0
- package/dist/main.js +1 -1
- package/dist/scss/variables.scss +29 -19
- package/package.json +1 -1
- package/dist/index-CDZ29FbL.js +0 -60
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c
|
|
4
|
-
const
|
|
5
|
-
button:
|
|
6
|
-
neutral:
|
|
7
|
-
white:
|
|
8
|
-
transparent:
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as r } from "react";
|
|
3
|
+
import { c } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
const g = "_button_lp38g_270", u = "_neutral_lp38g_312", z = "_white_lp38g_336", f = "_transparent_lp38g_360", b = "_plain_lp38g_384", d = "_brand_lp38g_408", m = "_success_lp38g_432", w = "_attention_lp38g_456", h = "_danger_lp38g_480", x = "_full_lp38g_606", t = {
|
|
5
|
+
button: g,
|
|
6
|
+
neutral: u,
|
|
7
|
+
white: z,
|
|
8
|
+
transparent: f,
|
|
9
9
|
plain: b,
|
|
10
10
|
brand: d,
|
|
11
11
|
success: m,
|
|
12
|
-
attention:
|
|
12
|
+
attention: w,
|
|
13
13
|
danger: h,
|
|
14
|
-
"size-50": "_size-
|
|
15
|
-
"size-100": "_size-
|
|
16
|
-
"size-200": "_size-
|
|
17
|
-
"size-300": "_size-
|
|
18
|
-
"size-400": "_size-
|
|
19
|
-
"size-500": "_size-
|
|
14
|
+
"size-50": "_size-50_lp38g_504",
|
|
15
|
+
"size-100": "_size-100_lp38g_521",
|
|
16
|
+
"size-200": "_size-200_lp38g_538",
|
|
17
|
+
"size-300": "_size-300_lp38g_555",
|
|
18
|
+
"size-400": "_size-400_lp38g_572",
|
|
19
|
+
"size-500": "_size-500_lp38g_589",
|
|
20
20
|
full: x
|
|
21
|
-
}, N =
|
|
21
|
+
}, N = r(
|
|
22
22
|
({
|
|
23
|
-
children:
|
|
24
|
-
variant:
|
|
25
|
-
size:
|
|
26
|
-
fullWidth:
|
|
27
|
-
as:
|
|
28
|
-
className:
|
|
29
|
-
...
|
|
30
|
-
},
|
|
31
|
-
|
|
23
|
+
children: _,
|
|
24
|
+
variant: s = "neutral",
|
|
25
|
+
size: n = 200,
|
|
26
|
+
fullWidth: e = !1,
|
|
27
|
+
as: l = "button",
|
|
28
|
+
className: o,
|
|
29
|
+
...a
|
|
30
|
+
}, p) => /* @__PURE__ */ i(
|
|
31
|
+
l,
|
|
32
32
|
{
|
|
33
|
-
className:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
s
|
|
37
|
-
|
|
33
|
+
className: c(
|
|
34
|
+
o,
|
|
35
|
+
t.button,
|
|
36
|
+
t[s],
|
|
37
|
+
t[`size-${n}`],
|
|
38
38
|
{
|
|
39
|
-
[
|
|
39
|
+
[t.full]: e
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
|
-
ref:
|
|
43
|
-
...
|
|
44
|
-
children:
|
|
42
|
+
ref: p,
|
|
43
|
+
...a,
|
|
44
|
+
children: _
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
);
|
|
@@ -2,4 +2,4 @@ import { ElementType, HTMLAttributes } from 'react';
|
|
|
2
2
|
export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
as?: ElementType;
|
|
4
4
|
}
|
|
5
|
-
export declare
|
|
5
|
+
export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
children: n,
|
|
8
|
-
|
|
9
|
-
as: t = "div",
|
|
10
|
-
...r
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ c(t, { className: s(o, e.container), ...r, children: n });
|
|
13
|
-
}
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
import { c as e } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
const i = "_container_mh6y2_1", m = {
|
|
5
|
+
container: i
|
|
6
|
+
}, x = c(
|
|
7
|
+
({ children: o, className: r, as: n = "div", ...t }, s) => /* @__PURE__ */ a(n, { className: e(r, m.container), ref: s, ...t, children: o })
|
|
8
|
+
);
|
|
14
9
|
export {
|
|
15
|
-
|
|
10
|
+
x as Container
|
|
16
11
|
};
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const v = "
|
|
7
|
-
inputContainer:
|
|
8
|
-
bottomFade:
|
|
9
|
-
inputWrap:
|
|
10
|
-
textarea:
|
|
11
|
-
button:
|
|
12
|
-
primary:
|
|
13
|
-
secondary:
|
|
14
|
-
disclaimer:
|
|
2
|
+
import { useRef as h, useState as b, useLayoutEffect as x } from "react";
|
|
3
|
+
import { c as y } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import j from "../icons/Bubble.js";
|
|
5
|
+
import g from "../icons/Plane.js";
|
|
6
|
+
const C = "_inputContainer_4jy94_270", v = "_bottomFade_4jy94_273", S = "_inputWrap_4jy94_276", K = "_textarea_4jy94_279", P = "_button_4jy94_345", N = "_primary_4jy94_380", W = "_secondary_4jy94_389", k = "_disclaimer_4jy94_395", r = {
|
|
7
|
+
inputContainer: C,
|
|
8
|
+
bottomFade: v,
|
|
9
|
+
inputWrap: S,
|
|
10
|
+
textarea: K,
|
|
11
|
+
button: P,
|
|
12
|
+
primary: N,
|
|
13
|
+
secondary: W,
|
|
14
|
+
disclaimer: k
|
|
15
15
|
};
|
|
16
|
-
function
|
|
17
|
-
variant:
|
|
16
|
+
function D({
|
|
17
|
+
variant: a = "primary",
|
|
18
18
|
className: s,
|
|
19
19
|
children: e,
|
|
20
|
-
...
|
|
20
|
+
...o
|
|
21
21
|
}) {
|
|
22
22
|
return /* @__PURE__ */ n(
|
|
23
23
|
"button",
|
|
24
24
|
{
|
|
25
|
-
className:
|
|
26
|
-
...
|
|
25
|
+
className: y(r.button, r[a], s),
|
|
26
|
+
...o,
|
|
27
27
|
children: /* @__PURE__ */ n("span", { children: e })
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
31
|
function I({
|
|
32
|
-
autoFocus:
|
|
32
|
+
autoFocus: a,
|
|
33
33
|
onSubmit: s
|
|
34
34
|
}) {
|
|
35
|
-
const e =
|
|
35
|
+
const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
|
|
36
36
|
x(() => {
|
|
37
37
|
var t;
|
|
38
|
-
|
|
39
|
-
}, [
|
|
38
|
+
a && ((t = e.current) == null || t.focus());
|
|
39
|
+
}, [a]);
|
|
40
40
|
const p = () => {
|
|
41
41
|
const t = e.current;
|
|
42
42
|
t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
|
|
@@ -53,27 +53,27 @@ function I({
|
|
|
53
53
|
return /* @__PURE__ */ l(
|
|
54
54
|
"form",
|
|
55
55
|
{
|
|
56
|
-
className:
|
|
56
|
+
className: y(r.inputWrap, { [r.active]: u }),
|
|
57
57
|
onKeyDown: d,
|
|
58
58
|
onSubmit: m,
|
|
59
59
|
children: [
|
|
60
|
-
/* @__PURE__ */ n(
|
|
60
|
+
/* @__PURE__ */ n(j, {}),
|
|
61
61
|
/* @__PURE__ */ n(
|
|
62
62
|
"textarea",
|
|
63
63
|
{
|
|
64
|
-
className:
|
|
64
|
+
className: r.textarea,
|
|
65
65
|
ref: e,
|
|
66
|
-
value:
|
|
66
|
+
value: o,
|
|
67
67
|
onChange: _
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
70
|
/* @__PURE__ */ l(
|
|
71
|
-
|
|
71
|
+
D,
|
|
72
72
|
{
|
|
73
73
|
variant: u ? "primary" : "secondary",
|
|
74
74
|
onClick: f,
|
|
75
75
|
children: [
|
|
76
|
-
/* @__PURE__ */ n(
|
|
76
|
+
/* @__PURE__ */ n(g, {}),
|
|
77
77
|
/* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
|
|
78
78
|
]
|
|
79
79
|
}
|
|
@@ -84,5 +84,5 @@ function I({
|
|
|
84
84
|
}
|
|
85
85
|
export {
|
|
86
86
|
I as GPTInput,
|
|
87
|
-
|
|
87
|
+
D as default
|
|
88
88
|
};
|