alif-ui 2.0.0-alpha.0 → 2.0.0-alpha.2
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/Accordion.module-DKzAMqjv.js +13 -0
- package/dist/{Menu-Di-pktpG.js → Menu-BpomGwxK.js} +10 -10
- package/dist/Slider.module-C8rP87Ix.js +17 -0
- package/dist/SnackbarTimer-5VwQg9hH.js +104 -0
- package/dist/alif-ui.css +1 -1
- package/dist/components/Accordion/Accordion.context.d.ts +26 -0
- package/dist/components/Accordion/Accordion.context.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.context.js +12 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.js +48 -0
- package/dist/components/Accordion/Accordion.types.d.ts +71 -0
- package/dist/components/Accordion/Accordion.types.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.types.js +1 -0
- package/dist/components/Accordion/Accordion.utils.d.ts +6 -0
- package/dist/components/Accordion/Accordion.utils.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.utils.js +10 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.d.ts +3 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.js +28 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.types.d.ts +20 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.types.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionContent/AccordionContent.types.js +1 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +3 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +44 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.types.d.ts +28 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.types.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.types.js +1 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.d.ts +3 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.js +44 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.d.ts +24 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.js +1 -0
- package/dist/components/Accordion/index.d.ts +6 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/AppLayout/AppLayout.d.ts +3 -0
- package/dist/components/AppLayout/AppLayout.d.ts.map +1 -0
- package/dist/components/AppLayout/AppLayout.js +23 -0
- package/dist/components/AppLayout/AppLayout.types.d.ts +14 -0
- package/dist/components/AppLayout/AppLayout.types.d.ts.map +1 -0
- package/dist/components/AppLayout/AppLayout.types.js +1 -0
- package/dist/components/AppLayout/index.d.ts +3 -0
- package/dist/components/AppLayout/index.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumb/Breadcrumb.types.d.ts +2 -1
- package/dist/components/Breadcrumbs/Breadcrumb/Breadcrumb.types.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbsMenu/BreadcrumbsMenu.js +1 -1
- package/dist/components/Collapse/Collapse.d.ts.map +1 -1
- package/dist/components/Collapse/Collapse.js +15 -6
- package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.js +45 -45
- package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.types.d.ts +1 -1
- package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.types.d.ts.map +1 -1
- package/dist/components/InputOtp/InputOtp.js +11 -11
- package/dist/components/List/List.js +10 -10
- package/dist/components/Loader/Loader.types.d.ts +1 -1
- package/dist/components/Loader/Loader.types.d.ts.map +1 -1
- package/dist/components/Loader/Loader.utils.d.ts.map +1 -1
- package/dist/components/Loader/Loader.utils.js +10 -7
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuSub/MenuSub.js +1 -1
- package/dist/components/Navbar/Navbar.d.ts +3 -0
- package/dist/components/Navbar/Navbar.d.ts.map +1 -0
- package/dist/components/Navbar/Navbar.js +27 -0
- package/dist/components/Navbar/Navbar.types.d.ts +13 -0
- package/dist/components/Navbar/Navbar.types.d.ts.map +1 -0
- package/dist/components/Navbar/Navbar.types.js +1 -0
- package/dist/components/Navbar/index.d.ts +3 -0
- package/dist/components/Navbar/index.d.ts.map +1 -0
- package/dist/components/Portal/Portal.d.ts.map +1 -1
- package/dist/components/Portal/Portal.js +7 -7
- package/dist/components/Portal/Portal.types.d.ts +1 -1
- package/dist/components/Portal/Portal.types.d.ts.map +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +70 -58
- package/dist/components/Slider/Marks/Marks.d.ts +3 -0
- package/dist/components/Slider/Marks/Marks.d.ts.map +1 -0
- package/dist/components/Slider/Marks/Marks.js +33 -0
- package/dist/components/Slider/Marks/Marks.types.d.ts +29 -0
- package/dist/components/Slider/Marks/Marks.types.d.ts.map +1 -0
- package/dist/components/Slider/Marks/Marks.types.js +1 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.d.ts +3 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.js +79 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.types.d.ts +18 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.types.d.ts.map +1 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.types.js +1 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.utils.d.ts +5 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.utils.d.ts.map +1 -0
- package/dist/components/Slider/RangeSlider/RangeSlider.utils.js +11 -0
- package/dist/components/Slider/Slider/Slider.d.ts +3 -0
- package/dist/components/Slider/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/Slider/Slider.js +50 -0
- package/dist/components/Slider/Slider/Slider.types.d.ts +12 -0
- package/dist/components/Slider/Slider/Slider.types.d.ts.map +1 -0
- package/dist/components/Slider/Slider/Slider.types.js +1 -0
- package/dist/components/Slider/Slider/Slider.utils.d.ts +5 -0
- package/dist/components/Slider/Slider/Slider.utils.d.ts.map +1 -0
- package/dist/components/Slider/Slider/Slider.utils.js +8 -0
- package/dist/components/Slider/Slider.types.d.ts +14 -0
- package/dist/components/Slider/Slider.types.d.ts.map +1 -0
- package/dist/components/Slider/Slider.types.js +1 -0
- package/dist/components/Slider/Slider.utils.d.ts +5 -0
- package/dist/components/Slider/Slider.utils.d.ts.map +1 -0
- package/dist/components/Slider/Slider.utils.js +16 -0
- package/dist/components/Slider/SliderBase/SliderBase.d.ts +3 -0
- package/dist/components/Slider/SliderBase/SliderBase.d.ts.map +1 -0
- package/dist/components/Slider/SliderBase/SliderBase.js +35 -0
- package/dist/components/Slider/SliderBase/SliderBase.types.d.ts +46 -0
- package/dist/components/Slider/SliderBase/SliderBase.types.d.ts.map +1 -0
- package/dist/components/Slider/SliderBase/SliderBase.types.js +1 -0
- package/dist/components/Slider/Thumb/Thumb.d.ts +3 -0
- package/dist/components/Slider/Thumb/Thumb.d.ts.map +1 -0
- package/dist/components/Slider/Thumb/Thumb.js +77 -0
- package/dist/components/Slider/Thumb/Thumb.types.d.ts +36 -0
- package/dist/components/Slider/Thumb/Thumb.types.d.ts.map +1 -0
- package/dist/components/Slider/Thumb/Thumb.types.js +1 -0
- package/dist/components/Slider/Track/Track.d.ts +3 -0
- package/dist/components/Slider/Track/Track.d.ts.map +1 -0
- package/dist/components/Slider/Track/Track.js +16 -0
- package/dist/components/Slider/Track/Track.types.d.ts +12 -0
- package/dist/components/Slider/Track/Track.types.d.ts.map +1 -0
- package/dist/components/Slider/Track/Track.types.js +1 -0
- package/dist/components/Slider/index.d.ts +5 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Snackbar/Snackbar.d.ts +3 -0
- package/dist/components/Snackbar/Snackbar.d.ts.map +1 -0
- package/dist/components/Snackbar/Snackbar.js +27 -0
- package/dist/components/Snackbar/Snackbar.types.d.ts +92 -0
- package/dist/components/Snackbar/Snackbar.types.d.ts.map +1 -0
- package/dist/components/Snackbar/Snackbar.types.js +1 -0
- package/dist/components/Snackbar/Snackbar.utils.d.ts +39 -0
- package/dist/components/Snackbar/Snackbar.utils.d.ts.map +1 -0
- package/dist/components/Snackbar/Snackbar.utils.js +150 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.d.ts +3 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.js +104 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.d.ts +6 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.js +1 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.d.ts +3 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.js +34 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.d.ts +6 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.js +1 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.d.ts +2 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.js +4 -0
- package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +4 -0
- package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts.map +1 -0
- package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.js +7 -0
- package/dist/components/Snackbar/index.d.ts +4 -0
- package/dist/components/Snackbar/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +46 -46
- package/dist/components/Textarea/Textarea.types.d.ts +1 -1
- package/dist/components/Textarea/Textarea.types.d.ts.map +1 -1
- package/dist/components/Typography/Typography.d.ts.map +1 -1
- package/dist/components/Typography/Typography.js +22 -20
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/main.js +696 -682
- package/dist/utils/get-default-z-index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const c = "_root_1caww_1", t = "_item_1caww_13", o = "_withDivider_1caww_18", n = "_trigger_1caww_22", e = "_triggerIcon_1caww_37", r = "_chevron_1caww_43", _ = "_chevronOpen_1caww_47", w = "_content_1caww_51", i = {
|
|
2
|
+
root: c,
|
|
3
|
+
item: t,
|
|
4
|
+
withDivider: o,
|
|
5
|
+
trigger: n,
|
|
6
|
+
triggerIcon: e,
|
|
7
|
+
chevron: r,
|
|
8
|
+
chevronOpen: _,
|
|
9
|
+
content: w
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
i as c
|
|
13
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
1
|
+
import { jsx as t, jsxs as d } from "react/jsx-runtime";
|
|
2
2
|
import { classNames as g } from "./utils/class-names.js";
|
|
3
3
|
import { MenuItem as C } from "./components/Menu/MenuItem/MenuItem.js";
|
|
4
4
|
import { Popover as a } from "./components/Popover/Popover.js";
|
|
5
5
|
import { OutlineNavigationChevronRight as _ } from "./icons/components/OutlineNavigationChevronRight.js";
|
|
6
|
-
const
|
|
6
|
+
const v = ({
|
|
7
7
|
label: r,
|
|
8
8
|
leftIcon: n,
|
|
9
9
|
rightIcon: s,
|
|
@@ -14,7 +14,7 @@ const d = ({
|
|
|
14
14
|
}) => {
|
|
15
15
|
const {
|
|
16
16
|
offset: l = 6,
|
|
17
|
-
position:
|
|
17
|
+
position: h = "right-start",
|
|
18
18
|
triggerType: p = "hover",
|
|
19
19
|
...f
|
|
20
20
|
} = c || {};
|
|
@@ -36,12 +36,12 @@ const d = ({
|
|
|
36
36
|
triggerType: p,
|
|
37
37
|
disabled: e,
|
|
38
38
|
offset: l,
|
|
39
|
-
position:
|
|
39
|
+
position: h,
|
|
40
40
|
...f,
|
|
41
41
|
children: i
|
|
42
42
|
}
|
|
43
43
|
);
|
|
44
|
-
}, M = "
|
|
44
|
+
}, M = "_root_wd1b2_1", N = "_menuContent_wd1b2_27", u = {
|
|
45
45
|
root: M,
|
|
46
46
|
menuContent: N
|
|
47
47
|
}, o = ({
|
|
@@ -53,19 +53,19 @@ const d = ({
|
|
|
53
53
|
triggerClassName: m,
|
|
54
54
|
triggerStyle: c,
|
|
55
55
|
...l
|
|
56
|
-
}) => /* @__PURE__ */
|
|
56
|
+
}) => /* @__PURE__ */ d(a, { ...l, children: [
|
|
57
57
|
/* @__PURE__ */ t(a.Trigger, { className: m, style: c, children: r }),
|
|
58
58
|
/* @__PURE__ */ t(
|
|
59
59
|
a.Dropdown,
|
|
60
60
|
{
|
|
61
|
-
className: g(
|
|
61
|
+
className: g(u.root, e),
|
|
62
62
|
style: i,
|
|
63
63
|
children: /* @__PURE__ */ t(
|
|
64
64
|
"div",
|
|
65
65
|
{
|
|
66
66
|
role: "menu",
|
|
67
67
|
style: { maxHeight: s },
|
|
68
|
-
className: g(
|
|
68
|
+
className: g(u.menuContent, "scrollbarSizeM"),
|
|
69
69
|
children: n
|
|
70
70
|
}
|
|
71
71
|
)
|
|
@@ -73,8 +73,8 @@ const d = ({
|
|
|
73
73
|
)
|
|
74
74
|
] });
|
|
75
75
|
o.Item = C;
|
|
76
|
-
o.Sub =
|
|
76
|
+
o.Sub = v;
|
|
77
77
|
export {
|
|
78
78
|
o as M,
|
|
79
|
-
|
|
79
|
+
v as a
|
|
80
80
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const s = "_root_1nzzw_1", n = "_sliderContainer_1nzzw_33", r = "_disabled_1nzzw_42", e = "_marksContainer_1nzzw_46", i = "_mark_1nzzw_46", _ = "_disabledMark_1nzzw_58", a = "_slider_1nzzw_33", o = "_sliderTrack_1nzzw_66", t = "_sliderRange_1nzzw_67", d = "_sliderDisabledRange_1nzzw_84", l = "_thumb_1nzzw_93", z = "_tooltipTrigger_1nzzw_128", c = {
|
|
2
|
+
root: s,
|
|
3
|
+
sliderContainer: n,
|
|
4
|
+
disabled: r,
|
|
5
|
+
marksContainer: e,
|
|
6
|
+
mark: i,
|
|
7
|
+
disabledMark: _,
|
|
8
|
+
slider: a,
|
|
9
|
+
sliderTrack: o,
|
|
10
|
+
sliderRange: t,
|
|
11
|
+
sliderDisabledRange: d,
|
|
12
|
+
thumb: l,
|
|
13
|
+
tooltipTrigger: z
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
c
|
|
17
|
+
};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as d, useRef as u, useEffect as y } from "react";
|
|
3
|
+
import { Typography as z } from "./components/Typography/Typography.js";
|
|
4
|
+
const I = "_root_gtez6_37", k = "_scaleIn_gtez6_66", S = "_scaleOut_gtez6_71", w = "_leftSlot_gtez6_75", v = "_content_gtez6_85", x = "_title_gtez6_94", C = "_description_gtez6_98", O = "_typeIcon_gtez6_102", R = "_success_gtez6_108", D = "_error_gtez6_112", b = "_warning_gtez6_116", j = "_info_gtez6_120", E = "_timer_gtez6_124", T = {
|
|
5
|
+
root: I,
|
|
6
|
+
scaleIn: k,
|
|
7
|
+
"scale-in": "_scale-in_gtez6_1",
|
|
8
|
+
scaleOut: S,
|
|
9
|
+
"scale-out": "_scale-out_gtez6_1",
|
|
10
|
+
leftSlot: w,
|
|
11
|
+
content: v,
|
|
12
|
+
title: x,
|
|
13
|
+
description: C,
|
|
14
|
+
typeIcon: O,
|
|
15
|
+
"icon-pop": "_icon-pop_gtez6_1",
|
|
16
|
+
success: R,
|
|
17
|
+
error: D,
|
|
18
|
+
warning: b,
|
|
19
|
+
info: j,
|
|
20
|
+
timer: E
|
|
21
|
+
}, t = 24, n = 2, c = (t - n) / 2, g = 2 * Math.PI * c, L = ({ duration: e }) => {
|
|
22
|
+
const [r, s] = d(e), i = u(Date.now());
|
|
23
|
+
y(() => {
|
|
24
|
+
i.current = Date.now(), s(e);
|
|
25
|
+
const l = setInterval(() => {
|
|
26
|
+
const m = Date.now() - i.current, a = e - m;
|
|
27
|
+
a <= 0 ? (s(0), clearInterval(l)) : s(a);
|
|
28
|
+
}, 100);
|
|
29
|
+
return () => clearInterval(l);
|
|
30
|
+
}, [e]);
|
|
31
|
+
const f = r / e, p = g * (1 - f), h = Math.ceil(r / 1e3);
|
|
32
|
+
return /* @__PURE__ */ _(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: T.timer,
|
|
36
|
+
style: {
|
|
37
|
+
position: "relative",
|
|
38
|
+
width: t,
|
|
39
|
+
height: t,
|
|
40
|
+
flexShrink: 0
|
|
41
|
+
},
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ _(
|
|
44
|
+
"svg",
|
|
45
|
+
{
|
|
46
|
+
width: t,
|
|
47
|
+
height: t,
|
|
48
|
+
style: { transform: "rotate(-90deg)", display: "block" },
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ o(
|
|
51
|
+
"circle",
|
|
52
|
+
{
|
|
53
|
+
cx: t / 2,
|
|
54
|
+
cy: t / 2,
|
|
55
|
+
r: c,
|
|
56
|
+
fill: "none",
|
|
57
|
+
stroke: "currentColor",
|
|
58
|
+
strokeOpacity: 0,
|
|
59
|
+
strokeWidth: n
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ o(
|
|
63
|
+
"circle",
|
|
64
|
+
{
|
|
65
|
+
cx: t / 2,
|
|
66
|
+
cy: t / 2,
|
|
67
|
+
r: c,
|
|
68
|
+
fill: "none",
|
|
69
|
+
stroke: "currentColor",
|
|
70
|
+
strokeWidth: n,
|
|
71
|
+
strokeDasharray: g,
|
|
72
|
+
strokeDashoffset: p,
|
|
73
|
+
strokeLinecap: "round",
|
|
74
|
+
style: { transition: "stroke-dashoffset 0.1s linear" }
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ o(
|
|
81
|
+
z,
|
|
82
|
+
{
|
|
83
|
+
variant: "body",
|
|
84
|
+
size: "m",
|
|
85
|
+
style: {
|
|
86
|
+
position: "absolute",
|
|
87
|
+
inset: 0,
|
|
88
|
+
display: "flex",
|
|
89
|
+
alignItems: "center",
|
|
90
|
+
justifyContent: "center",
|
|
91
|
+
margin: 0,
|
|
92
|
+
color: "currentColor"
|
|
93
|
+
},
|
|
94
|
+
children: h
|
|
95
|
+
}
|
|
96
|
+
)
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
);
|
|
100
|
+
};
|
|
101
|
+
export {
|
|
102
|
+
L as S,
|
|
103
|
+
T as c
|
|
104
|
+
};
|