@weni/unnnic-system 3.5.3-alpha.0 → 3.5.3-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.
Files changed (43) hide show
  1. package/dist/components/ModalDialog/ModalDialog.vue.d.ts +194 -29
  2. package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
  3. package/dist/components/index.d.ts +862 -78
  4. package/dist/components/index.d.ts.map +1 -1
  5. package/dist/components/ui/dialog/Dialog.vue.d.ts +23 -0
  6. package/dist/components/ui/dialog/Dialog.vue.d.ts.map +1 -0
  7. package/dist/components/ui/dialog/DialogClose.vue.d.ts +19 -0
  8. package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +1 -0
  9. package/dist/components/ui/dialog/DialogContent.vue.d.ts +40 -0
  10. package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +1 -0
  11. package/dist/components/ui/dialog/DialogFooter.vue.d.ts +25 -0
  12. package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +1 -0
  13. package/dist/components/ui/dialog/DialogHeader.vue.d.ts +29 -0
  14. package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +1 -0
  15. package/dist/components/ui/dialog/DialogTitle.vue.d.ts +23 -0
  16. package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +1 -0
  17. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +19 -0
  18. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +1 -0
  19. package/dist/components/ui/dialog/index.d.ts +8 -0
  20. package/dist/components/ui/dialog/index.d.ts.map +1 -0
  21. package/dist/{es-1c7253d4.mjs → es-dea507ea.mjs} +1 -1
  22. package/dist/{index-ff0a404c.mjs → index-25e40316.mjs} +10953 -10270
  23. package/dist/{pt-br-316f1627.mjs → pt-br-8720ec19.mjs} +1 -1
  24. package/dist/style.css +1 -1
  25. package/dist/unnnic.mjs +185 -171
  26. package/dist/unnnic.umd.js +43 -39
  27. package/package.json +1 -1
  28. package/src/assets/scss/scheme-colors.scss +82 -95
  29. package/src/assets/scss/tailwind.scss +8 -0
  30. package/src/components/ModalDialog/ModalDialog.vue +60 -146
  31. package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +1 -22
  32. package/src/components/index.ts +28 -0
  33. package/src/components/ui/dialog/Dialog.vue +15 -0
  34. package/src/components/ui/dialog/DialogClose.vue +25 -0
  35. package/src/components/ui/dialog/DialogContent.vue +114 -0
  36. package/src/components/ui/dialog/DialogFooter.vue +46 -0
  37. package/src/components/ui/dialog/DialogHeader.vue +78 -0
  38. package/src/components/ui/dialog/DialogTitle.vue +34 -0
  39. package/src/components/ui/dialog/DialogTrigger.vue +12 -0
  40. package/src/components/ui/dialog/index.ts +7 -0
  41. package/src/stories/Dialog.stories.js +832 -0
  42. package/src/stories/ModalDialog.mdx +3 -0
  43. package/src/stories/ModalDialog.stories.js +1 -1
@@ -57,20 +57,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  es: string;
58
58
  };
59
59
  };
60
- iconsMapper: {
61
- success: {
62
- icon: string;
63
- scheme: string;
64
- };
65
- warning: {
66
- icon: string;
67
- scheme: string;
68
- };
69
- attention: {
70
- icon: string;
71
- scheme: string;
72
- };
73
- };
74
60
  primaryButtonTypeMapper: {
75
61
  success: string;
76
62
  warning: string;
@@ -79,6 +65,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
79
65
  }, {}, {
80
66
  close(): void;
81
67
  updateBodyOverflow(isHidden: any): void;
68
+ persistentHandler(event: any): void;
82
69
  }, {
83
70
  props: {
84
71
  locale: {
@@ -159,21 +146,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
159
146
  hideSecondaryButton: boolean;
160
147
  secondaryButtonProps: Record<string, any>;
161
148
  }, {}, {
162
- UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
163
- click: (event: Event) => any;
164
- mousedown: (event: Event) => any;
165
- mouseup: (event: Event) => any;
166
- }, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
167
- onClick?: ((event: Event) => any) | undefined;
168
- onMousedown?: ((event: Event) => any) | undefined;
169
- onMouseup?: ((event: Event) => any) | undefined;
170
- }>, {
171
- size: import('../Icon.vue').IconSize;
172
- filled: boolean;
173
- icon: string | null;
174
- clickable: boolean;
175
- scheme: import('../Icon.vue').SchemeColor;
176
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
177
149
  UnnnicButton: {
178
150
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
179
151
  size: import('../Button/types').ButtonSize;
@@ -224,6 +196,199 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
224
196
  default?(_: {}): any;
225
197
  };
226
198
  });
199
+ UnnnicDialog: {
200
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
201
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
202
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
203
+ "update:open": (value: boolean) => any;
204
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
205
+ P: {};
206
+ B: {};
207
+ D: {};
208
+ C: {};
209
+ M: {};
210
+ Defaults: {};
211
+ }, Readonly<import('reka-ui').DialogRootProps> & Readonly<{
212
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
213
+ }>, {}, {}, {}, {}, {}>;
214
+ __isFragment?: never;
215
+ __isTeleport?: never;
216
+ __isSuspense?: never;
217
+ } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogRootProps> & Readonly<{
218
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
219
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
220
+ "update:open": (value: boolean) => any;
221
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
222
+ $slots: {
223
+ default?(_: {}): any;
224
+ };
225
+ });
226
+ UnnnicDialogContent: {
227
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogContentProps & {
228
+ class?: import('vue').HTMLAttributes["class"];
229
+ size?: "small" | "medium" | "large";
230
+ }> & Readonly<{
231
+ onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
232
+ onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
233
+ onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
234
+ onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
235
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
236
+ onCloseAutoFocus?: ((event: Event) => any) | undefined;
237
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
238
+ escapeKeyDown: (event: KeyboardEvent) => any;
239
+ pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
240
+ focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
241
+ interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
242
+ openAutoFocus: (event: Event) => any;
243
+ closeAutoFocus: (event: Event) => any;
244
+ }, import('vue').PublicProps, {
245
+ size: "small" | "medium" | "large";
246
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
247
+ P: {};
248
+ B: {};
249
+ D: {};
250
+ C: {};
251
+ M: {};
252
+ Defaults: {};
253
+ }, Readonly<import('reka-ui').DialogContentProps & {
254
+ class?: import('vue').HTMLAttributes["class"];
255
+ size?: "small" | "medium" | "large";
256
+ }> & Readonly<{
257
+ onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
258
+ onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
259
+ onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
260
+ onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
261
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
262
+ onCloseAutoFocus?: ((event: Event) => any) | undefined;
263
+ }>, {}, {}, {}, {}, {
264
+ size: "small" | "medium" | "large";
265
+ }>;
266
+ __isFragment?: never;
267
+ __isTeleport?: never;
268
+ __isSuspense?: never;
269
+ } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogContentProps & {
270
+ class?: import('vue').HTMLAttributes["class"];
271
+ size?: "small" | "medium" | "large";
272
+ }> & Readonly<{
273
+ onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
274
+ onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
275
+ onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
276
+ onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
277
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
278
+ onCloseAutoFocus?: ((event: Event) => any) | undefined;
279
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
280
+ escapeKeyDown: (event: KeyboardEvent) => any;
281
+ pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
282
+ focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
283
+ interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
284
+ openAutoFocus: (event: Event) => any;
285
+ closeAutoFocus: (event: Event) => any;
286
+ }, string, {
287
+ size: "small" | "medium" | "large";
288
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
289
+ $slots: {
290
+ default?(_: {}): any;
291
+ };
292
+ });
293
+ UnnnicDialogHeader: {
294
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
295
+ class?: import('vue').HTMLAttributes["class"];
296
+ divider?: boolean;
297
+ type?: "default" | "success" | "warning" | "attention";
298
+ closeButton?: boolean;
299
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
300
+ type: "default" | "success" | "warning" | "attention";
301
+ divider: boolean;
302
+ closeButton: boolean;
303
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
304
+ P: {};
305
+ B: {};
306
+ D: {};
307
+ C: {};
308
+ M: {};
309
+ Defaults: {};
310
+ }, Readonly<{
311
+ class?: import('vue').HTMLAttributes["class"];
312
+ divider?: boolean;
313
+ type?: "default" | "success" | "warning" | "attention";
314
+ closeButton?: boolean;
315
+ }> & Readonly<{}>, {}, {}, {}, {}, {
316
+ type: "default" | "success" | "warning" | "attention";
317
+ divider: boolean;
318
+ closeButton: boolean;
319
+ }>;
320
+ __isFragment?: never;
321
+ __isTeleport?: never;
322
+ __isSuspense?: never;
323
+ } & import('vue').ComponentOptionsBase<Readonly<{
324
+ class?: import('vue').HTMLAttributes["class"];
325
+ divider?: boolean;
326
+ type?: "default" | "success" | "warning" | "attention";
327
+ closeButton?: boolean;
328
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
329
+ type: "default" | "success" | "warning" | "attention";
330
+ divider: boolean;
331
+ closeButton: boolean;
332
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
333
+ $slots: {
334
+ default?(_: {}): any;
335
+ };
336
+ });
337
+ UnnnicDialogTitle: {
338
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').DialogTitleProps & {
339
+ class?: import('vue').HTMLAttributes["class"];
340
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
341
+ P: {};
342
+ B: {};
343
+ D: {};
344
+ C: {};
345
+ M: {};
346
+ Defaults: {};
347
+ }, Readonly<import('reka-ui').DialogTitleProps & {
348
+ class?: import('vue').HTMLAttributes["class"];
349
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
350
+ __isFragment?: never;
351
+ __isTeleport?: never;
352
+ __isSuspense?: never;
353
+ } & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').DialogTitleProps & {
354
+ class?: import('vue').HTMLAttributes["class"];
355
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
356
+ $slots: {
357
+ default?(_: {}): any;
358
+ };
359
+ });
360
+ UnnnicDialogFooter: {
361
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
362
+ class?: import('vue').HTMLAttributes["class"];
363
+ divider?: boolean;
364
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
365
+ divider: boolean;
366
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
367
+ P: {};
368
+ B: {};
369
+ D: {};
370
+ C: {};
371
+ M: {};
372
+ Defaults: {};
373
+ }, Readonly<{
374
+ class?: import('vue').HTMLAttributes["class"];
375
+ divider?: boolean;
376
+ }> & Readonly<{}>, {}, {}, {}, {}, {
377
+ divider: boolean;
378
+ }>;
379
+ __isFragment?: never;
380
+ __isTeleport?: never;
381
+ __isSuspense?: never;
382
+ } & import('vue').ComponentOptionsBase<Readonly<{
383
+ class?: import('vue').HTMLAttributes["class"];
384
+ divider?: boolean;
385
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
386
+ divider: boolean;
387
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
388
+ $slots: {
389
+ default?(_: {}): any;
390
+ };
391
+ });
227
392
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
228
393
  export default _default;
229
394
  //# sourceMappingURL=ModalDialog.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.vue"],"names":[],"mappings":"AAmGA;"}
1
+ {"version":3,"file":"ModalDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.vue"],"names":[],"mappings":"AAmFA;"}