wave-ui 3.27.2 → 4.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 (98) hide show
  1. package/dist/types/types/$waveui.d.ts +21 -1
  2. package/dist/types/types/colors.d.ts +2 -0
  3. package/dist/types/types/components/WAccordion.d.ts +99 -6
  4. package/dist/types/types/components/WAutocomplete.d.ts +437 -0
  5. package/dist/types/types/components/WBreadcrumbs.d.ts +7 -0
  6. package/dist/types/types/components/WButton.d.ts +7 -0
  7. package/dist/types/types/components/WCheckbox.d.ts +34 -0
  8. package/dist/types/types/components/WCheckboxes.d.ts +30 -0
  9. package/dist/types/types/components/WInput.d.ts +34 -0
  10. package/dist/types/types/components/WList.d.ts +7 -0
  11. package/dist/types/types/components/WMenu.d.ts +12 -6
  12. package/dist/types/types/components/WRadio.d.ts +34 -0
  13. package/dist/types/types/components/WRadios.d.ts +30 -0
  14. package/dist/types/types/components/WScrollable.d.ts +143 -0
  15. package/dist/types/types/components/WScrollable.js +2 -0
  16. package/dist/types/types/components/WSelect.d.ts +34 -0
  17. package/dist/types/types/components/WSwitch.d.ts +34 -0
  18. package/dist/types/types/components/WTable.d.ts +7 -0
  19. package/dist/types/types/components/WTabs.d.ts +7 -0
  20. package/dist/types/types/components/WTag.d.ts +7 -0
  21. package/dist/types/types/components/WTooltip.d.ts +20 -7
  22. package/dist/types/types/components/WTransitions.d.ts +104 -0
  23. package/dist/types/types/components/WTransitions.js +2 -0
  24. package/dist/types/types/components/WTree.d.ts +7 -0
  25. package/dist/types/types/components/index.d.ts +3 -1
  26. package/dist/wave-ui.cjs.js +3 -3
  27. package/dist/wave-ui.css +1 -1
  28. package/dist/wave-ui.esm.js +2190 -1350
  29. package/dist/wave-ui.umd.js +3 -3
  30. package/package.json +6 -6
  31. package/src/wave-ui/components/index.js +0 -1
  32. package/src/wave-ui/components/transitions/w-transition-bounce.vue +2 -1
  33. package/src/wave-ui/components/transitions/w-transition-expand.vue +3 -2
  34. package/src/wave-ui/components/transitions/w-transition-fade.vue +2 -1
  35. package/src/wave-ui/components/transitions/w-transition-scale-fade.vue +2 -1
  36. package/src/wave-ui/components/transitions/w-transition-scale.vue +2 -1
  37. package/src/wave-ui/components/transitions/w-transition-slide-fade.vue +2 -1
  38. package/src/wave-ui/components/transitions/w-transition-slide.vue +2 -1
  39. package/src/wave-ui/components/transitions/w-transition-twist.vue +2 -1
  40. package/src/wave-ui/components/w-accordion/index.vue +15 -6
  41. package/src/wave-ui/components/w-accordion/item.vue +71 -26
  42. package/src/wave-ui/components/w-alert.vue +27 -29
  43. package/src/wave-ui/components/w-autocomplete.vue +626 -192
  44. package/src/wave-ui/components/w-badge.vue +54 -53
  45. package/src/wave-ui/components/w-breadcrumbs.vue +20 -11
  46. package/src/wave-ui/components/w-button/button.vue +36 -24
  47. package/src/wave-ui/components/w-button/index.vue +6 -5
  48. package/src/wave-ui/components/w-card.vue +8 -7
  49. package/src/wave-ui/components/w-checkbox.vue +31 -11
  50. package/src/wave-ui/components/w-checkboxes.vue +21 -3
  51. package/src/wave-ui/components/w-confirm.vue +22 -22
  52. package/src/wave-ui/components/w-dialog.vue +1 -1
  53. package/src/wave-ui/components/w-divider.vue +5 -5
  54. package/src/wave-ui/components/w-drawer.vue +3 -3
  55. package/src/wave-ui/components/w-form-element.vue +2 -2
  56. package/src/wave-ui/components/w-icon.vue +12 -14
  57. package/src/wave-ui/components/w-image.vue +1 -1
  58. package/src/wave-ui/components/w-input.vue +43 -25
  59. package/src/wave-ui/components/w-list.vue +23 -12
  60. package/src/wave-ui/components/w-menu.vue +57 -55
  61. package/src/wave-ui/components/w-notification.vue +4 -4
  62. package/src/wave-ui/components/w-progress.vue +6 -7
  63. package/src/wave-ui/components/w-radio.vue +32 -7
  64. package/src/wave-ui/components/w-radios.vue +28 -3
  65. package/src/wave-ui/components/w-rating.vue +7 -9
  66. package/src/wave-ui/components/w-scrollable.vue +670 -97
  67. package/src/wave-ui/components/w-select.vue +119 -101
  68. package/src/wave-ui/components/w-slider.vue +26 -26
  69. package/src/wave-ui/components/w-spinner.vue +5 -7
  70. package/src/wave-ui/components/w-switch.vue +71 -47
  71. package/src/wave-ui/components/w-table.vue +69 -36
  72. package/src/wave-ui/components/w-tabs/index.vue +31 -24
  73. package/src/wave-ui/components/w-tag.vue +49 -38
  74. package/src/wave-ui/components/w-textarea.vue +22 -22
  75. package/src/wave-ui/components/w-timeline.vue +6 -6
  76. package/src/wave-ui/components/w-toolbar.vue +8 -8
  77. package/src/wave-ui/components/w-tooltip.vue +30 -25
  78. package/src/wave-ui/components/w-tree.vue +35 -16
  79. package/src/wave-ui/core.js +11 -1
  80. package/src/wave-ui/mixins/detachable.js +98 -43
  81. package/src/wave-ui/mixins/ripple.js +39 -0
  82. package/src/wave-ui/scss/_base.scss +82 -17
  83. package/src/wave-ui/scss/_colors.scss +6 -75
  84. package/src/wave-ui/scss/_layout.scss +39 -47
  85. package/src/wave-ui/scss/_ripple.scss +37 -0
  86. package/src/wave-ui/scss/_transitions.scss +19 -19
  87. package/src/wave-ui/scss/_typography.scss +8 -9
  88. package/src/wave-ui/scss/index.scss +1 -0
  89. package/src/wave-ui/scss/variables/_mixins.scss +24 -25
  90. package/src/wave-ui/scss/variables/_variables.scss +4 -151
  91. package/src/wave-ui/utils/colors.js +7 -4
  92. package/src/wave-ui/utils/config.js +5 -4
  93. package/src/wave-ui/utils/dynamic-css.js +42 -20
  94. package/src/wave-ui/utils/ripple.js +72 -0
  95. package/src/wave-ui/utils/wave-ripple-directive.js +40 -0
  96. package/dist/types/types/components/WApp.d.ts +0 -83
  97. package/src/wave-ui/components/w-app.vue +0 -24
  98. /package/dist/types/types/components/{WApp.js → WAutocomplete.js} +0 -0
@@ -0,0 +1,104 @@
1
+ import type { ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
2
+ import type { PublicProps, ResolveProps } from '../extra-vue-types';
3
+ export interface WaveTransitionBaseProps {
4
+ /**
5
+ * Triggers the transition on the initial render of the element.
6
+ * @property {boolean} appear
7
+ * @see https://antoniandre.github.io/wave-ui/transitions
8
+ */
9
+ appear?: boolean;
10
+ /**
11
+ * Overrides the default CSS transition/animation duration (in milliseconds or as a CSS value string).
12
+ * @property {number | string} duration
13
+ * @see https://antoniandre.github.io/wave-ui/transitions
14
+ */
15
+ duration?: number | string;
16
+ /**
17
+ * Controls the timing of enter/leave transitions when switching between two elements.
18
+ * Use `'out-in'` so the current element transitions out before the new one enters, or
19
+ * `'in-out'` for the reverse order. Leave unset for simultaneous enter + leave.
20
+ * @property {'out-in' | 'in-out'} mode
21
+ * @see https://vuejs.org/guide/built-ins/transition.html#transition-modes
22
+ * @see https://antoniandre.github.io/wave-ui/transitions
23
+ */
24
+ mode?: 'out-in' | 'in-out';
25
+ }
26
+ export interface WaveTransitionDirectionProps extends WaveTransitionBaseProps {
27
+ /**
28
+ * Slides the element from / towards the left.
29
+ * @property {boolean} left
30
+ * @see https://antoniandre.github.io/wave-ui/transitions
31
+ */
32
+ left?: boolean;
33
+ /**
34
+ * Slides the element from / towards the right.
35
+ * @property {boolean} right
36
+ * @see https://antoniandre.github.io/wave-ui/transitions
37
+ */
38
+ right?: boolean;
39
+ /**
40
+ * Slides the element from / towards the top.
41
+ * @property {boolean} up
42
+ * @see https://antoniandre.github.io/wave-ui/transitions
43
+ */
44
+ up?: boolean;
45
+ /**
46
+ * Slides the element from / towards the bottom (default direction).
47
+ * @property {boolean} down
48
+ * @see https://antoniandre.github.io/wave-ui/transitions
49
+ */
50
+ down?: boolean;
51
+ }
52
+ type DefaultSlot = SlotsType<{
53
+ /**
54
+ * The element or component to transition.
55
+ * @see https://antoniandre.github.io/wave-ui/transitions
56
+ */
57
+ 'default': () => any;
58
+ }>;
59
+ export type WTransitionFadeProps = WaveTransitionBaseProps;
60
+ export type WTransitionFade = DefineComponent<WTransitionFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionFadeProps>, DefaultSlot>;
61
+ export type WTransitionScaleProps = WaveTransitionBaseProps;
62
+ export type WTransitionScale = DefineComponent<WTransitionScaleProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionScaleProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionScaleProps>, DefaultSlot>;
63
+ export type WTransitionScaleFadeProps = WaveTransitionBaseProps;
64
+ export type WTransitionScaleFade = DefineComponent<WTransitionScaleFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionScaleFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionScaleFadeProps>, DefaultSlot>;
65
+ export type WTransitionBounceProps = WaveTransitionBaseProps;
66
+ export type WTransitionBounce = DefineComponent<WTransitionBounceProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionBounceProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionBounceProps>, DefaultSlot>;
67
+ export type WTransitionTwistProps = WaveTransitionBaseProps;
68
+ export type WTransitionTwist = DefineComponent<WTransitionTwistProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionTwistProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionTwistProps>, DefaultSlot>;
69
+ export interface WTransitionExpandProps {
70
+ /**
71
+ * Animates the element's width (and its horizontal margins, paddings and borders).
72
+ * Defaults to `true` when neither `x` nor `y` is set.
73
+ * @property {boolean} x
74
+ * @see https://antoniandre.github.io/wave-ui/transitions
75
+ */
76
+ x?: boolean;
77
+ /**
78
+ * Animates the element's height (and its vertical margins, paddings and borders).
79
+ * Defaults to `true` when neither `x` nor `y` is set.
80
+ * @property {boolean} y
81
+ * @see https://antoniandre.github.io/wave-ui/transitions
82
+ */
83
+ y?: boolean;
84
+ /**
85
+ * Duration of the JavaScript-driven expand/collapse animation in milliseconds.
86
+ * @property {number} duration - Default: 250
87
+ * @see https://antoniandre.github.io/wave-ui/transitions
88
+ */
89
+ duration?: number;
90
+ /**
91
+ * Controls the timing of enter/leave transitions when switching between two elements.
92
+ * Defaults to `'out-in'` so the collapsing element finishes before the expanding one starts.
93
+ * @property {'out-in' | 'in-out'} mode - Default: 'out-in'
94
+ * @see https://vuejs.org/guide/built-ins/transition.html#transition-modes
95
+ * @see https://antoniandre.github.io/wave-ui/transitions
96
+ */
97
+ mode?: 'out-in' | 'in-out';
98
+ }
99
+ export type WTransitionExpand = DefineComponent<WTransitionExpandProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionExpandProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionExpandProps>, DefaultSlot>;
100
+ export type WTransitionSlideProps = WaveTransitionDirectionProps;
101
+ export type WTransitionSlide = DefineComponent<WTransitionSlideProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionSlideProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionSlideProps>, DefaultSlot>;
102
+ export type WTransitionSlideFadeProps = WaveTransitionDirectionProps;
103
+ export type WTransitionSlideFade = DefineComponent<WTransitionSlideFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionSlideFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionSlideFadeProps>, DefaultSlot>;
104
+ export {};
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -98,6 +98,13 @@ export interface WaveTreeProps {
98
98
  * @see https://antoniandre.github.io/wave-ui/w-tree
99
99
  */
100
100
  selectable?: boolean;
101
+ /**
102
+ * When `true`, disables the pointer ripple on selectable nodes for this tree only.
103
+ * Global default still follows `$waveui.config.ripple`.
104
+ * @property {boolean} noRipple
105
+ * @see https://antoniandre.github.io/wave-ui/w-tree
106
+ */
107
+ noRipple?: boolean;
101
108
  /**
102
109
  * TODO: Add Description
103
110
  * @property {boolean} deepReactivity
@@ -1,6 +1,6 @@
1
1
  export { WAccordion } from './WAccordion';
2
2
  export { WAlert } from './WAlert';
3
- export { WApp } from './WApp';
3
+ export { WAutocomplete, WAutocompleteItem } from './WAutocomplete';
4
4
  export { WBadge } from './WBadge';
5
5
  export { WBreadcrumbs } from './WBreadcrumbs';
6
6
  export { WButton } from './WButton';
@@ -27,6 +27,7 @@ export { WProgress } from './WProgress';
27
27
  export { WRadio } from './WRadio';
28
28
  export { WRadios } from './WRadios';
29
29
  export { WRating } from './WRating';
30
+ export { WScrollable, type WaveScrollableScrollbar, type WaveScrollableScrollPayload, type WaveScrollableScrollPosition, type WaveScrollableScrollPositionInput, type WaveScrollableScrollSource } from './WScrollable';
30
31
  export { WSelect, WSelectDropdownItem } from './WSelect';
31
32
  export { WSlider } from './WSlider';
32
33
  export { WSpinner } from './WSpinner';
@@ -40,3 +41,4 @@ export { WTimeline } from './WTimeline';
40
41
  export { WToolbar } from './WToolbar';
41
42
  export { WTooltip } from './WTooltip';
42
43
  export { WTree } from './WTree';
44
+ export { WTransitionFade, WTransitionScale, WTransitionScaleFade, WTransitionBounce, WTransitionTwist, WTransitionExpand, WTransitionSlide, WTransitionSlideFade, type WaveTransitionBaseProps, type WaveTransitionDirectionProps, type WTransitionFadeProps, type WTransitionScaleProps, type WTransitionScaleFadeProps, type WTransitionBounceProps, type WTransitionTwistProps, type WTransitionExpandProps, type WTransitionSlideProps, type WTransitionSlideFadeProps } from './WTransitions';