1mpacto-react-ui 0.2.0-beta.9 → 2.0.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 (158) hide show
  1. package/dist/assets/_colors.scss +80 -0
  2. package/dist/assets/_mixins.scss +32 -5
  3. package/dist/assets/_typography.scss +582 -0
  4. package/dist/assets/colors.css +40 -0
  5. package/dist/assets/core.css +1 -1
  6. package/dist/assets/fontfamily.css +1 -1
  7. package/dist/assets/fonts/PlusJakartaSans-Italic.ttf +0 -0
  8. package/dist/assets/fonts/PlusJakartaSans.ttf +0 -0
  9. package/dist/assets/style.css +1 -1
  10. package/dist/assets/typography.css +96 -0
  11. package/dist/index.cjs +108 -96
  12. package/dist/index.d.ts +2 -0
  13. package/dist/index.mjs +16743 -15220
  14. package/dist/package.json.d.ts +1 -1
  15. package/dist/src/components/Badges/Badges.config.d.ts +57 -0
  16. package/dist/src/components/Badges/Badges.stories.d.ts +115 -1
  17. package/dist/src/components/Breadcrumbs/Breadcrumbs.config.d.ts +113 -0
  18. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  19. package/dist/src/components/Breadcrumbs/Breadcrumbs.stories.d.ts +219 -5
  20. package/dist/src/components/Button/Button.config.d.ts +70 -0
  21. package/dist/src/components/Button/Button.stories.d.ts +127 -3
  22. package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts +53 -0
  23. package/dist/src/components/ButtonIcon/ButtonIcon.stories.d.ts +121 -3
  24. package/dist/src/components/ButtonPopover/ButtonPopover.stories.d.ts +256 -1
  25. package/dist/src/components/Calendar/Calendar.d.ts +2 -1
  26. package/dist/src/components/Calendar/Calendar.stories.d.ts +281 -1
  27. package/dist/src/components/Chart/GradientBarChart.stories.d.ts +67 -1
  28. package/dist/src/components/Chart/GradientLineChart.stories.d.ts +78 -1
  29. package/dist/src/components/Chart/LineChart.stories.d.ts +33 -1
  30. package/dist/src/components/Chips/Chips.config.d.ts +35 -0
  31. package/dist/src/components/Chips/Chips.stories.d.ts +135 -1
  32. package/dist/src/components/Collapse/Collapse.stories.d.ts +87 -1
  33. package/dist/src/components/Collapse/CollapseV2.stories.d.ts +57 -1
  34. package/dist/src/components/DatePicker/DatePicker.stories.d.ts +219 -1
  35. package/dist/src/components/DatePicker/FilterDate.d.ts +1 -1
  36. package/dist/src/components/DatePicker/FilterDate.stories.d.ts +230 -2
  37. package/dist/src/components/DatePicker/MonthYearPicker.stories.d.ts +196 -1
  38. package/dist/src/components/ErrorMessage/ErrorMessage.config.d.ts +8 -0
  39. package/dist/src/components/ErrorMessage/ErrorMessage.stories.d.ts +37 -1
  40. package/dist/src/components/FilterContainer/FilterContainer.stories.d.ts +164 -0
  41. package/dist/src/components/Input/InputFloatingInner.config.d.ts +9 -0
  42. package/dist/src/components/Input/InputFloatingInner.stories.d.ts +175 -5
  43. package/dist/src/components/Input/InputInnerLabel.config.d.ts +8 -0
  44. package/dist/src/components/Input/InputInnerLabel.d.ts +4 -0
  45. package/dist/src/components/Input/InputInnerLabel.stories.d.ts +204 -0
  46. package/dist/src/components/Input/InputNative.config.d.ts +9 -0
  47. package/dist/src/components/Input/InputNative.stories.d.ts +147 -4
  48. package/dist/src/components/Input/InputReguler.config.d.ts +9 -0
  49. package/dist/src/components/Input/InputReguler.stories.d.ts +175 -5
  50. package/dist/src/components/Modal/ModalDialog.config.d.ts +9 -0
  51. package/dist/src/components/Modal/ModalDialog.stories.d.ts +119 -1
  52. package/dist/src/components/NumberFormat/NumberFormat.stories.d.ts +371 -17
  53. package/dist/src/components/Pagination/Pagination.config.d.ts +5 -0
  54. package/dist/src/components/Pagination/Pagination.d.ts +1 -1
  55. package/dist/src/components/Pagination/Pagination.stories.d.ts +198 -2
  56. package/dist/src/components/Popover/Popover.stories.d.ts +212 -4
  57. package/dist/src/components/PortalComponent/PortalComponent.stories.d.ts +60 -0
  58. package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +41 -0
  59. package/dist/src/components/RadioCheckbox/RadioCheckbox.stories.d.ts +228 -7
  60. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +25 -0
  61. package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.stories.d.ts +194 -3
  62. package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +26 -0
  63. package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +4 -1
  64. package/dist/src/components/Sidebar/ItemSidebar.config.d.ts +34 -0
  65. package/dist/src/components/Sidebar/Sidebar.config.d.ts +16 -0
  66. package/dist/src/components/Step/Step.stories.d.ts +133 -1
  67. package/dist/src/components/Step/StepIndicator.stories.d.ts +146 -1
  68. package/dist/src/components/Switch/Switch.config.d.ts +26 -0
  69. package/dist/src/components/Switch/Switch.stories.d.ts +126 -1
  70. package/dist/src/components/Table/Table.config.d.ts +4 -0
  71. package/dist/src/components/Table/Table.d.ts +2 -3
  72. package/dist/src/components/Table/Table.stories.d.ts +69 -51
  73. package/dist/src/components/Table/TableSubMobile.d.ts +3 -0
  74. package/dist/src/components/Tabs/Tabs.config.d.ts +31 -0
  75. package/dist/src/components/Tabs/Tabs.d.ts +1 -1
  76. package/dist/src/components/Tabs/Tabs.stories.d.ts +218 -2
  77. package/dist/src/components/TextEditor/TextEditor.stories.d.ts +57 -9
  78. package/dist/src/components/Textarea/Textarea.config.d.ts +31 -0
  79. package/dist/src/components/Textarea/Textarea.stories.d.ts +248 -2
  80. package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +6 -0
  81. package/dist/src/components/Textarea/TextareaFloatingInner.stories.d.ts +258 -2
  82. package/dist/src/components/Textarea/TextareaInnerLabel.config.d.ts +7 -0
  83. package/dist/src/components/Textarea/TextareaInnerLabel.d.ts +4 -0
  84. package/dist/src/components/Textarea/TextareaInnerLabel.stories.d.ts +258 -0
  85. package/dist/src/components/TimeRange/TimeRange.d.ts +3 -0
  86. package/dist/src/components/TimeRange/TimeRange.stories.d.ts +185 -0
  87. package/dist/src/components/Timeline/Timeline.stories.d.ts +38 -1
  88. package/dist/src/components/Tooltip/Tooltip.stories.d.ts +157 -1
  89. package/dist/src/components/TruncateComponent/TruncateComponent.stories.d.ts +104 -1
  90. package/dist/src/components/Upload/UploadFile.stories.d.ts +125 -1
  91. package/dist/src/components/Upload/UploadImage.d.ts +1 -1
  92. package/dist/src/components/Upload/UploadImage.stories.d.ts +143 -2
  93. package/dist/src/components/Upload/UploadMultipleFile.d.ts +1 -1
  94. package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts +188 -2
  95. package/dist/src/components/Virtualization/ListVirtualization.stories.d.ts +277 -1
  96. package/dist/src/components/Virtualization/TableVirtualization.stories.d.ts +294 -1
  97. package/dist/src/components/index.d.ts +14 -8
  98. package/dist/src/components/screens/Screens.stories.d.ts +13 -0
  99. package/dist/src/config/components/borderRadius.d.ts +1 -0
  100. package/dist/src/config/components/font.d.ts +7 -0
  101. package/dist/src/config/components/gap.d.ts +1 -0
  102. package/dist/src/config/components/typography.d.ts +3 -49
  103. package/dist/src/config/tailwind/index.d.ts +2 -1
  104. package/dist/src/config/tailwind/nativeScreen.d.ts +3 -0
  105. package/dist/src/config/tailwind/typography.d.ts +1 -0
  106. package/dist/src/hooks/index.d.ts +5 -3
  107. package/dist/src/hooks/useAsyncDebounce.d.ts +9 -0
  108. package/dist/src/hooks/useCombinedResizeObserver.d.ts +66 -0
  109. package/dist/src/hooks/useCountdown.d.ts +67 -3
  110. package/dist/src/hooks/useDeepCompareEffect.d.ts +13 -0
  111. package/dist/src/hooks/useElementOrWindowMediaQuery.d.ts +9 -0
  112. package/dist/src/hooks/useEventListener.d.ts +27 -0
  113. package/dist/src/hooks/useMasonry.d.ts +79 -0
  114. package/dist/src/hooks/useMergeRefs.d.ts +26 -0
  115. package/dist/src/hooks/useOtpInput.d.ts +199 -0
  116. package/dist/src/hooks/useStateRef.d.ts +8 -0
  117. package/dist/src/interfaces/components/Alert/index.d.ts +8 -0
  118. package/dist/src/interfaces/components/Badges/index.d.ts +30 -1
  119. package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +85 -2
  120. package/dist/src/interfaces/components/Button/index.d.ts +46 -2
  121. package/dist/src/interfaces/components/ButtonIcon/index.d.ts +36 -0
  122. package/dist/src/interfaces/components/ButtonPopover/index.d.ts +78 -0
  123. package/dist/src/interfaces/components/Calendar/index.d.ts +384 -3
  124. package/dist/src/interfaces/components/Chart/index.d.ts +460 -0
  125. package/dist/src/interfaces/components/Checkbox/index.d.ts +12 -0
  126. package/dist/src/interfaces/components/Chips/index.d.ts +38 -1
  127. package/dist/src/interfaces/components/Collapse/index.d.ts +60 -0
  128. package/dist/src/interfaces/components/DatePicker/index.d.ts +277 -1
  129. package/dist/src/interfaces/components/ErrorMessage/index.d.ts +17 -1
  130. package/dist/src/interfaces/components/FilterContainer/index.d.ts +102 -0
  131. package/dist/src/interfaces/components/Input/index.d.ts +193 -0
  132. package/dist/src/interfaces/components/Modal/index.d.ts +45 -0
  133. package/dist/src/interfaces/components/NumberFormat/index.d.ts +25 -0
  134. package/dist/src/interfaces/components/Pagination/index.d.ts +83 -0
  135. package/dist/src/interfaces/components/Popover/index.d.ts +98 -1
  136. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +59 -2
  137. package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +46 -1
  138. package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +196 -2
  139. package/dist/src/interfaces/components/Sidebar/index.d.ts +229 -1
  140. package/dist/src/interfaces/components/Step/index.d.ts +153 -0
  141. package/dist/src/interfaces/components/Switch/index.d.ts +54 -1
  142. package/dist/src/interfaces/components/Table/index.d.ts +402 -6
  143. package/dist/src/interfaces/components/Tabs/index.d.ts +130 -1
  144. package/dist/src/interfaces/components/TextEditor/index.d.ts +12 -0
  145. package/dist/src/interfaces/components/Textarea/index.d.ts +169 -0
  146. package/dist/src/interfaces/components/TimeRange/index.d.ts +128 -0
  147. package/dist/src/interfaces/components/Timeline/index.d.ts +36 -0
  148. package/dist/src/interfaces/components/Tooltip/index.d.ts +56 -0
  149. package/dist/src/interfaces/components/TruncateComponent/index.d.ts +34 -0
  150. package/dist/src/interfaces/components/UploadFile/index.d.ts +186 -0
  151. package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts +138 -0
  152. package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts +143 -0
  153. package/dist/src/utils/common.d.ts +4 -4
  154. package/dist/src/utils/constant.d.ts +1 -0
  155. package/dist/types-external/table.d.ts +3 -0
  156. package/package.json +1 -1
  157. package/dist/index.cjs.map +0 -1
  158. package/dist/index.mjs.map +0 -1
package/dist/assets/typography.css CHANGED
@@ -47,18 +47,36 @@
47
47
  --text-payhere-label-m: 15px;
48
48
  --text-payhere-label-m--line-height: 26px;
49
49
  --text-payhere-label-m--font-weight: 500;
50
+ --text-payhere-label-sb: 15px;
51
+ --text-payhere-label-sb--line-height: 26px;
52
+ --text-payhere-label-sb--font-weight: 600;
53
+ --text-payhere-label-b: 15px;
54
+ --text-payhere-label-b--line-height: 26px;
55
+ --text-payhere-label-b--font-weight: 700;
50
56
  --text-payhere-body-sr: 14px;
51
57
  --text-payhere-body-sr--line-height: 22px;
52
58
  --text-payhere-body-sr--font-weight: 400;
53
59
  --text-payhere-body-sm: 14px;
54
60
  --text-payhere-body-sm--line-height: 22px;
55
61
  --text-payhere-body-sm--font-weight: 500;
62
+ --text-payhere-body-smb: 14px;
63
+ --text-payhere-body-smb--line-height: 22px;
64
+ --text-payhere-body-smb--font-weight: 600;
65
+ --text-payhere-body-sb: 14px;
66
+ --text-payhere-body-sb--line-height: 22px;
67
+ --text-payhere-body-sb--font-weight: 700;
56
68
  --text-payhere-body-esr: 12px;
57
69
  --text-payhere-body-esr--line-height: 20px;
58
70
  --text-payhere-body-esr--font-weight: 400;
59
71
  --text-payhere-body-esm: 12px;
60
72
  --text-payhere-body-esm--line-height: 20px;
61
73
  --text-payhere-body-esm--font-weight: 500;
74
+ --text-payhere-body-esmb: 12px;
75
+ --text-payhere-body-esmb--line-height: 20px;
76
+ --text-payhere-body-esmb--font-weight: 600;
77
+ --text-payhere-body-esb: 12px;
78
+ --text-payhere-body-esb--line-height: 20px;
79
+ --text-payhere-body-esb--font-weight: 700;
62
80
  --text-laba-title-lb: 36px;
63
81
  --text-laba-title-lb--line-height: 44px;
64
82
  --text-laba-title-lb--font-weight: 700;
@@ -137,4 +155,82 @@
137
155
  --text-laba-subtitle-sr: 10px;
138
156
  --text-laba-subtitle-sr--line-height: 12px;
139
157
  --text-laba-subtitle-sr--font-weight: 400;
158
+ --text-bill-h1: 60px;
159
+ --text-bill-h1--line-height: 72px;
160
+ --text-bill-h1--font-weight: 700;
161
+ --text-bill-h2: 48px;
162
+ --text-bill-h2--line-height: 58px;
163
+ --text-bill-h2--font-weight: 700;
164
+ --text-bill-h3: 40px;
165
+ --text-bill-h3--line-height: 58px;
166
+ --text-bill-h3--font-weight: 700;
167
+ --text-bill-h4: 30px;
168
+ --text-bill-h4--line-height: 38px;
169
+ --text-bill-h4--font-weight: 700;
170
+ --text-bill-h5: 28px;
171
+ --text-bill-h5--line-height: 40px;
172
+ --text-bill-h5--font-weight: 600;
173
+ --text-bill-h6: 24px;
174
+ --text-bill-h6--line-height: 30px;
175
+ --text-bill-h6--font-weight: 600;
176
+ --text-bill-body-lr: 18px;
177
+ --text-bill-body-lr--line-height: 26px;
178
+ --text-bill-body-lr--font-weight: 400;
179
+ --text-bill-body-lm: 18px;
180
+ --text-bill-body-lm--line-height: 26px;
181
+ --text-bill-body-lm--font-weight: 500;
182
+ --text-bill-body-lsm: 18px;
183
+ --text-bill-body-lsm--line-height: 26px;
184
+ --text-bill-body-lsm--font-weight: 600;
185
+ --text-bill-body-blb: 18px;
186
+ --text-bill-body-blb--line-height: 26px;
187
+ --text-bill-body-blb--font-weight: 700;
188
+ --text-bill-body-mr: 16px;
189
+ --text-bill-body-mr--line-height: 24px;
190
+ --text-bill-body-mr--font-weight: 400;
191
+ --text-bill-body-mm: 16px;
192
+ --text-bill-body-mm--line-height: 24px;
193
+ --text-bill-body-mm--font-weight: 500;
194
+ --text-bill-body-msm: 16px;
195
+ --text-bill-body-msm--line-height: 24px;
196
+ --text-bill-body-msm--font-weight: 600;
197
+ --text-bill-body-mb: 16px;
198
+ --text-bill-body-mb--line-height: 24px;
199
+ --text-bill-body-mb--font-weight: 700;
200
+ --text-bill-label-r: 15px;
201
+ --text-bill-label-r--line-height: 26px;
202
+ --text-bill-label-r--font-weight: 400;
203
+ --text-bill-label-m: 15px;
204
+ --text-bill-label-m--line-height: 26px;
205
+ --text-bill-label-m--font-weight: 500;
206
+ --text-bill-label-sm: 15px;
207
+ --text-bill-label-sm--line-height: 26px;
208
+ --text-bill-label-sm--font-weight: 600;
209
+ --text-bill-label-b: 15px;
210
+ --text-bill-label-b--line-height: 26px;
211
+ --text-bill-label-b--font-weight: 700;
212
+ --text-bill-body-sr: 14px;
213
+ --text-bill-body-sr--line-height: 22px;
214
+ --text-bill-body-sr--font-weight: 400;
215
+ --text-bill-body-sm: 14px;
216
+ --text-bill-body-sm--line-height: 22px;
217
+ --text-bill-body-sm--font-weight: 500;
218
+ --text-bill-body-ssm: 14px;
219
+ --text-bill-body-ssm--line-height: 22px;
220
+ --text-bill-body-ssm--font-weight: 600;
221
+ --text-bill-body-sb: 14px;
222
+ --text-bill-body-sb--line-height: 22px;
223
+ --text-bill-body-sb--font-weight: 700;
224
+ --text-bill-body-esr: 12px;
225
+ --text-bill-body-esr--line-height: 20px;
226
+ --text-bill-body-esr--font-weight: 400;
227
+ --text-bill-body-ems: 12px;
228
+ --text-bill-body-ems--line-height: 20px;
229
+ --text-bill-body-ems--font-weight: 500;
230
+ --text-bill-body-essm: 12px;
231
+ --text-bill-body-essm--line-height: 20px;
232
+ --text-bill-body-essm--font-weight: 600;
233
+ --text-bill-body-esb: 12px;
234
+ --text-bill-body-esb--line-height: 20px;
235
+ --text-bill-body-esb--font-weight: 700;
140
236
  }