@namuna-nur/ui-kit 1.9.19 → 1.10.0

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