@sito/dashboard 0.0.74 → 0.0.76
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/Badge-DSSlox-y.cjs +1 -0
- package/dist/Badge-DW9i2Rh6.js +10 -0
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +1 -1
- package/dist/Button-BxyXUUMe.cjs +1 -0
- package/dist/Button-C6icqzyN.js +25 -0
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +1 -1
- package/dist/Chip-6bEZ7uwv.js +43 -0
- package/dist/Chip-N4r2Xf9l.cjs +1 -0
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +1 -1
- package/dist/FileInput-C7ZYKt_i.js +100 -0
- package/dist/FileInput-Cz2R3z3k.cjs +1 -0
- package/dist/Form.cjs +1 -1
- package/dist/Form.js +2 -2
- package/dist/{IconButton-BpsTEj0z.js → IconButton-CqPk_OXG.js} +9 -8
- package/dist/IconButton-DVZCHIHB.cjs +1 -0
- package/dist/IconButton.cjs +1 -1
- package/dist/IconButton.css +1 -1
- package/dist/IconButton.js +1 -1
- package/dist/Loading-BTwXNOEv.js +27 -0
- package/dist/Loading-C70yH2dC.cjs +1 -0
- package/dist/Loading.cjs +1 -1
- package/dist/Loading.js +1 -1
- package/dist/SelectInput-BKFTGaAm.js +569 -0
- package/dist/SelectInput-C4wtTiHe.cjs +1 -0
- package/dist/SelectInput.css +1 -1
- package/dist/Table-BofsZtu9.cjs +1 -0
- package/dist/{Table-DO7FFraQ.js → Table-Mx5SOKp_.js} +311 -281
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/Tooltip-B7LXJBLs.cjs +1 -0
- package/dist/Tooltip-p-nQtZ5Y.js +38 -0
- package/dist/Tooltip.cjs +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/Translation.cjs +1 -1
- package/dist/Translation.js +1 -1
- package/dist/TranslationProvider-BmV4WUQy.cjs +1 -0
- package/dist/TranslationProvider-DNybGe-x.js +19 -0
- package/dist/classNames-DDRjbGA1.js +20 -0
- package/dist/classNames-DHAzUjfZ.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +76 -74
- package/dist/lib/classNames.d.ts +7 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib.cjs +1 -1
- package/dist/lib.js +4 -2
- package/dist/providers/FiltersProvider/FiltersProvider.d.ts +1 -1
- package/dist/providers/TableOptions/TableOptionsProvider.d.ts +3 -3
- package/dist/providers/Translation/TranslationProvider.d.ts +2 -6
- package/dist/providers/Translation/types.d.ts +4 -0
- package/package.json +1 -1
- package/dist/Badge-CIeYthEy.js +0 -9
- package/dist/Badge-Z78MlGoQ.cjs +0 -1
- package/dist/Button-BlYa3uPc.cjs +0 -1
- package/dist/Button-D73-swfo.js +0 -24
- package/dist/Chip-C5ogKbFn.js +0 -37
- package/dist/Chip-D17UJHW6.cjs +0 -1
- package/dist/FileInput-CqzVk1gQ.cjs +0 -1
- package/dist/FileInput-Cr4TxWUg.js +0 -93
- package/dist/IconButton-CVnmT2E9.cjs +0 -1
- package/dist/Loading-B_c_4XLr.js +0 -26
- package/dist/Loading-CNECRan-.cjs +0 -1
- package/dist/SelectInput-Dm7gv03Z.js +0 -521
- package/dist/SelectInput-dYjrdopP.cjs +0 -1
- package/dist/Table-C03frnWb.cjs +0 -1
- package/dist/Tooltip-B4E-FRwY.js +0 -37
- package/dist/Tooltip-BSKAgRkc.cjs +0 -1
- package/dist/TranslationProvider-BR4s--Vu.js +0 -19
- package/dist/TranslationProvider-Czr0WIDH.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var r=require("./Badge.css");const c=require("react/jsx-runtime"),n=require("./classNames-DHAzUjfZ.cjs"),t=s=>{const{count:e,className:a=""}=s;return c.jsx("span",{className:n.classNames("badge-main",a),children:e})};exports.Badge=t;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "./Badge.css";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { c as r } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
const n = (s) => {
|
|
5
|
+
const { count: a, className: m = "" } = s;
|
|
6
|
+
return /* @__PURE__ */ o("span", { className: r("badge-main", m), children: a });
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
n as B
|
|
10
|
+
};
|
package/dist/Badge.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-DSSlox-y.cjs");exports.Badge=e.Badge;
|
package/dist/Badge.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var l=require("./Button.css");const c=require("react/jsx-runtime"),u=require("./classNames-DHAzUjfZ.cjs"),i=t=>{const{children:s,type:e="button",variant:n="text",color:o="default",className:r="",...a}=t;return c.jsx("button",{type:e,className:u.classNames("button",n,o,r),...a,children:s})};exports.Button=i;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "./Button.css";
|
|
2
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import { c as m } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
const p = (t) => {
|
|
5
|
+
const {
|
|
6
|
+
children: o,
|
|
7
|
+
type: s = "button",
|
|
8
|
+
variant: r = "text",
|
|
9
|
+
color: a = "default",
|
|
10
|
+
className: e = "",
|
|
11
|
+
...n
|
|
12
|
+
} = t;
|
|
13
|
+
return /* @__PURE__ */ c(
|
|
14
|
+
"button",
|
|
15
|
+
{
|
|
16
|
+
type: s,
|
|
17
|
+
className: m("button", r, a, e),
|
|
18
|
+
...n,
|
|
19
|
+
children: o
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
p as B
|
|
25
|
+
};
|
package/dist/Button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-BxyXUUMe.cjs");exports.Button=t.Button;
|
package/dist/Button.js
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import "./Chip.css";
|
|
2
|
+
import { jsxs as p, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { c as s } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
import { C as d } from "./Close-rKC9AcNX.js";
|
|
5
|
+
import { I as h } from "./IconButton-CqPk_OXG.js";
|
|
6
|
+
function b(t) {
|
|
7
|
+
const {
|
|
8
|
+
text: i,
|
|
9
|
+
onDelete: e,
|
|
10
|
+
children: o,
|
|
11
|
+
icon: n,
|
|
12
|
+
variant: c = "default",
|
|
13
|
+
iconClassName: l = "",
|
|
14
|
+
className: m = "",
|
|
15
|
+
textClassName: r = ""
|
|
16
|
+
} = t;
|
|
17
|
+
return /* @__PURE__ */ p(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: s(
|
|
21
|
+
"chip-main",
|
|
22
|
+
c,
|
|
23
|
+
e ? "deletable" : "",
|
|
24
|
+
m
|
|
25
|
+
),
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ a("span", { className: s("chip-main-text", r), children: i }),
|
|
28
|
+
o,
|
|
29
|
+
e ? /* @__PURE__ */ a(
|
|
30
|
+
h,
|
|
31
|
+
{
|
|
32
|
+
icon: n ?? /* @__PURE__ */ a(d, {}),
|
|
33
|
+
className: s("chip-delete-button", l),
|
|
34
|
+
onClick: e
|
|
35
|
+
}
|
|
36
|
+
) : null
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
export {
|
|
42
|
+
b as C
|
|
43
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var x=require("./Chip.css");const s=require("react/jsx-runtime"),t=require("./classNames-DHAzUjfZ.cjs"),u=require("./Close-O9P7wJGf.cjs"),N=require("./IconButton-DVZCHIHB.cjs");function h(a){const{text:c,onDelete:e,children:n,icon:i,variant:l="default",iconClassName:o="",className:r="",textClassName:m=""}=a;return s.jsxs("div",{className:t.classNames("chip-main",l,e?"deletable":"",r),children:[s.jsx("span",{className:t.classNames("chip-main-text",m),children:c}),n,e?s.jsx(N.IconButton,{icon:i??s.jsx(u.Close,{}),className:t.classNames("chip-delete-button",o),onClick:e}):null]})}exports.Chip=h;
|
package/dist/Chip.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-N4r2Xf9l.cjs");exports.Chip=e.Chip;
|
package/dist/Chip.js
CHANGED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import "./FileInput.css";
|
|
2
|
+
import { jsxs as N, jsx as l } from "react/jsx-runtime";
|
|
3
|
+
import { c as r } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
import { forwardRef as $, useState as q, useCallback as p } from "react";
|
|
5
|
+
import { T as v } from "./Tooltip-p-nQtZ5Y.js";
|
|
6
|
+
import { F as A } from "./File-BuJndWMv.js";
|
|
7
|
+
import { C as B } from "./Chip-6bEZ7uwv.js";
|
|
8
|
+
import { I as D } from "./IconButton-CqPk_OXG.js";
|
|
9
|
+
import { C as M } from "./Close-rKC9AcNX.js";
|
|
10
|
+
function F(t, i = 25) {
|
|
11
|
+
if (t.length <= i) return t;
|
|
12
|
+
const a = t.lastIndexOf(".");
|
|
13
|
+
if (a === -1)
|
|
14
|
+
return t.slice(0, i - 3) + "...";
|
|
15
|
+
const f = t.slice(0, a), o = t.slice(a), d = i - o.length - 3;
|
|
16
|
+
return f.slice(0, d) + "..." + o;
|
|
17
|
+
}
|
|
18
|
+
const Q = $(function(t, i) {
|
|
19
|
+
const {
|
|
20
|
+
children: a,
|
|
21
|
+
label: f,
|
|
22
|
+
containerClassName: o = "",
|
|
23
|
+
inputClassName: d = "",
|
|
24
|
+
labelClassName: b = "",
|
|
25
|
+
helperText: g = "",
|
|
26
|
+
helperTextClassName: I = "",
|
|
27
|
+
iconClassName: w = "",
|
|
28
|
+
multiple: h = !1,
|
|
29
|
+
onChange: x,
|
|
30
|
+
onClear: c,
|
|
31
|
+
...u
|
|
32
|
+
} = t, [n, C] = q([]), T = p(
|
|
33
|
+
(e) => {
|
|
34
|
+
if (e.target.files) {
|
|
35
|
+
const s = Array.from(e.target.files);
|
|
36
|
+
C(
|
|
37
|
+
(m) => h ? [...m, ...s] : s.slice(0, 1)
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
x?.(e);
|
|
41
|
+
},
|
|
42
|
+
[h, x]
|
|
43
|
+
), k = p(
|
|
44
|
+
(e) => {
|
|
45
|
+
C((s) => {
|
|
46
|
+
const m = s.filter((O, R) => R !== e);
|
|
47
|
+
return m.length === 0 && c?.(), m;
|
|
48
|
+
});
|
|
49
|
+
},
|
|
50
|
+
[c]
|
|
51
|
+
), y = p(() => {
|
|
52
|
+
C([]), c?.();
|
|
53
|
+
}, [c]), j = p(
|
|
54
|
+
(e) => {
|
|
55
|
+
e.currentTarget.value = "";
|
|
56
|
+
},
|
|
57
|
+
[]
|
|
58
|
+
);
|
|
59
|
+
return /* @__PURE__ */ N("div", { className: r("file-input-container", o), children: [
|
|
60
|
+
n.length === 0 && /* @__PURE__ */ N("label", { htmlFor: u.id, className: r(b), children: [
|
|
61
|
+
f,
|
|
62
|
+
/* @__PURE__ */ l(
|
|
63
|
+
"input",
|
|
64
|
+
{
|
|
65
|
+
type: "file",
|
|
66
|
+
ref: i,
|
|
67
|
+
multiple: h,
|
|
68
|
+
onClick: j,
|
|
69
|
+
onChange: T,
|
|
70
|
+
className: r("file-input", d),
|
|
71
|
+
...u
|
|
72
|
+
}
|
|
73
|
+
),
|
|
74
|
+
u.required ? " *" : ""
|
|
75
|
+
] }),
|
|
76
|
+
n.length > 1 && /* @__PURE__ */ l("ul", { className: "file-preview-list", children: n.map((e, s) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(v, { content: e.name, children: /* @__PURE__ */ l(
|
|
77
|
+
B,
|
|
78
|
+
{
|
|
79
|
+
text: F(e.name, 25),
|
|
80
|
+
onDelete: () => k(s)
|
|
81
|
+
}
|
|
82
|
+
) }) }, `${e.name}-${e.lastModified}`)) }),
|
|
83
|
+
n.length === 1 && /* @__PURE__ */ N("div", { className: "file-preview", children: [
|
|
84
|
+
/* @__PURE__ */ l(A, { className: r("file-icon", w) }),
|
|
85
|
+
/* @__PURE__ */ l(v, { content: n[0]?.name ?? "", children: /* @__PURE__ */ l("span", { className: "file-preview-name", children: F(n[0]?.name ?? "", 25) }) }),
|
|
86
|
+
/* @__PURE__ */ l(D, { icon: /* @__PURE__ */ l(M, {}), onClick: y, type: "button" })
|
|
87
|
+
] }),
|
|
88
|
+
a,
|
|
89
|
+
!!g && /* @__PURE__ */ l(
|
|
90
|
+
"p",
|
|
91
|
+
{
|
|
92
|
+
className: r("file-input-helper-text", I),
|
|
93
|
+
children: g
|
|
94
|
+
}
|
|
95
|
+
)
|
|
96
|
+
] });
|
|
97
|
+
});
|
|
98
|
+
export {
|
|
99
|
+
Q as F
|
|
100
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var M=require("./FileInput.css");const e=require("react/jsx-runtime"),r=require("./classNames-DHAzUjfZ.cjs"),i=require("react"),j=require("./Tooltip-B7LXJBLs.cjs"),y=require("./File-_Hjw2d3F.cjs"),R=require("./Chip-N4r2Xf9l.cjs"),B=require("./IconButton-DVZCHIHB.cjs"),$=require("./Close-O9P7wJGf.cjs");function g(l,a=25){if(l.length<=a)return l;const c=l.lastIndexOf(".");if(c===-1)return l.slice(0,a-3)+"...";const d=l.slice(0,c),o=l.slice(c),m=a-o.length-3;return d.slice(0,m)+"..."+o}const A=i.forwardRef(function(l,a){const{children:c,label:d,containerClassName:o="",inputClassName:m="",labelClassName:b="",helperText:C="",helperTextClassName:q="",iconClassName:k="",multiple:p=!1,onChange:N,onClear:u,...f}=l,[t,x]=i.useState([]),v=i.useCallback(s=>{if(s.target.files){const n=Array.from(s.target.files);x(h=>p?[...h,...n]:n.slice(0,1))}N?.(s)},[p,N]),F=i.useCallback(s=>{x(n=>{const h=n.filter((D,w)=>w!==s);return h.length===0&&u?.(),h})},[u]),I=i.useCallback(()=>{x([]),u?.()},[u]),T=i.useCallback(s=>{s.currentTarget.value=""},[]);return e.jsxs("div",{className:r.classNames("file-input-container",o),children:[t.length===0&&e.jsxs("label",{htmlFor:f.id,className:r.classNames(b),children:[d,e.jsx("input",{type:"file",ref:a,multiple:p,onClick:T,onChange:v,className:r.classNames("file-input",m),...f}),f.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((s,n)=>e.jsx("li",{children:e.jsx(j.Tooltip,{content:s.name,children:e.jsx(R.Chip,{text:g(s.name,25),onDelete:()=>F(n)})})},`${s.name}-${s.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(y.File,{className:r.classNames("file-icon",k)}),e.jsx(j.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:g(t[0]?.name??"",25)})}),e.jsx(B.IconButton,{icon:e.jsx($.Close,{}),onClick:I,type:"button"})]}),c,!!C&&e.jsx("p",{className:r.classNames("file-input-helper-text",q),children:C})]})});exports.FileInput=A;
|
package/dist/Form.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectInput-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectInput-C4wtTiHe.cjs"),t=require("./FileInput-Cz2R3z3k.cjs");exports.AutocompleteInput=e.AutocompleteInput;exports.CheckInput=e.CheckInput;exports.SelectInput=e.SelectInput;exports.State=e.State;exports.TextInput=e.TextInput;exports.helperTextStateClassName=e.helperTextStateClassName;exports.inputStateClassName=e.inputStateClassName;exports.labelStateClassName=e.labelStateClassName;exports.FileInput=t.FileInput;
|
package/dist/Form.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./SelectInput-
|
|
2
|
-
import { F as r } from "./FileInput-
|
|
1
|
+
import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./SelectInput-BKFTGaAm.js";
|
|
2
|
+
import { F as r } from "./FileInput-C7ZYKt_i.js";
|
|
3
3
|
export {
|
|
4
4
|
e as AutocompleteInput,
|
|
5
5
|
s as CheckInput,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import "./IconButton.css";
|
|
2
2
|
import { jsxs as l, jsx as m } from "react/jsx-runtime";
|
|
3
|
-
|
|
3
|
+
import { c as p } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
const x = (t) => {
|
|
4
5
|
const {
|
|
5
|
-
children:
|
|
6
|
+
children: s,
|
|
6
7
|
icon: o,
|
|
7
|
-
type:
|
|
8
|
-
className:
|
|
8
|
+
type: a = "button",
|
|
9
|
+
className: n = "",
|
|
9
10
|
variant: c = "text",
|
|
10
11
|
color: e = "default",
|
|
11
12
|
iconClassName: r = "",
|
|
@@ -14,16 +15,16 @@ const d = (t) => {
|
|
|
14
15
|
return /* @__PURE__ */ l(
|
|
15
16
|
"button",
|
|
16
17
|
{
|
|
17
|
-
type:
|
|
18
|
-
className:
|
|
18
|
+
type: a,
|
|
19
|
+
className: p("icon-button", n, c, e),
|
|
19
20
|
...i,
|
|
20
21
|
children: [
|
|
21
22
|
/* @__PURE__ */ m("span", { className: r, children: o }),
|
|
22
|
-
|
|
23
|
+
s
|
|
23
24
|
]
|
|
24
25
|
}
|
|
25
26
|
);
|
|
26
27
|
};
|
|
27
28
|
export {
|
|
28
|
-
|
|
29
|
+
x as I
|
|
29
30
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var N=require("./IconButton.css");const s=require("react/jsx-runtime"),u=require("./classNames-DHAzUjfZ.cjs"),m=t=>{const{children:n,icon:e,type:c="button",className:o="",variant:a="text",color:r="default",iconClassName:i="",...l}=t;return s.jsxs("button",{type:c,className:u.classNames("icon-button",o,a,r),...l,children:[s.jsx("span",{className:i,children:e}),n]})};exports.IconButton=m;
|
package/dist/IconButton.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton-DVZCHIHB.cjs");exports.IconButton=t.IconButton;
|
package/dist/IconButton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid}}}.icon-button{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);min-width:1.75rem;color:var(--color-text,#0d0d0d);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.icon-button:enabled{cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.text{background-color:#
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid}}}.icon-button{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);min-width:1.75rem;color:var(--color-text,#0d0d0d);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.icon-button:enabled{cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.text{background-color:#0000}@media(hover:hover){.icon-button.text:enabled:hover{background-color:var(--color-base,#f2f2f2)}}.icon-button.text.primary{color:var(--color-primary,#041e42)}@media(hover:hover){.icon-button.text.primary:enabled:hover{background-color:#041e421a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.primary:enabled:hover{background-color:color-mix(in oklab,var(--color-primary,#041e42) 10%,transparent)}}}.icon-button.text.secondary{color:var(--color-secondary,#cd212a)}@media(hover:hover){.icon-button.text.secondary:enabled:hover{background-color:#cd212a1a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.secondary:enabled:hover{background-color:color-mix(in oklab,var(--color-secondary,#cd212a) 10%,transparent)}}}.icon-button.text.error{color:var(--color-bg-error,#c14444)}@media(hover:hover){.icon-button.text.error:enabled:hover{background-color:#c144441a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.error:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-error,#c14444) 10%,transparent)}}}.icon-button.text.warning{color:var(--color-bg-warning,orange)}@media(hover:hover){.icon-button.text.warning:enabled:hover{background-color:#ffa5001a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.warning:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-warning,orange) 10%,transparent)}}}.icon-button.text.success{color:var(--color-bg-success,#1d9a5b)}@media(hover:hover){.icon-button.text.success:enabled:hover{background-color:#1d9a5b1a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.success:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-success,#1d9a5b) 10%,transparent)}}}.icon-button.text.info{color:var(--color-bg-info,#0070ba)}@media(hover:hover){.icon-button.text.info:enabled:hover{background-color:#0070ba1a}@supports (color:color-mix(in lab,red,red)){.icon-button.text.info:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-info,#0070ba) 10%,transparent)}}}.icon-button.outlined{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#ccc);background-color:#0000}@media(hover:hover){.icon-button.outlined:enabled:hover{background-color:var(--color-base-dark,#e6e6e6)}}.icon-button.outlined.primary{border-color:var(--color-primary,#041e42);color:var(--color-primary,#041e42)}@media(hover:hover){.icon-button.outlined.primary:enabled:hover{border-color:var(--color-hover-primary,#0a2f66);background-color:var(--color-hover-primary,#0a2f66);color:var(--color-base-light,#fff)}}.icon-button.outlined.secondary{border-color:var(--color-secondary,#cd212a);color:var(--color-secondary,#cd212a)}@media(hover:hover){.icon-button.outlined.secondary:enabled:hover{border-color:var(--color-hover-secondary,#e03a42);background-color:var(--color-hover-secondary,#e03a42);color:var(--color-base-light,#fff)}}.icon-button.outlined.error{border-color:var(--color-bg-error,#c14444);color:var(--color-bg-error,#c14444)}@media(hover:hover){.icon-button.outlined.error:enabled:hover{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}}.icon-button.outlined.warning{border-color:var(--color-bg-warning,orange);color:var(--color-bg-warning,orange)}@media(hover:hover){.icon-button.outlined.warning:enabled:hover{background-color:var(--color-bg-warning,orange);color:var(--color-warning,#000)}}.icon-button.outlined.success{border-color:var(--color-bg-success,#1d9a5b);color:var(--color-bg-success,#1d9a5b)}@media(hover:hover){.icon-button.outlined.success:enabled:hover{background-color:var(--color-bg-success,#1d9a5b);color:var(--color-success,#fbfbfb)}}.icon-button.outlined.info{border-color:var(--color-bg-info,#0070ba);color:var(--color-bg-info,#0070ba)}@media(hover:hover){.icon-button.outlined.info:enabled:hover{background-color:var(--color-bg-info,#0070ba);color:var(--color-info,#fbfbfb)}}.icon-button.submit{background-color:var(--color-base,#f2f2f2)}@media(hover:hover){.icon-button.submit:enabled:hover{background-color:var(--color-base-dark,#e6e6e6)}}.icon-button.submit.primary{background-color:var(--color-bg-primary,#021327);color:var(--color-base-light,#fff)}@media(hover:hover){.icon-button.submit.primary:enabled:hover{background-color:var(--color-hover-primary,#0a2f66)}}.icon-button.submit.secondary{background-color:var(--color-bg-secondary,#8f151b);color:var(--color-base-light,#fff)}@media(hover:hover){.icon-button.submit.secondary:enabled:hover{background-color:var(--color-hover-secondary,#e03a42)}}.icon-button.submit.error{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}@media(hover:hover){.icon-button.submit.error:enabled:hover{background-color:#c14444cc}@supports (color:color-mix(in lab,red,red)){.icon-button.submit.error:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-error,#c14444) 80%,transparent)}}}.icon-button.submit.warning{background-color:var(--color-bg-warning,orange);color:var(--color-warning,#000)}@media(hover:hover){.icon-button.submit.warning:enabled:hover{background-color:#ffa500cc}@supports (color:color-mix(in lab,red,red)){.icon-button.submit.warning:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-warning,orange) 80%,transparent)}}}.icon-button.submit.success{background-color:var(--color-bg-success,#1d9a5b);color:var(--color-success,#fbfbfb)}@media(hover:hover){.icon-button.submit.success:enabled:hover{background-color:#1d9a5bcc}@supports (color:color-mix(in lab,red,red)){.icon-button.submit.success:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-success,#1d9a5b) 80%,transparent)}}}.icon-button.submit.info{background-color:var(--color-bg-info,#0070ba);color:var(--color-info,#fbfbfb)}@media(hover:hover){.icon-button.submit.info:enabled:hover{background-color:#0070bacc}@supports (color:color-mix(in lab,red,red)){.icon-button.submit.info:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-info,#0070ba) 80%,transparent)}}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
package/dist/IconButton.js
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import "./Loading.css";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { c as r } from "./classNames-DDRjbGA1.js";
|
|
4
|
+
function m(s) {
|
|
5
|
+
const {
|
|
6
|
+
color: a = "stroke-blue-800",
|
|
7
|
+
className: l = "",
|
|
8
|
+
loaderClass: c = "",
|
|
9
|
+
strokeWidth: i = "4",
|
|
10
|
+
...o
|
|
11
|
+
} = s;
|
|
12
|
+
return /* @__PURE__ */ e("div", { ...o, className: r("loading", l), children: /* @__PURE__ */ e("div", { className: "loader-container", children: /* @__PURE__ */ e("div", { className: r("loader", c), children: /* @__PURE__ */ e("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ e(
|
|
13
|
+
"circle",
|
|
14
|
+
{
|
|
15
|
+
className: r("path", a),
|
|
16
|
+
cx: "50",
|
|
17
|
+
cy: "50",
|
|
18
|
+
r: "20",
|
|
19
|
+
fill: "none",
|
|
20
|
+
strokeWidth: i,
|
|
21
|
+
strokeMiterlimit: "10"
|
|
22
|
+
}
|
|
23
|
+
) }) }) }) });
|
|
24
|
+
}
|
|
25
|
+
export {
|
|
26
|
+
m as L
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t=require("./Loading.css");const s=require("react/jsx-runtime"),e=require("./classNames-DHAzUjfZ.cjs");function n(a){const{color:c="stroke-blue-800",className:l="",loaderClass:r="",strokeWidth:i="4",...o}=a;return s.jsx("div",{...o,className:e.classNames("loading",l),children:s.jsx("div",{className:"loader-container",children:s.jsx("div",{className:e.classNames("loader",r),children:s.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:s.jsx("circle",{className:e.classNames("path",c),cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:i,strokeMiterlimit:"10"})})})})})}exports.Loading=n;
|
package/dist/Loading.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Loading-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Loading-C70yH2dC.cjs");exports.Loading=e.Loading;
|
package/dist/Loading.js
CHANGED