@weni/unnnic-system 3.12.3-alpha.5 → 3.12.3

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 (238) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/components/Alert/Alert.vue.d.ts +3 -3
  3. package/dist/components/Alert/Version1dot1.vue.d.ts +1 -1
  4. package/dist/components/AudioRecorder/AudioHandler.vue.d.ts +18 -92
  5. package/dist/components/AudioRecorder/AudioRecorder.vue.d.ts +36 -184
  6. package/dist/components/AvatarIcon/AvatarIcon.vue.d.ts +1 -1
  7. package/dist/components/Button/Button.vue.d.ts +2 -2
  8. package/dist/components/Card/AccountCard.vue.d.ts +2 -2
  9. package/dist/components/Card/Card.vue.d.ts +29 -103
  10. package/dist/components/Card/CardCompany.vue.d.ts +2 -2
  11. package/dist/components/Card/CardStatusesContainer.vue.d.ts +19 -93
  12. package/dist/components/Card/ContentCard.vue.d.ts +1 -1
  13. package/dist/components/Card/DashCard.vue.d.ts +2 -2
  14. package/dist/components/Card/DefaultCard.vue.d.ts +1 -1
  15. package/dist/components/Card/MarketplaceCard.vue.d.ts +1 -1
  16. package/dist/components/Card/SimpleCard.vue.d.ts +18 -92
  17. package/dist/components/Card/StatusCard.vue.d.ts +1 -1
  18. package/dist/components/Card/TitleCard.vue.d.ts +18 -92
  19. package/dist/components/CardImage/CardImage.vue.d.ts +5 -5
  20. package/dist/components/CardInformation/CardInformation.vue.d.ts +19 -93
  21. package/dist/components/CardProject/CardProject.vue.d.ts +2 -2
  22. package/dist/components/Carousel/Carousel.vue.d.ts +2 -2
  23. package/dist/components/Carousel/TagCarousel.vue.d.ts +2 -2
  24. package/dist/components/ChartBar/ChartBar.vue.d.ts +24 -98
  25. package/dist/components/ChartLine/ChartLine.vue.d.ts +18 -92
  26. package/dist/components/ChatText/ChatText.vue.d.ts +18 -92
  27. package/dist/components/ChatsContact/ChatsContact.vue.d.ts +6 -6
  28. package/dist/components/ChatsMessage/ChatsMessage.vue.d.ts +18 -92
  29. package/dist/components/ChatsUserAvatar/ChatsUserAvatar.vue.d.ts +1 -1
  30. package/dist/components/Checkbox/Checkbox.vue.d.ts +3 -3
  31. package/dist/components/DataArea/DataArea.vue.d.ts +18 -92
  32. package/dist/components/DataTable/index.vue.d.ts +1 -1
  33. package/dist/components/DataTable/index.vue.d.ts.map +1 -1
  34. package/dist/components/DateFilter/DateFilter.vue.d.ts +16 -122
  35. package/dist/components/Disclaimer/Disclaimer.vue.d.ts +3 -6
  36. package/dist/components/Disclaimer/Disclaimer.vue.d.ts.map +1 -1
  37. package/dist/components/Disclaimer/DisclaimerV2.vue.d.ts +8 -0
  38. package/dist/components/Disclaimer/DisclaimerV2.vue.d.ts.map +1 -0
  39. package/dist/components/Disclaimer/types-v2.d.ts +7 -0
  40. package/dist/components/Disclaimer/types-v2.d.ts.map +1 -0
  41. package/dist/components/Disclaimer/types.d.ts +3 -6
  42. package/dist/components/Disclaimer/types.d.ts.map +1 -1
  43. package/dist/components/Drawer/Drawer.vue.d.ts +207 -37
  44. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  45. package/dist/components/Dropdown/Dropdown.vue.d.ts +1 -1
  46. package/dist/components/FormElement/FormElement.vue.d.ts +6 -6
  47. package/dist/components/ImportCard/ImportCard.vue.d.ts +6 -6
  48. package/dist/components/Input/BaseInput.vue.d.ts +0 -31
  49. package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
  50. package/dist/components/Input/Input.vue.d.ts +15 -121
  51. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  52. package/dist/components/Input/TextInput.vue.d.ts +4 -73
  53. package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
  54. package/dist/components/InputNext/InputNext.vue.d.ts +4 -4
  55. package/dist/components/Label/Label.vue.d.ts +1 -1
  56. package/dist/components/Label/Label.vue.d.ts.map +1 -1
  57. package/dist/components/Modal/Modal.vue.d.ts +1 -1
  58. package/dist/components/ModalDialog/ModalDialog.vue.d.ts +35 -209
  59. package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
  60. package/dist/components/ModalNext/ModalNext.vue.d.ts +21 -127
  61. package/dist/components/ModalUpload/ModalUpload.vue.d.ts +12 -12
  62. package/dist/components/MoodRating/MoodRating.vue.d.ts +18 -92
  63. package/dist/components/MultiSelect/MultiSelect.vue.d.ts +163 -0
  64. package/dist/components/MultiSelect/MultiSelect.vue.d.ts.map +1 -0
  65. package/dist/components/Pagination/Pagination.vue.d.ts +6 -6
  66. package/dist/components/Radio/Radio.vue.d.ts +6 -6
  67. package/dist/components/SelectSmart/SelectSmart.vue.d.ts +13 -82
  68. package/dist/components/SelectSmart/SelectSmartMultipleHeader.vue.d.ts +2 -2
  69. package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts +5 -5
  70. package/dist/components/SelectTime/index.vue.d.ts +5 -74
  71. package/dist/components/Slider/Slider.vue.d.ts +18 -92
  72. package/dist/components/Switch/Switch.vue.d.ts +3 -3
  73. package/dist/components/Tab/Tab.vue.d.ts +18 -92
  74. package/dist/components/TableNext/TableBodyCell.vue.d.ts +2 -2
  75. package/dist/components/TableNext/TablePagination.vue.d.ts +6 -6
  76. package/dist/components/Tag/DefaultTag.vue.d.ts +1 -1
  77. package/dist/components/Tag/Tag.vue.d.ts +2 -2
  78. package/dist/components/TextArea/TextArea.vue.d.ts +8 -8
  79. package/dist/components/Toast/Toast.vue.d.ts +1 -1
  80. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  81. package/dist/components/ToolTip/ToolTip.vue.d.ts +18 -92
  82. package/dist/components/ToolTip/ToolTip.vue.d.ts.map +1 -1
  83. package/dist/components/Tour/Tour.vue.d.ts +6 -6
  84. package/dist/components/Tour/TourPopover.vue.d.ts +6 -6
  85. package/dist/components/UploadArea/UploadArea.vue.d.ts +6 -6
  86. package/dist/components/ui/popover/PopoverContent.vue.d.ts +2 -2
  87. package/dist/components/ui/popover/PopoverContent.vue.d.ts.map +1 -1
  88. package/dist/components/ui/popover/PopoverOption.vue.d.ts +1 -1
  89. package/dist/components/ui/popover/PopoverOption.vue.d.ts.map +1 -1
  90. package/dist/components/ui/popover/PopoverTrigger.vue.d.ts.map +1 -1
  91. package/dist/{es-a9e51a05.mjs → es-c19444c0.mjs} +1 -1
  92. package/dist/{index-ade761d4.mjs → index-93b45359.mjs} +51889 -54741
  93. package/dist/locales/en.json.d.ts +1 -3
  94. package/dist/locales/es.json.d.ts +1 -3
  95. package/dist/locales/pt_br.json.d.ts +1 -3
  96. package/dist/{pt-br-5395459d.mjs → pt-br-23dc9ca6.mjs} +1 -1
  97. package/dist/style.css +1 -1
  98. package/dist/unnnic.mjs +206 -234
  99. package/dist/unnnic.umd.js +44 -48
  100. package/package.json +2 -3
  101. package/src/assets/scss/scheme-colors.scss +223 -223
  102. package/src/assets/scss/tailwind.scss +0 -8
  103. package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +1 -1
  104. package/src/components/Checkbox/Checkbox.vue +1 -1
  105. package/src/components/Disclaimer/Disclaimer.vue +42 -136
  106. package/src/components/Disclaimer/DisclaimerV2.vue +171 -0
  107. package/src/components/Disclaimer/__tests__/Disclaimer.spec.js +45 -70
  108. package/src/components/Disclaimer/__tests__/DisclaimerV2.spec.js +68 -0
  109. package/src/components/Disclaimer/types-v2.ts +12 -0
  110. package/src/components/Disclaimer/types.ts +3 -12
  111. package/src/components/Drawer/Drawer.vue +269 -190
  112. package/src/components/Drawer/__tests__/Drawer.spec.js +46 -37
  113. package/src/components/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +19 -18
  114. package/src/components/Input/BaseInput.vue +5 -25
  115. package/src/components/Input/Input.scss +3 -2
  116. package/src/components/Input/Input.vue +1 -24
  117. package/src/components/Input/TextInput.vue +25 -64
  118. package/src/components/Input/__test__/TextInput.spec.js +1 -1
  119. package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +1 -5
  120. package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +1 -7
  121. package/src/components/ModalDialog/ModalDialog.vue +148 -64
  122. package/src/components/ModalDialog/__tests__/ModalDialog.spec.js +221 -11
  123. package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +22 -1
  124. package/src/components/MultiSelect/MultiSelect.vue +297 -0
  125. package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -3
  126. package/src/components/Toast/Toast.vue +9 -16
  127. package/src/components/ToolTip/ToolTip.vue +177 -25
  128. package/src/components/ToolTip/__tests__/ToolTip.spec.js +61 -339
  129. package/src/components/index.ts +11 -63
  130. package/src/components/ui/popover/PopoverContent.vue +2 -19
  131. package/src/components/ui/popover/PopoverOption.vue +0 -4
  132. package/src/components/ui/popover/PopoverTrigger.vue +1 -5
  133. package/src/locales/en.json +1 -3
  134. package/src/locales/es.json +1 -3
  135. package/src/locales/pt_br.json +1 -3
  136. package/src/stories/Disclaimer.stories.js +12 -53
  137. package/src/stories/DisclaimerV2.stories.js +51 -0
  138. package/src/stories/Drawer.stories.js +1 -1
  139. package/src/stories/Input.mdx +0 -3
  140. package/src/stories/ModalDialog.mdx +0 -3
  141. package/src/stories/ModalDialog.stories.js +1 -1
  142. package/src/stories/MultiSelect.stories.js +46 -142
  143. package/dist/components/MultiSelect/MultSelectOption.vue.d.ts +0 -17
  144. package/dist/components/MultiSelect/MultSelectOption.vue.d.ts.map +0 -1
  145. package/dist/components/MultiSelect/index.vue.d.ts +0 -44
  146. package/dist/components/MultiSelect/index.vue.d.ts.map +0 -1
  147. package/dist/components/Select/index.vue.d.ts +0 -44
  148. package/dist/components/Select/index.vue.d.ts.map +0 -1
  149. package/dist/components/index.d.ts +0 -23912
  150. package/dist/components/index.d.ts.map +0 -1
  151. package/dist/components/ui/dialog/Dialog.vue.d.ts +0 -23
  152. package/dist/components/ui/dialog/Dialog.vue.d.ts.map +0 -1
  153. package/dist/components/ui/dialog/DialogClose.vue.d.ts +0 -21
  154. package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +0 -1
  155. package/dist/components/ui/dialog/DialogContent.vue.d.ts +0 -43
  156. package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +0 -1
  157. package/dist/components/ui/dialog/DialogFooter.vue.d.ts +0 -25
  158. package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +0 -1
  159. package/dist/components/ui/dialog/DialogHeader.vue.d.ts +0 -29
  160. package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +0 -1
  161. package/dist/components/ui/dialog/DialogTitle.vue.d.ts +0 -23
  162. package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +0 -1
  163. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +0 -19
  164. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +0 -1
  165. package/dist/components/ui/dialog/index.d.ts +0 -8
  166. package/dist/components/ui/dialog/index.d.ts.map +0 -1
  167. package/dist/components/ui/drawer/Drawer.vue.d.ts +0 -35
  168. package/dist/components/ui/drawer/Drawer.vue.d.ts.map +0 -1
  169. package/dist/components/ui/drawer/DrawerClose.vue.d.ts +0 -21
  170. package/dist/components/ui/drawer/DrawerClose.vue.d.ts.map +0 -1
  171. package/dist/components/ui/drawer/DrawerContent.vue.d.ts +0 -43
  172. package/dist/components/ui/drawer/DrawerContent.vue.d.ts.map +0 -1
  173. package/dist/components/ui/drawer/DrawerDescription.vue.d.ts +0 -23
  174. package/dist/components/ui/drawer/DrawerDescription.vue.d.ts.map +0 -1
  175. package/dist/components/ui/drawer/DrawerFooter.vue.d.ts +0 -22
  176. package/dist/components/ui/drawer/DrawerFooter.vue.d.ts.map +0 -1
  177. package/dist/components/ui/drawer/DrawerHeader.vue.d.ts +0 -25
  178. package/dist/components/ui/drawer/DrawerHeader.vue.d.ts.map +0 -1
  179. package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts +0 -8
  180. package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts.map +0 -1
  181. package/dist/components/ui/drawer/DrawerTitle.vue.d.ts +0 -23
  182. package/dist/components/ui/drawer/DrawerTitle.vue.d.ts.map +0 -1
  183. package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts +0 -19
  184. package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts.map +0 -1
  185. package/dist/components/ui/drawer/index.d.ts +0 -11
  186. package/dist/components/ui/drawer/index.d.ts.map +0 -1
  187. package/dist/components/ui/tooltip/Tooltip.vue.d.ts +0 -23
  188. package/dist/components/ui/tooltip/Tooltip.vue.d.ts.map +0 -1
  189. package/dist/components/ui/tooltip/TooltipContent.vue.d.ts +0 -31
  190. package/dist/components/ui/tooltip/TooltipContent.vue.d.ts.map +0 -1
  191. package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts +0 -19
  192. package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts.map +0 -1
  193. package/dist/components/ui/tooltip/index.d.ts +0 -4
  194. package/dist/components/ui/tooltip/index.d.ts.map +0 -1
  195. package/dist/lib/layer-manager.d.ts +0 -16
  196. package/dist/lib/layer-manager.d.ts.map +0 -1
  197. package/src/components/MultiSelect/MultSelectOption.vue +0 -49
  198. package/src/components/MultiSelect/__tests__/MultiSelect.spec.js +0 -556
  199. package/src/components/MultiSelect/__tests__/MultiSelectOption.spec.js +0 -229
  200. package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +0 -87
  201. package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelectOption.spec.js.snap +0 -51
  202. package/src/components/MultiSelect/index.vue +0 -225
  203. package/src/components/Select/__tests__/Select.spec.js +0 -422
  204. package/src/components/Select/__tests__/SelectItem.spec.js +0 -330
  205. package/src/components/Select/__tests__/__snapshots__/Popover.spec.js.snap +0 -8
  206. package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +0 -71
  207. package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +0 -15
  208. package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +0 -25
  209. package/src/components/Select/__tests__/__snapshots__/SelectPopover.spec.js.snap +0 -8
  210. package/src/components/Select/index.vue +0 -298
  211. package/src/components/ui/dialog/Dialog.vue +0 -19
  212. package/src/components/ui/dialog/DialogClose.vue +0 -29
  213. package/src/components/ui/dialog/DialogContent.vue +0 -140
  214. package/src/components/ui/dialog/DialogFooter.vue +0 -50
  215. package/src/components/ui/dialog/DialogHeader.vue +0 -83
  216. package/src/components/ui/dialog/DialogTitle.vue +0 -38
  217. package/src/components/ui/dialog/DialogTrigger.vue +0 -16
  218. package/src/components/ui/dialog/index.ts +0 -7
  219. package/src/components/ui/drawer/Drawer.vue +0 -27
  220. package/src/components/ui/drawer/DrawerClose.vue +0 -31
  221. package/src/components/ui/drawer/DrawerContent.vue +0 -111
  222. package/src/components/ui/drawer/DrawerDescription.vue +0 -40
  223. package/src/components/ui/drawer/DrawerFooter.vue +0 -38
  224. package/src/components/ui/drawer/DrawerHeader.vue +0 -57
  225. package/src/components/ui/drawer/DrawerOverlay.vue +0 -33
  226. package/src/components/ui/drawer/DrawerTitle.vue +0 -37
  227. package/src/components/ui/drawer/DrawerTrigger.vue +0 -31
  228. package/src/components/ui/drawer/index.ts +0 -10
  229. package/src/components/ui/tooltip/Tooltip.vue +0 -21
  230. package/src/components/ui/tooltip/TooltipContent.vue +0 -74
  231. package/src/components/ui/tooltip/TooltipTrigger.vue +0 -26
  232. package/src/components/ui/tooltip/index.ts +0 -3
  233. package/src/lib/layer-manager.ts +0 -92
  234. package/src/stories/Dialog.stories.js +0 -832
  235. package/src/stories/DrawerNext.stories.js +0 -611
  236. package/src/stories/LayerManager.docs.mdx +0 -40
  237. package/src/stories/LayerManager.stories.js +0 -364
  238. package/src/stories/Select.stories.js +0 -158
@@ -33,10 +33,10 @@ import modal from './Modal/Modal.vue';
33
33
  import modalUpload from './ModalUpload/ModalUpload.vue';
34
34
  import { callAlert, callModal } from '../utils/call';
35
35
  import selectSmart from './SelectSmart/SelectSmart.vue';
36
- import select from './Select/index.vue';
36
+ // import select from './Select/Select.vue';
37
37
  import selectItem from './Select/SelectItem.vue';
38
38
  // import selectListItem from './SelectListItem/SelectListItem.vue';
39
- import multiSelect from './MultiSelect/index.vue';
39
+ import multiSelect from './MultiSelect/MultiSelect.vue';
40
40
  import alert from './Alert/Alert.vue';
41
41
  // import autocomplete from './Input/Autocomplete.vue';
42
42
  // import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
@@ -82,6 +82,7 @@ import ChartMultiLine from './ChartMultiLine/ChartMultiLine.vue';
82
82
  import EmojiPicker from './EmojiPicker/EmojiPicker.vue';
83
83
  import ChartFunnel from './ChartFunnel/ChartFunnel.vue';
84
84
  import Disclaimer from './Disclaimer/Disclaimer.vue';
85
+ import DisclaimerV2 from './Disclaimer/DisclaimerV2.vue';
85
86
  import Drawer from './Drawer/Drawer.vue';
86
87
  import TableNext from './TableNext/TableNext.vue';
87
88
  import ModalNext from './ModalNext/ModalNext.vue';
@@ -111,20 +112,6 @@ import {
111
112
  SegmentedControlContent,
112
113
  } from './ui/segmented-control';
113
114
  import PageHeader from './PageHeader/PageHeader.vue';
114
- import Dialog from './ui/dialog/Dialog.vue';
115
- import DialogContent from './ui/dialog/DialogContent.vue';
116
- import DialogFooter from './ui/dialog/DialogFooter.vue';
117
- import DialogHeader from './ui/dialog/DialogHeader.vue';
118
- import DialogTitle from './ui/dialog/DialogTitle.vue';
119
- import DialogTrigger from './ui/dialog/DialogTrigger.vue';
120
- import DialogClose from './ui/dialog/DialogClose.vue';
121
- import DrawerNext from './ui/drawer/Drawer.vue';
122
- import DrawerContent from './ui/drawer/DrawerContent.vue';
123
- import DrawerHeader from './ui/drawer/DrawerHeader.vue';
124
- import DrawerFooter from './ui/drawer/DrawerFooter.vue';
125
- import DrawerClose from './ui/drawer/DrawerClose.vue';
126
- import DrawerTitle from './ui/drawer/DrawerTitle.vue';
127
- import DrawerDescription from './ui/drawer/DrawerDescription.vue';
128
115
 
129
116
  type VueComponent = Component;
130
117
 
@@ -168,10 +155,10 @@ export const components: ComponentsMap = {
168
155
  unnnicModalDialog: ModalDialog,
169
156
  unnnicModalUpload: modalUpload,
170
157
  unnnicSelectSmart: selectSmart,
171
- unnnicSelect: select,
158
+ // unnnicSelect: select,
172
159
  unnnicSelectItem: selectItem,
173
160
  // unnnicSelectListItem: selectListItem,
174
- unnnicMultiSelect: multiSelect as VueComponent,
161
+ unnnicMultiSelect: multiSelect,
175
162
  unnnicAlert: alert,
176
163
  unnnicCallAlert: callAlert,
177
164
  unnnicCallModal: callModal,
@@ -219,6 +206,7 @@ export const components: ComponentsMap = {
219
206
  unnnicEmojiPicker: EmojiPicker,
220
207
  unnnicChartFunnel: ChartFunnel,
221
208
  unnnicDisclaimer: Disclaimer,
209
+ unnnicDisclaimerV2: DisclaimerV2,
222
210
  unnnicDrawer: Drawer,
223
211
  unnnicTableNext: TableNext,
224
212
  unnnicTour: Tour,
@@ -244,27 +232,13 @@ export const components: ComponentsMap = {
244
232
  unnnicSegmentedControlTrigger: SegmentedControlTrigger,
245
233
  unnnicSegmentedControlContent: SegmentedControlContent,
246
234
  unnnicPageHeader: PageHeader,
247
- unnnicDialog: Dialog,
248
- unnnicDialogContent: DialogContent,
249
- unnnicDialogFooter: DialogFooter,
250
- unnnicDialogHeader: DialogHeader,
251
- unnnicDialogTitle: DialogTitle,
252
- unnnicDialogTrigger: DialogTrigger,
253
- unnnicDialogClose: DialogClose,
254
- unnnicDrawerNext: DrawerNext,
255
- unnnicDrawerContent: DrawerContent,
256
- unnnicDrawerHeader: DrawerHeader,
257
- unnnicDrawerFooter: DrawerFooter,
258
- unnnicDrawerClose: DrawerClose,
259
- unnnicDrawerTitle: DrawerTitle,
260
- unnnicDrawerDescription: DrawerDescription,
261
235
  };
262
236
 
263
237
  export const unnnicFontSize = fontSize;
264
238
  export const unnnicFormElement = formElement;
265
239
  export const unnnicInput = input;
266
240
  export const unnnicInputNext = inputNext;
267
- export const unnnicInputDatePicker = inputDatePicker as VueComponent;
241
+ export const unnnicInputDatePicker = inputDatePicker;
268
242
  export const unnnicButton = button;
269
243
  export const unnnicButtonIcon = buttonIcon;
270
244
  export const unnnicSidebar = sidebar;
@@ -296,7 +270,7 @@ export const unnnicModalDialog = ModalDialog;
296
270
  export const unnnicModalNext = ModalNext;
297
271
  export const unnnicModalUpload = modalUpload;
298
272
  export const unnnicSelectSmart = selectSmart as VueComponent;
299
- export const unnnicSelect = select as VueComponent;
273
+ // export const unnnicSelect = select;
300
274
  export const unnnicSelectItem = selectItem;
301
275
  // export const unnnicSelectListItem = selectListItem;
302
276
  export const unnnicMultiSelect = multiSelect as VueComponent;
@@ -347,6 +321,7 @@ export const unnnicChartMultiLine = ChartMultiLine;
347
321
  export const unnnicEmojiPicker = EmojiPicker;
348
322
  export const unnnicChartFunnel = ChartFunnel as VueComponent;
349
323
  export const unnnicDisclaimer = Disclaimer;
324
+ export const unnnicDisclaimerV2 = DisclaimerV2;
350
325
  export const unnnicDrawer = Drawer;
351
326
  export const unnnicTableNext = TableNext;
352
327
  export const unnnicTour = Tour;
@@ -372,20 +347,6 @@ export const unnnicSegmentedControlList = SegmentedControlList;
372
347
  export const unnnicSegmentedControlTrigger = SegmentedControlTrigger;
373
348
  export const unnnicSegmentedControlContent = SegmentedControlContent;
374
349
  export const unnnicPageHeader = PageHeader;
375
- export const unnnicDialog = Dialog;
376
- export const unnnicDialogContent = DialogContent;
377
- export const unnnicDialogFooter = DialogFooter;
378
- export const unnnicDialogHeader = DialogHeader;
379
- export const unnnicDialogTitle = DialogTitle;
380
- export const unnnicDialogTrigger = DialogTrigger;
381
- export const unnnicDialogClose = DialogClose;
382
- export const unnnicDrawerNext = DrawerNext;
383
- export const unnnicDrawerContent = DrawerContent;
384
- export const unnnicDrawerHeader = DrawerHeader;
385
- export const unnnicDrawerFooter = DrawerFooter;
386
- export const unnnicDrawerClose = DrawerClose;
387
- export const unnnicDrawerTitle = DrawerTitle;
388
- export const unnnicDrawerDescription = DrawerDescription;
389
350
 
390
351
  export const UnnnicFontSize = fontSize;
391
352
  export const UnnnicFormElement = formElement;
@@ -423,7 +384,7 @@ export const UnnnicModalDialog = ModalDialog;
423
384
  export const UnnnicModalNext = ModalNext;
424
385
  export const UnnnicModalUpload = modalUpload;
425
386
  export const UnnnicSelectSmart = selectSmart as VueComponent;
426
- export const UnnnicSelect = select as VueComponent;
387
+ // export const UnnnicSelect = select;
427
388
  export const UnnnicSelectItem = selectItem;
428
389
  // export const UnnnicSelectListItem = selectListItem;
429
390
  export const UnnnicMultiSelect = multiSelect as VueComponent;
@@ -474,6 +435,7 @@ export const UnnnicChartMultiLine = ChartMultiLine;
474
435
  export const UnnnicEmojiPicker = EmojiPicker;
475
436
  export const UnnnicChartFunnel = ChartFunnel as VueComponent;
476
437
  export const UnnnicDisclaimer = Disclaimer;
438
+ export const UnnnicDisclaimerV2 = DisclaimerV2;
477
439
  export const UnnnicDrawer = Drawer;
478
440
  export const UnnnicTableNext = TableNext;
479
441
  export const UnnnicTour = Tour;
@@ -499,17 +461,3 @@ export const UnnnicSegmentedControlList = SegmentedControlList;
499
461
  export const UnnnicSegmentedControlTrigger = SegmentedControlTrigger;
500
462
  export const UnnnicSegmentedControlContent = SegmentedControlContent;
501
463
  export const UnnnicPageHeader = PageHeader;
502
- export const UnnnicDialog = Dialog;
503
- export const UnnnicDialogContent = DialogContent;
504
- export const UnnnicDialogFooter = DialogFooter;
505
- export const UnnnicDialogHeader = DialogHeader;
506
- export const UnnnicDialogTitle = DialogTitle;
507
- export const UnnnicDialogTrigger = DialogTrigger;
508
- export const UnnnicDialogClose = DialogClose;
509
- export const UnnnicDrawerNext = DrawerNext;
510
- export const UnnnicDrawerContent = DrawerContent;
511
- export const UnnnicDrawerHeader = DrawerHeader;
512
- export const UnnnicDrawerFooter = DrawerFooter;
513
- export const UnnnicDrawerClose = DrawerClose;
514
- export const UnnnicDrawerTitle = DrawerTitle;
515
- export const UnnnicDrawerDescription = DrawerDescription;
@@ -9,7 +9,6 @@
9
9
  'bg-popover text-popover-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
10
10
  )
11
11
  "
12
- :style="{ zIndex: popoverZIndex }"
13
12
  >
14
13
  <section :class="`unnnic-popover__content ${props.class || ''}`">
15
14
  <component
@@ -35,7 +34,6 @@ import { computed, useSlots } from 'vue';
35
34
  import { reactiveOmit } from '@vueuse/core';
36
35
  import { PopoverContent, PopoverPortal, useForwardPropsEmits } from 'reka-ui';
37
36
  import { cn } from '@/lib/utils';
38
- import { useLayerZIndex } from '@/lib/layer-manager';
39
37
 
40
38
  defineOptions({
41
39
  inheritAttrs: false,
@@ -63,8 +61,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
63
61
 
64
62
  const slots = useSlots();
65
63
 
66
- const popoverZIndex = useLayerZIndex('popover');
67
-
68
64
  const getComponentName = (vnode: VNode): string | undefined => {
69
65
  const componentType = vnode.type as { name?: string; __name?: string };
70
66
  return componentType?.name || componentType?.__name;
@@ -91,23 +87,10 @@ const footerChildren = computed(() => {
91
87
  $popover-space: $unnnic-space-4;
92
88
 
93
89
  .unnnic-popover {
90
+ z-index: 10000;
91
+
94
92
  border-radius: $unnnic-radius-2;
95
93
  box-shadow: $unnnic-shadow-1;
96
- border: 1px solid $unnnic-color-border-soft;
97
-
98
- &::-webkit-scrollbar {
99
- width: $unnnic-spacing-inline-nano;
100
- }
101
-
102
- &::-webkit-scrollbar-thumb {
103
- background: $unnnic-color-neutral-cleanest;
104
- border-radius: $unnnic-border-radius-pill;
105
- }
106
-
107
- &::-webkit-scrollbar-track {
108
- background: $unnnic-color-neutral-soft;
109
- border-radius: $unnnic-border-radius-pill;
110
- }
111
94
 
112
95
  &--size-small {
113
96
  width: 240px;
@@ -98,10 +98,6 @@ const schemeColor = computed(() => {
98
98
  }
99
99
 
100
100
  &__label {
101
- overflow: hidden;
102
- text-overflow: ellipsis;
103
- white-space: nowrap;
104
-
105
101
  @each $name, $color in $unnnic-scheme-colors {
106
102
  &.unnnic-popover-option__label--#{$name} {
107
103
  color: $color;
@@ -14,14 +14,10 @@ const props = defineProps<PopoverTriggerProps>();
14
14
  </PopoverTrigger>
15
15
  </template>
16
16
 
17
- <style lang="scss" scoped>
17
+ <style scoped>
18
18
  .unnnic-popover-trigger {
19
19
  border: none;
20
20
  background: transparent;
21
21
  padding: 0;
22
-
23
- & > * {
24
- width: 100%;
25
- }
26
22
  }
27
23
  </style>
@@ -41,7 +41,5 @@
41
41
  "flags": "Flags",
42
42
  "custom": "Custom"
43
43
  }
44
- },
45
- "search": "Search",
46
- "without_results": "No results found"
44
+ }
47
45
  }
@@ -41,7 +41,5 @@
41
41
  "flags": "Banderas",
42
42
  "custom": "Personalizados"
43
43
  }
44
- },
45
- "search": "Buscar",
46
- "without_results": "No se encontró ningún resultado"
44
+ }
47
45
  }
@@ -41,7 +41,5 @@
41
41
  "flags": "Bandeiras",
42
42
  "custom": "Personalizados"
43
43
  }
44
- },
45
- "search": "Buscar",
46
- "without_results": "Nenhum resultado encontrado"
44
+ }
47
45
  }
@@ -1,63 +1,22 @@
1
1
  import UnnnicDisclaimer from '../components/Disclaimer/Disclaimer.vue';
2
+ import icons from '../utils/iconList';
3
+ import colors from '../utils/colorsList';
2
4
 
3
5
  export default {
4
- title: 'Feedback/Disclaimer',
6
+ title: 'Example/Disclaimer',
5
7
  component: UnnnicDisclaimer,
8
+ args: {},
6
9
  argTypes: {
7
- type: {
8
- control: { type: 'select' },
9
- options: ['informational', 'success', 'attention', 'error', 'neutral'],
10
- },
10
+ text: { control: { type: 'text' } },
11
+ icon: { options: icons, control: { type: 'select' } },
12
+ iconColor: { options: colors, control: { type: 'select' } },
11
13
  },
12
14
  };
13
15
 
14
- const Template = (args) => ({
15
- components: { UnnnicDisclaimer },
16
- setup() {
17
- return { args };
16
+ export const Default = {
17
+ args: {
18
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
19
+ icon: 'alert-circle-1-1',
20
+ iconColor: 'feedback-yellow',
18
21
  },
19
- template: '<UnnnicDisclaimer v-bind="args" />',
20
- });
21
-
22
- export const Default = Template.bind({});
23
- Default.args = {
24
- title: 'Disclaimer',
25
- description: 'The quick brown fox jumps over the lazy dog',
26
- type: 'informational',
27
- };
28
-
29
- export const Success = Template.bind({});
30
- Success.args = {
31
- ...Default.args,
32
- type: 'success',
33
- };
34
-
35
- export const Attention = Template.bind({});
36
- Attention.args = {
37
- ...Default.args,
38
- type: 'attention',
39
- };
40
-
41
- export const ErrorState = Template.bind({});
42
- ErrorState.args = {
43
- ...Default.args,
44
- type: 'error',
45
- };
46
-
47
- export const Neutral = Template.bind({});
48
- Neutral.args = {
49
- ...Default.args,
50
- type: 'neutral',
51
- };
52
-
53
- export const OnlyTitle = Template.bind({});
54
- OnlyTitle.args = {
55
- ...Default.args,
56
- description: '',
57
- };
58
-
59
- export const OnlyDescription = Template.bind({});
60
- OnlyDescription.args = {
61
- ...Default.args,
62
- title: '',
63
22
  };
@@ -0,0 +1,51 @@
1
+ import UnnnicDisclaimerV2 from '../components/Disclaimer/DisclaimerV2.vue';
2
+
3
+ export default {
4
+ title: 'Example/DisclaimerV2',
5
+ component: UnnnicDisclaimerV2,
6
+ argTypes: {
7
+ type: {
8
+ control: { type: 'select' },
9
+ options: ['informational', 'success', 'attention', 'error', 'neutral'],
10
+ },
11
+ },
12
+ };
13
+
14
+ const Template = (args) => ({
15
+ components: { UnnnicDisclaimerV2 },
16
+ setup() {
17
+ return { args };
18
+ },
19
+ template: '<UnnnicDisclaimerV2 v-bind="args" />',
20
+ });
21
+
22
+ export const Default = Template.bind({});
23
+ Default.args = {
24
+ title: 'Disclaimer',
25
+ description: 'The quick brown fox jumps over the lazy dog',
26
+ type: 'informational',
27
+ };
28
+
29
+ export const Success = Template.bind({});
30
+ Success.args = {
31
+ ...Default.args,
32
+ type: 'success',
33
+ };
34
+
35
+ export const Attention = Template.bind({});
36
+ Attention.args = {
37
+ ...Default.args,
38
+ type: 'attention',
39
+ };
40
+
41
+ export const ErrorState = Template.bind({});
42
+ ErrorState.args = {
43
+ ...Default.args,
44
+ type: 'error',
45
+ };
46
+
47
+ export const Neutral = Template.bind({});
48
+ Neutral.args = {
49
+ ...Default.args,
50
+ type: 'neutral',
51
+ };
@@ -14,7 +14,7 @@ const primaryButtonTypeOptions = [
14
14
  ];
15
15
 
16
16
  export default {
17
- title: 'Misc/Drawer',
17
+ title: 'Example/Drawer',
18
18
  component: UnnnicDrawer,
19
19
  argTypes: {
20
20
  title: { control: { type: 'text' } },
@@ -42,9 +42,6 @@ The `Input` component is designed to provide an input field for users to enter t
42
42
  | placeholder | `String` of the native input placeholder | `String` | `''` |
43
43
  | iconLeft | `String` of the left icon | `String` | `undefined` |
44
44
  | iconRight | `String` of the right icon | `String` | `false` |
45
- | useFocusProp | `Boolean` to enable use focus by prop (ignore native css) | `true` \| `false` | `false` |
46
- | focus | `Boolean` to enable focus component status | `true` \| `false` | `false` |
47
-
48
45
 
49
46
  ## Example
50
47
  Some examples of uses of the `UnnnicInput`
@@ -6,9 +6,6 @@ import * as ModalDialogStories from './ModalDialog.stories';
6
6
 
7
7
  # ModalDialog
8
8
 
9
- > **⚠️ DEPRECATED**: This component has been deprecated in favor of the new `Dialog` component. Please use `UnnnicDialog`
10
- instead for new implementations. See the [Dialog documentation](?path=/docs/feedback-dialog--docs) for more information.
11
-
12
9
  The ModalDialog was designed to inform the user about a specific task, request information, or involve other tasks.
13
10
 
14
11
  <Source
@@ -7,7 +7,7 @@ import iconsList from '../utils/iconList';
7
7
  import colorsList from '../utils/colorsList';
8
8
 
9
9
  export default {
10
- title: 'Feedback/ModalDialog',
10
+ title: 'Example/ModalDialog',
11
11
  component: UnnnicModalDialog,
12
12
  argTypes: {
13
13
  type: {
@@ -1,158 +1,62 @@
1
- import UnnnicMultiSelect from '../components/MultiSelect/index.vue';
2
-
3
- const options = [
4
- { label: 'Option 1', value: 'option1', altValue: 'alt_value_option1' },
5
- { label: 'Option 2', value: 'option2', altValue: 'alt_value_option2' },
6
- { label: 'Option 3', value: 'option3', altValue: 'alt_value_option3' },
7
- { label: 'Option 4', value: 'option4', altValue: 'alt_value_option4' },
8
- { label: 'Option 5', value: 'option5', altValue: 'alt_value_option5' },
9
- { label: 'Option 6', value: 'option6', altValue: 'alt_value_option6' },
10
- { label: 'Option 7', value: 'option7', altValue: 'alt_value_option7' },
11
- { label: 'Option 8', value: 'option8', altValue: 'alt_value_option8' },
12
- { label: 'Option 9', value: 'option9', altValue: 'alt_value_option9' },
13
- { label: 'Option 10', value: 'option10', disabled: true },
14
- ];
1
+ import UnnnicMultiSelect from '../components/MultiSelect/MultiSelect.vue';
15
2
 
16
3
  export default {
17
4
  title: 'Form/MultiSelect',
18
5
  component: UnnnicMultiSelect,
19
- tags: ['autodocs'],
20
- parameters: {
21
- docs: {
22
- description: {
23
- component:
24
- 'MultiSelect is designed to solve common problems related to multiple option selection.',
25
- },
26
- },
27
- },
28
- argTypes: {
29
- options: {
30
- description:
31
- 'List of items to be displayed in the options. If an item has a `disabled` key set to `true`, that item will be disabled. By default, the component looks for the `label` and `value` keys to display and update the model, but these are not required if you wish to customize them using the `itemLabel` and `itemValue` props, respectively.',
32
- },
33
- placeholder: {
34
- description: 'Text to be displayed in the placeholder.',
35
- },
36
- label: {
37
- description: 'Text to be displayed in the label.',
38
- },
39
- modelValue: {
40
- description:
41
- 'Model variable. Its type will always match a list of the return type of the key specified by `itemValue`, or the entire options object when the `returnObject` property is set to `true`.',
42
- },
43
- returnObject: {
44
- description:
45
- 'Prop to indicate that the full option object should be returned in the v-model.',
46
- },
47
- itemLabel: {
48
- description:
49
- 'Field of the option item that should be used to render the option label.',
50
- },
51
- itemValue: {
52
- description:
53
- 'Field of the option item that should be used to return value to v-model.',
54
- },
55
- type: {
56
- description: 'Select state type',
57
- },
58
- errors: {
59
- description:
60
- "Error message or messages. When it's an array, the messages will be separated by commas.",
61
- },
62
- message: {
63
- description: 'Help or hint message.',
64
- },
65
- size: {
66
- description: 'Select size',
67
- },
68
- optionsLines: {
69
- description:
70
- 'Number of options to display at most; if exceeded, scrolling will be enabled.',
71
- },
72
- enableSearch: {
73
- description:
74
- 'If true, enables a search field displayed inside the options popover. The `update:search` event is emitted on each input.',
75
- },
76
- search: {
77
- description: 'Search value.',
78
- },
79
- locale: {
80
- description: 'Locale for i18n translations.',
81
- },
82
- disabled: {
83
- description: 'Disable the select.',
84
- },
85
- },
6
+ argTypes: {},
86
7
  render: (args) => ({
87
- components: { UnnnicMultiSelect },
8
+ components: {
9
+ UnnnicMultiSelect,
10
+ },
88
11
  setup() {
89
- const handleSearch = (value) => {
90
- args.search = value;
91
- };
92
- return { args, handleSearch };
12
+ return { args };
93
13
  },
94
14
  data() {
95
15
  return {
96
- exampleValue: [],
16
+ groups: [
17
+ {
18
+ title: 'Permissões Gerais',
19
+ selected: 0,
20
+ items: [
21
+ {
22
+ title: 'Moderador',
23
+ description:
24
+ 'Gerencia membros do projeto e administra o rocket',
25
+ },
26
+ {
27
+ title: 'Contribuidor',
28
+ description: 'Consegue editar o projeto',
29
+ },
30
+ {
31
+ title: 'Vizualizador',
32
+ description: 'Apenas vizualiza o projeto',
33
+ },
34
+ ],
35
+ },
36
+ {
37
+ title: 'Permissões do módulo chat',
38
+ selected: 0,
39
+ items: [
40
+ {
41
+ title: 'Gerente de Atendimento',
42
+ description:
43
+ 'Consegue responder mensagens e criar grupos no Rocket',
44
+ },
45
+ {
46
+ title: 'Agente',
47
+ description: 'Consegue responder mensagens no Rocket',
48
+ },
49
+ ],
50
+ },
51
+ ],
97
52
  };
98
53
  },
99
54
  template: `
100
- <p>modelValue: {{ exampleValue }}</p>
101
- <unnnic-multi-select v-model="exampleValue" v-bind="args" @update:search="handleSearch" />
55
+ <div>
56
+ <UnnnicMultiSelect v-bind="args" v-model="groups" />
57
+ </div>
102
58
  `,
103
59
  }),
104
60
  };
105
61
 
106
- export const Default = {
107
- args: {
108
- placeholder: 'Placeholder',
109
- label: 'Label',
110
- options,
111
- },
112
- };
113
-
114
- export const ReturnObject = {
115
- args: {
116
- returnObject: true,
117
- placeholder: 'Placeholder',
118
- label: 'Label',
119
- options,
120
- },
121
- };
122
-
123
- export const AlternativeValueKey = {
124
- args: {
125
- itemValue: 'altValue',
126
- placeholder: 'Placeholder',
127
- label: 'Label',
128
- options,
129
- },
130
- };
131
-
132
- export const AlternativeValueLabel = {
133
- args: {
134
- itemLabel: 'altValue',
135
- placeholder: 'Placeholder',
136
- label: 'Label',
137
- options,
138
- },
139
- };
140
-
141
- export const Disabled = {
142
- args: {
143
- placeholder: 'Placeholder',
144
- label: 'Label',
145
- options,
146
- disabled: true,
147
- },
148
- };
149
-
150
- export const WithSearch = {
151
- args: {
152
- placeholder: 'Placeholder',
153
- label: 'Label',
154
- options,
155
- enableSearch: true,
156
- search: '',
157
- },
158
- };
62
+ export const Medium = { args: {} };
@@ -1,17 +0,0 @@
1
- interface SelectOptionProps {
2
- label: string;
3
- disabled?: boolean;
4
- active?: boolean;
5
- focused?: boolean;
6
- }
7
- declare const _default: import('vue').DefineComponent<SelectOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
- "update:modelValue": (args_0: boolean) => any;
9
- }, string, import('vue').PublicProps, Readonly<SelectOptionProps> & Readonly<{
10
- "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
11
- }>, {
12
- disabled: boolean;
13
- active: boolean;
14
- focused: boolean;
15
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
16
- export default _default;
17
- //# sourceMappingURL=MultSelectOption.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MultSelectOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultSelectOption.vue"],"names":[],"mappings":"AAUA;AA8DA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;cAHY,OAAO;YACT,OAAO;aACN,OAAO;;AAiFnB,wBASG"}