@namuna-nur/ui-kit 1.9.18 → 1.9.21
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/lib/atoms/index.js +2 -2
- package/lib/index.js +105 -103
- package/lib/molecules/index.js +1865 -1842
- package/lib/src/molecules/CommentList/CommentList.tokens.d.ts +1 -0
- package/lib/src/molecules/MultiSelect/MultiSelect.types.d.ts +2 -2
- package/lib/src/molecules/SearchInput/SearchInput.d.ts +2 -5
- package/lib/src/molecules/SearchInput/SearchInput.data.d.ts +4 -0
- package/lib/src/molecules/SearchInput/SearchInput.stories.d.ts +1 -0
- package/lib/src/molecules/SearchInput/SearchInput.tokens.d.ts +6 -3
- package/lib/src/molecules/SearchInput/SearchInput.types.d.ts +2 -10
- package/lib/src/utils/date.d.ts +3 -1
- package/lib/utils/index.js +32 -30
- package/package.json +1 -1
package/lib/atoms/index.js
CHANGED
|
@@ -1014,7 +1014,7 @@ const k = {
|
|
|
1014
1014
|
"div",
|
|
1015
1015
|
{
|
|
1016
1016
|
"data-value": m.value,
|
|
1017
|
-
className:
|
|
1017
|
+
className: w.items,
|
|
1018
1018
|
onClick: (S) => {
|
|
1019
1019
|
S.preventDefault(), S.stopPropagation(), o(m.value), f(!1);
|
|
1020
1020
|
},
|
|
@@ -1044,7 +1044,7 @@ const k = {
|
|
|
1044
1044
|
iconDisabled: "text-dark-30/[.25] fill-dark-30/[.25]",
|
|
1045
1045
|
textWrapper: "flex-1",
|
|
1046
1046
|
items: "group rounded-[5px] hover:bg-primary-10/[.10] cursor-pointer px-[9px] py-[5px]",
|
|
1047
|
-
itemsText: "text-dark-30 text-xs font-normal group-hover:text-dark-30 group-hover:font-medium
|
|
1047
|
+
itemsText: "text-dark-30 text-xs font-normal group-hover:text-dark-30 group-hover:font-medium",
|
|
1048
1048
|
placeholder: "text-sm font-normal font-mono text-dark-30/[.50] font-medium",
|
|
1049
1049
|
selected: "text-dark-40 font-semibold whitespace-nowrap",
|
|
1050
1050
|
trigger: "px-4 py-3 rounded-[10px] h-[44px] border border-dark-30/[.10] bg-gray-50 text-start flex justify-between items-center outline-none gap-2",
|
package/lib/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { Avatar as t, Button as n, Checkbox as s, Headline as a, IconButton as r, Input as T, Label as k, Message as i, Notification as c, Radio as l, Select as p, Skeleton as u, Spinner as d, Status as g, Switch as h, Tab as b, TabDots as C, Text as S, Textarea as m, Toggle as
|
|
2
|
-
import { useClickOutside as
|
|
3
|
-
import { Accordion as
|
|
1
|
+
import { Avatar as t, Button as n, Checkbox as s, Headline as a, IconButton as r, Input as T, Label as k, Message as i, Notification as c, Radio as l, Select as p, Skeleton as u, Spinner as d, Status as g, Switch as h, Tab as b, TabDots as C, Text as S, Textarea as m, Toggle as D, Tooltip as I, avatarIconTokens as G, buttonTokens as P, checkboxTokens as A, iconButtonTokens as x, inputTokens as M, labelTokens as f, messageTokens as v, radioTokens as F, selectTokens as L, skeletonTokens as O, spinnerTokens as R, statusTokens as B, switchTokens as _, tabDotsTokens as w, tabTokens as y, textareaTokens as Y, toggleTokens as E, tooltipTokens as H } from "./atoms/index.js";
|
|
2
|
+
import { useClickOutside as U, useDebounce as z, useFiles as V, useOption as W } from "./hooks/index.js";
|
|
3
|
+
import { Accordion as q, ApartmentCard as J, AvatarGroup as K, Breadcrumb as Q, CardFiles as X, CardMonthly as Z, CardPieChart as $, CardProgress as ee, CardRingChart as oe, CardServices as te, CardStat as ne, ChatButton as se, ChatCard as ae, ChatList as re, ChatMessage as Te, ChatSidebar as ke, CheckboxGroup as ie, CommentInput as ce, CommentList as le, DateOfBirth as pe, DatePicker as ue, DateRangePicker as de, DeleteMessage as ge, DragAndDrop as he, Dropdown as be, FileUploader as Ce, FilterTable as Se, FloorSelect as me, IconTitle as De, InputGroup as Ie, LabelWithValue as Ge, Languages as Pe, Link as Ae, MessageSettings as xe, MultiSelect as Me, NavButton as fe, Pagination as ve, PaginationTokens as Fe, PasswordInput as Le, PaymentCard as Oe, PhoneInput as Re, Plate as Be, ProgressItem as _e, RadioGroup as we, Rating as ye, SearchInput as Ye, SelectGroup as Ee, SelectList as He, ServiceOrders as Ne, Sidebar as Ue, StatusSelect as ze, Stepper as Ve, TabGroup as We, TabList as je, TabSwitch as qe, TabSwitchTokens as Je, Table as Ke, TextareaGroup as Qe, ToggleGroup as Xe, UploadInput as Ze, UserContact as $e, accordionTokens as eo, apartmentCardTokens as oo, avatarTokens as to, breadcrumnbTokens as no, cardFilesTokens as so, cardMonthlyTokens as ao, cardPieChartTokens as ro, cardProgressTokens as To, cardRingChartTokens as ko, cardServicesTokens as io, cardStatTokens as co, chatButtonTokens as lo, chatCardTokens as po, chatListTokens as uo, chatMessageTokens as go, chatSidebarTokens as ho, checkboxGroupTokens as bo, commentInputTokens as Co, commentItemTokens as So, dateOfBirthClasses as mo, datePickerTokens as Do, dateRangePickerTokens as Io, dayPickerClasses as Go, deleteMessageTokens as Po, dragAndDropTokens as Ao, dropdownTokens as xo, fileUploaderTokens as Mo, filterTableTokens as fo, floorSelectTokens as vo, iconTitleTokens as Fo, inputGroupTokens as Lo, labelWithValueTokens as Oo, languagesTokens as Ro, linkTokens as Bo, messageSettingsTokens as _o, multiSelectTokens as wo, navButtonTokens as yo, passwordInputTokens as Yo, paymentCardTokens as Eo, phoneInputTokens as Ho, plateTokens as No, progressItemsTokens as Uo, radioGroupTokens as zo, ratingTokens as Vo, searchInputTokens as Wo, selectGroupTokens as jo, selectListTokens as qo, serviceOrdersTokens as Jo, sidebarTokens as Ko, statusSelectTokens as Qo, stepperTokens as Xo, tabGroupTokens as Zo, tabListTokens as $o, tableTokens as et, textareaGroupTokens as ot, toggleGroupTokens as tt, uploadInputTokens as nt, userContactTokens as st } from "./molecules/index.js";
|
|
4
4
|
import { colorTokens as rt, typographyTokens as Tt } from "./tokens/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { DATE_FORMAT_DAY_MONTH_YEAR_DASH as it, DATE_FORMAT_DAY_MONTH_YEAR_DOT as ct, cn as lt, convertToGroupedFontSizes as pt, formatDateToDayMonthYear as ut, formatFileSize as dt, numberFormat as gt } from "./utils/index.js";
|
|
6
6
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
q as Accordion,
|
|
8
|
+
J as ApartmentCard,
|
|
9
9
|
t as Avatar,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
K as AvatarGroup,
|
|
11
|
+
Q as Breadcrumb,
|
|
12
12
|
n as Button,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
X as CardFiles,
|
|
14
|
+
Z as CardMonthly,
|
|
15
15
|
$ as CardPieChart,
|
|
16
16
|
ee as CardProgress,
|
|
17
17
|
oe as CardRingChart,
|
|
@@ -26,6 +26,8 @@ export {
|
|
|
26
26
|
ie as CheckboxGroup,
|
|
27
27
|
ce as CommentInput,
|
|
28
28
|
le as CommentList,
|
|
29
|
+
it as DATE_FORMAT_DAY_MONTH_YEAR_DASH,
|
|
30
|
+
ct as DATE_FORMAT_DAY_MONTH_YEAR_DOT,
|
|
29
31
|
pe as DateOfBirth,
|
|
30
32
|
ue as DatePicker,
|
|
31
33
|
de as DateRangePicker,
|
|
@@ -37,61 +39,61 @@ export {
|
|
|
37
39
|
me as FloorSelect,
|
|
38
40
|
a as Headline,
|
|
39
41
|
r as IconButton,
|
|
40
|
-
|
|
42
|
+
De as IconTitle,
|
|
41
43
|
T as Input,
|
|
42
|
-
|
|
44
|
+
Ie as InputGroup,
|
|
43
45
|
k as Label,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
46
|
+
Ge as LabelWithValue,
|
|
47
|
+
Pe as Languages,
|
|
48
|
+
Ae as Link,
|
|
47
49
|
i as Message,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
xe as MessageSettings,
|
|
51
|
+
Me as MultiSelect,
|
|
52
|
+
fe as NavButton,
|
|
51
53
|
c as Notification,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
54
|
+
ve as Pagination,
|
|
55
|
+
Fe as PaginationTokens,
|
|
56
|
+
Le as PasswordInput,
|
|
57
|
+
Oe as PaymentCard,
|
|
58
|
+
Re as PhoneInput,
|
|
59
|
+
Be as Plate,
|
|
60
|
+
_e as ProgressItem,
|
|
59
61
|
l as Radio,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
we as RadioGroup,
|
|
63
|
+
ye as Rating,
|
|
64
|
+
Ye as SearchInput,
|
|
63
65
|
p as Select,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
Ee as SelectGroup,
|
|
67
|
+
He as SelectList,
|
|
68
|
+
Ne as ServiceOrders,
|
|
69
|
+
Ue as Sidebar,
|
|
68
70
|
u as Skeleton,
|
|
69
71
|
d as Spinner,
|
|
70
72
|
g as Status,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
+
ze as StatusSelect,
|
|
74
|
+
Ve as Stepper,
|
|
73
75
|
h as Switch,
|
|
74
76
|
b as Tab,
|
|
75
77
|
C as TabDots,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
We as TabGroup,
|
|
79
|
+
je as TabList,
|
|
80
|
+
qe as TabSwitch,
|
|
81
|
+
Je as TabSwitchTokens,
|
|
82
|
+
Ke as Table,
|
|
81
83
|
S as Text,
|
|
82
84
|
m as Textarea,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
Qe as TextareaGroup,
|
|
86
|
+
D as Toggle,
|
|
87
|
+
Xe as ToggleGroup,
|
|
88
|
+
I as Tooltip,
|
|
89
|
+
Ze as UploadInput,
|
|
88
90
|
$e as UserContact,
|
|
89
91
|
eo as accordionTokens,
|
|
90
92
|
oo as apartmentCardTokens,
|
|
91
|
-
|
|
93
|
+
G as avatarIconTokens,
|
|
92
94
|
to as avatarTokens,
|
|
93
95
|
no as breadcrumnbTokens,
|
|
94
|
-
|
|
96
|
+
P as buttonTokens,
|
|
95
97
|
so as cardFilesTokens,
|
|
96
98
|
ao as cardMonthlyTokens,
|
|
97
99
|
ro as cardPieChartTokens,
|
|
@@ -105,72 +107,72 @@ export {
|
|
|
105
107
|
go as chatMessageTokens,
|
|
106
108
|
ho as chatSidebarTokens,
|
|
107
109
|
bo as checkboxGroupTokens,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
+
A as checkboxTokens,
|
|
111
|
+
lt as cn,
|
|
110
112
|
rt as colorTokens,
|
|
111
113
|
Co as commentInputTokens,
|
|
112
114
|
So as commentItemTokens,
|
|
113
|
-
|
|
115
|
+
pt as convertToGroupedFontSizes,
|
|
114
116
|
mo as dateOfBirthClasses,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
117
|
+
Do as datePickerTokens,
|
|
118
|
+
Io as dateRangePickerTokens,
|
|
119
|
+
Go as dayPickerClasses,
|
|
120
|
+
Po as deleteMessageTokens,
|
|
121
|
+
Ao as dragAndDropTokens,
|
|
122
|
+
xo as dropdownTokens,
|
|
123
|
+
Mo as fileUploaderTokens,
|
|
124
|
+
fo as filterTableTokens,
|
|
125
|
+
vo as floorSelectTokens,
|
|
126
|
+
ut as formatDateToDayMonthYear,
|
|
127
|
+
dt as formatFileSize,
|
|
128
|
+
x as iconButtonTokens,
|
|
129
|
+
Fo as iconTitleTokens,
|
|
130
|
+
Lo as inputGroupTokens,
|
|
131
|
+
M as inputTokens,
|
|
132
|
+
f as labelTokens,
|
|
133
|
+
Oo as labelWithValueTokens,
|
|
134
|
+
Ro as languagesTokens,
|
|
135
|
+
Bo as linkTokens,
|
|
136
|
+
_o as messageSettingsTokens,
|
|
137
|
+
v as messageTokens,
|
|
138
|
+
wo as multiSelectTokens,
|
|
139
|
+
yo as navButtonTokens,
|
|
140
|
+
gt as numberFormat,
|
|
141
|
+
Yo as passwordInputTokens,
|
|
142
|
+
Eo as paymentCardTokens,
|
|
143
|
+
Ho as phoneInputTokens,
|
|
144
|
+
No as plateTokens,
|
|
145
|
+
Uo as progressItemsTokens,
|
|
146
|
+
zo as radioGroupTokens,
|
|
147
|
+
F as radioTokens,
|
|
148
|
+
Vo as ratingTokens,
|
|
149
|
+
Wo as searchInputTokens,
|
|
150
|
+
jo as selectGroupTokens,
|
|
151
|
+
qo as selectListTokens,
|
|
152
|
+
L as selectTokens,
|
|
153
|
+
Jo as serviceOrdersTokens,
|
|
154
|
+
Ko as sidebarTokens,
|
|
155
|
+
O as skeletonTokens,
|
|
156
|
+
R as spinnerTokens,
|
|
157
|
+
Qo as statusSelectTokens,
|
|
158
|
+
B as statusTokens,
|
|
159
|
+
Xo as stepperTokens,
|
|
160
|
+
_ as switchTokens,
|
|
161
|
+
w as tabDotsTokens,
|
|
162
|
+
Zo as tabGroupTokens,
|
|
161
163
|
$o as tabListTokens,
|
|
162
|
-
|
|
164
|
+
y as tabTokens,
|
|
163
165
|
et as tableTokens,
|
|
164
166
|
ot as textareaGroupTokens,
|
|
165
|
-
|
|
167
|
+
Y as textareaTokens,
|
|
166
168
|
tt as toggleGroupTokens,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
+
E as toggleTokens,
|
|
170
|
+
H as tooltipTokens,
|
|
169
171
|
Tt as typographyTokens,
|
|
170
172
|
nt as uploadInputTokens,
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
U as useClickOutside,
|
|
174
|
+
z as useDebounce,
|
|
175
|
+
V as useFiles,
|
|
176
|
+
W as useOption,
|
|
175
177
|
st as userContactTokens
|
|
176
178
|
};
|