maz-ui 3.0.6 → 3.0.8

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 (21) hide show
  1. package/components/MazCard.js +2 -2
  2. package/components/MazInput.js +2 -2
  3. package/components/MazInputNumber.js +1 -1
  4. package/components/MazInputPrice.d.ts +9 -0
  5. package/components/MazInputPrice.js +2 -2
  6. package/components/MazInputTags.js +1 -1
  7. package/components/MazPhoneNumberInput.js +2 -2
  8. package/components/MazPicker.js +1 -1
  9. package/components/MazSelect.d.ts +9 -0
  10. package/components/MazSelect.js +2 -2
  11. package/components/MazSlider.js +2 -2
  12. package/components/MazStepper.d.ts +59 -0
  13. package/components/MazStepper.js +1 -0
  14. package/components/MazTextarea/textarea-autogrow.d.ts +9 -0
  15. package/components/MazTextarea.d.ts +125 -0
  16. package/components/MazTextarea.js +1 -0
  17. package/components/MazTransitionExpand.js +1 -1
  18. package/components/index.d.ts +5 -1
  19. package/components/index.js +6 -0
  20. package/css/main.css +45 -10
  21. package/package.json +4 -5
package/components/MazTextarea.d.ts ADDED
@@ -0,0 +1,125 @@
1
+ import { type PropType } from 'vue';
2
+ import type { Color } from './types';
3
+ export type { Color } from './types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ modelValue: {
6
+ type: StringConstructor;
7
+ default: undefined;
8
+ };
9
+ id: {
10
+ type: StringConstructor;
11
+ default: undefined;
12
+ };
13
+ name: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ label: {
18
+ type: StringConstructor;
19
+ default: undefined;
20
+ };
21
+ required: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ readonly: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ error: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ success: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ warning: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
45
+ hint: {
46
+ type: StringConstructor;
47
+ default: undefined;
48
+ };
49
+ color: {
50
+ type: PropType<Color>;
51
+ default: string;
52
+ validator: (value: string) => boolean;
53
+ };
54
+ }, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
+ [key: string]: any;
56
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change")[], "input" | "focus" | "blur" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
57
+ modelValue: {
58
+ type: StringConstructor;
59
+ default: undefined;
60
+ };
61
+ id: {
62
+ type: StringConstructor;
63
+ default: undefined;
64
+ };
65
+ name: {
66
+ type: StringConstructor;
67
+ default: string;
68
+ };
69
+ label: {
70
+ type: StringConstructor;
71
+ default: undefined;
72
+ };
73
+ required: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
77
+ disabled: {
78
+ type: BooleanConstructor;
79
+ default: boolean;
80
+ };
81
+ readonly: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
85
+ error: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ success: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ warning: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ hint: {
98
+ type: StringConstructor;
99
+ default: undefined;
100
+ };
101
+ color: {
102
+ type: PropType<Color>;
103
+ default: string;
104
+ validator: (value: string) => boolean;
105
+ };
106
+ }>> & {
107
+ onInput?: ((...args: any[]) => any) | undefined;
108
+ onFocus?: ((...args: any[]) => any) | undefined;
109
+ onBlur?: ((...args: any[]) => any) | undefined;
110
+ onChange?: ((...args: any[]) => any) | undefined;
111
+ }, {
112
+ id: string;
113
+ name: string;
114
+ disabled: boolean;
115
+ required: boolean;
116
+ success: boolean;
117
+ warning: boolean;
118
+ modelValue: string;
119
+ label: string;
120
+ readonly: boolean;
121
+ error: boolean;
122
+ hint: string;
123
+ color: Color;
124
+ }>;
125
+ export default _default;
package/components/MazTextarea.js ADDED
@@ -0,0 +1 @@
1
+ import{ref as e,computed as n,defineComponent as t,getCurrentInstance as r,onMounted as o,onBeforeUnmount as a,openBlock as i,createElementBlock as l,normalizeClass as s,unref as u,createTextVNode as d,toDisplayString as c,createCommentVNode as m,withDirectives as f,createElementVNode as b,mergeProps as p,isRef as v,toHandlers as h,vModelText as x}from"vue";function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var y;(y={exports:{}}).exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},y.exports.__esModule=!0,y.exports.default=y.exports,e();var w={exports:{}};!function(e){e.exports=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}(w);var z=g(w.exports),k={exports:{}};!function(e){function n(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(k);var _=g(k.exports),E=function(){function e(n){z(this,e),this.element=n,this.onFocus=this.onFocus.bind(this),this.autogrow=this.autogrow.bind(this),this.onResize=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=void 0,o=void 0,a=function(){r&&(clearTimeout(r),o=void 0,r=void 0)},i=function(){var e=o;a(),e&&e()},l=function(){for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];if(!n)return e.apply(this,l);var u=this,d=t&&!r;return a(),o=function(){e.apply(u,l)},r=setTimeout((function(){if(r=void 0,!d){var e=o;if(o=void 0,void 0!==e)return e()}}),n),d?o():void 0};return l.cancel=a,l.flush=i,l}(this.onResize.bind(this),200),this.connect()}return _(e,[{key:"connect",value:function(){this.element.addEventListener("focus",this.onFocus),this.element.style.resize="none",this.element.style.boxSizing="border-box"}},{key:"disconnect",value:function(){window.removeEventListener("resize",this.onResize),this.element.removeEventListener("input",this.autogrow)}},{key:"onFocus",value:function(){this.autogrow(),this.element.addEventListener("input",this.autogrow),window.addEventListener("resize",this.onResize),this.element.removeEventListener("focus",this.onFocus)}},{key:"onResize",value:function(){this.autogrow()}},{key:"autogrow",value:function(){this.element.style.height="auto",this.element.style.overflow="hidden",this.element.style.height="".concat(this.element.scrollHeight,"px")}}]),e}(),T=["for"],S={key:0},B=["id","name","disabled","required"],M=t({__name:"MazTextarea",props:{modelValue:{type:String,default:void 0},id:{type:String,default:void 0},name:{type:String,default:"MazTextarea"},label:{type:String,default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)}}},emits:["input","focus","blur","change"],setup:function(t,g){var y,w=g.emit,z=t,k=function(e){var t=e.componentName,r=e.instance,o=e.providedId;return{instanceId:n((function(){return null!=o?o:"".concat(t,"-").concat(null==r?void 0:r.uid)}))}}({componentName:"MazTextarea",instance:r(),providedId:z.id}),_=k.instanceId,M=e(),L=e(!1),j=n((function(){return void 0!==z.modelValue&&""!==z.modelValue}));o((function(){M.value&&(y=new E(M.value))})),a((function(){var e;null===(e=y)||void 0===e||e.disconnect()}));var q=n({get:function(){return z.modelValue},set:function(e){return w("input",e)}}),C=function(e){w("focus",e),L.value=!0},F=function(e){w("blur",e),L.value=!1},I=function(e){return w("change",e)},O=n((function(){return z.label||z.hint})),R=n((function(){return O.value&&(L.value||j.value)})),V=n((function(){if(z.error)return"maz-border-danger";if(z.success)return"maz-border-success";if(z.warning)return"maz-border-warning";if(L.value){if("black"===z.color)return"maz-border-black";if("danger"===z.color)return"maz-border-danger";if("info"===z.color)return"maz-border-info";if("primary"===z.color)return"maz-border-primary";if("secondary"===z.color)return"maz-border-secondary";if("success"===z.color)return"maz-border-success";if("warning"===z.color)return"maz-border-warning";if("white"===z.color)return"maz-border-white"}return"--default-border"}));return function(e,n){return i(),l("div",{class:s(["m-textarea",{"--is-disabled":t.disabled,"--has-label":u(O)}])},[u(O)?(i(),l("label",{key:0,for:u(_),class:s(["m-textarea__label",[{"maz-text-danger-600":t.error,"maz-text-success-600":t.success,"maz-text-warning-600":t.warning,"--has-state":t.error||t.warning||t.success,"--should-up":u(R)}]])},[d(c(t.hint||t.label)+" ",1),t.required?(i(),l("sup",S,"*")):m("",!0)],10,T)):m("",!0),f(b("textarea",p({id:u(_),ref_key:"TextareaElement",ref:M},e.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=function(e){return v(q)?q.value=e:null}),name:t.name,disabled:t.disabled,required:t.required,class:[u(V)]},h({blur:F,focus:C,change:I},!0)),null,16,B),[[x,u(q)]])],2)}}});!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.m-textarea[data-v-42681338] {\n\n position: relative;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-orient: vertical;\n\n -webkit-box-direction: normal;\n\n -ms-flex-direction: column;\n\n flex-direction: column;\n}\n.m-textarea textarea[data-v-42681338] {\n\n min-height: 6.25rem;\n\n width: 100%;\n\n resize: vertical;\n\n border-radius: 0.5rem;\n\n border-width: 2px;\n\n background-color: var(--maz-color-bg);\n\n padding: 1rem;\n\n color: var(--maz-color-text);\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n}\n.m-textarea textarea.--default-border[data-v-42681338] {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-textarea.--has-label textarea[data-v-42681338] {\n\n padding-top: 1.5rem;\n}\n.m-textarea.--is-disabled textarea[data-v-42681338] {\n\n cursor: not-allowed;\n\n --tw-border-opacity: 1;\n\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n\n background-color: var(--maz-color-bg-lighter);\n\n color: var(--maz-color-muted);\n}\n.m-textarea__label[data-v-42681338] {\n\n pointer-events: none;\n\n position: absolute;\n\n display: block;\n\n width: -webkit-max-content;\n\n width: -moz-max-content;\n\n width: max-content;\n\n -webkit-transform-origin: top left;\n\n transform-origin: top left;\n\n overflow: hidden;\n\n text-overflow: ellipsis;\n\n white-space: nowrap;\n\n left: 1rem;\n\n top: 0.75rem;\n\n line-height: 1.5rem;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-textarea__label.--should-up[data-v-42681338] {\n -webkit-transform: scale(0.8) translateY(-0.65rem);\n transform: scale(0.8) translateY(-0.65rem);\n}\n.m-textarea__label[data-v-42681338]:not(.--has-state) {\n\n color: var(--maz-color-muted);\n}\nhtml.dark .m-textarea textarea[data-v-42681338] {\n\n background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-textarea textarea.--default-border[data-v-42681338] {\n\n border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-textarea.--is-disabled textarea[data-v-42681338] {\n\n border-color: var(--maz-color-bg-lighter);\n}\n"),M.__scopeId="data-v-42681338";export{M as default};
package/components/MazTransitionExpand.js CHANGED
@@ -1 +1 @@
1
- import{defineComponent as t,ref as e,openBlock as n,createBlock as i,Transition as a,withCtx as o,renderSlot as r,nextTick as s}from"vue";var d;!function(t){t.NONE="none",t.ENTERING="entering",t.AFTER_ENTERING="entering",t.LEAVING="entering"}(d||(d={}));var l=t({__name:"MazTransitionExpand",setup:function(t){var l=e(d.NONE);return function(t,e){return n(),i(a,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:e[0]||(e[0]=function(t){return function(t){if(l.value===d.NONE){var e=getComputedStyle(t).width;t.style.width=e,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto",t.style.top="bottom";var n=getComputedStyle(t).height;t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,s((function(){t.style.height=n}))}}(t)}),onAfterEnter:e[1]||(e[1]=function(t){return e=t,void(l.value===d.NONE&&(e.style.height="auto"));var e}),onLeave:e[2]||(e[2]=function(t){return function(t){if(l.value===d.NONE){var e=getComputedStyle(t).height;t.style.height=e,getComputedStyle(t).height,s((function(){t.style.height="0px"}))}}(t)})},{default:o((function(){return[r(t.$slots,"default")]})),_:3})}}});!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}("\n.m-transition-expand[data-v-aade7610],\n .m-transition-expand *[data-v-aade7610] {\n will-change: height;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n perspective: 1000px;\n}\n"),l.__scopeId="data-v-aade7610";export{l as default};
1
+ import{defineComponent as t,openBlock as e,createBlock as n,TransitionGroup as i,withCtx as a,renderSlot as o,nextTick as s}from"vue";var d=t({__name:"MazTransitionExpand",setup:function(t){return function(t,d){return e(),n(i,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:d[0]||(d[0]=function(t){return function(t){var e=getComputedStyle(t).width;t.style.width=e,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto",t.style.top="bottom";var n=getComputedStyle(t).height;t.style.width="",t.style.position="",t.style.visibility="",t.style.height="0px",getComputedStyle(t).height,s((function(){t.style.height=n}))}(t)}),onAfterEnter:d[1]||(d[1]=function(t){t.style.height="auto"}),onLeave:d[2]||(d[2]=function(t){return e=t,n=getComputedStyle(e).height,e.style.height=n,getComputedStyle(e).height,void s((function(){e.style.height="0px"}));var e,n})},{default:a((function(){return[o(t.$slots,"default")]})),_:3})}}});!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}("\n.m-transition-expand[data-v-b0443e46],\n .m-transition-expand *[data-v-b0443e46] {\n will-change: height;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n perspective: 1000px;\n}\n"),d.__scopeId="data-v-b0443e46";export{d as default};
package/components/index.d.ts CHANGED
@@ -25,12 +25,14 @@ import { default as MazRadioButtons } from './MazRadioButtons.js';
25
25
  import { default as MazSelect } from './MazSelect.js';
26
26
  import { default as MazSlider } from './MazSlider.js';
27
27
  import { default as MazSpinner } from './MazSpinner.js';
28
+ import { default as MazStepper } from './MazStepper.js';
28
29
  import { default as MazSwitch } from './MazSwitch.js';
29
30
  import { default as MazTabsBar } from './MazTabsBar.js';
30
31
  import { default as MazTabsContent } from './MazTabsContent.js';
31
32
  import { default as MazTabsContentItem } from './MazTabsContentItem.js';
33
+ import { default as MazTextarea } from './MazTextarea.js';
32
34
  import { default as MazTransitionExpand } from './MazTransitionExpand.js';
33
- export { MazArrowIcon, MazAvatar, MazBackDrop, MazBadge, MazBottomSheet, MazBtn, MazCard, MazCarousel, MazChart, MazCheckbox, MazDialog, MazDialogPromise, MazDrawer, MazDropzone, MazGallery, MazIcon, MazInput, MazInputNumber, MazInputPrice, MazInputTags, MazLazyImg, MazPhoneNumberInput, MazPicker, MazRadioButtons, MazSelect, MazSlider, MazSpinner, MazSwitch, MazTabsBar, MazTabsContent, MazTabsContentItem, MazTransitionExpand, };
35
+ export { MazArrowIcon, MazAvatar, MazBackDrop, MazBadge, MazBottomSheet, MazBtn, MazCard, MazCarousel, MazChart, MazCheckbox, MazDialog, MazDialogPromise, MazDrawer, MazDropzone, MazGallery, MazIcon, MazInput, MazInputNumber, MazInputPrice, MazInputTags, MazLazyImg, MazPhoneNumberInput, MazPicker, MazRadioButtons, MazSelect, MazSlider, MazSpinner, MazStepper, MazSwitch, MazTabsBar, MazTabsContent, MazTabsContentItem, MazTextarea, MazTransitionExpand, };
34
36
  declare const _default: {
35
37
  MazArrowIcon: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
36
38
  MazAvatar: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
@@ -59,10 +61,12 @@ declare const _default: {
59
61
  MazSelect: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
60
62
  MazSlider: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
61
63
  MazSpinner: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
64
+ MazStepper: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
62
65
  MazSwitch: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
63
66
  MazTabsBar: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
64
67
  MazTabsContent: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
65
68
  MazTabsContentItem: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
69
+ MazTextarea: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
66
70
  MazTransitionExpand: import("vue").DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Record<string, unknown>>, {}>;
67
71
  };
68
72
  export default _default;
package/components/index.js CHANGED
@@ -27,10 +27,12 @@ import { default as MazRadioButtons } from './MazRadioButtons.js'
27
27
  import { default as MazSelect } from './MazSelect.js'
28
28
  import { default as MazSlider } from './MazSlider.js'
29
29
  import { default as MazSpinner } from './MazSpinner.js'
30
+ import { default as MazStepper } from './MazStepper.js'
30
31
  import { default as MazSwitch } from './MazSwitch.js'
31
32
  import { default as MazTabsBar } from './MazTabsBar.js'
32
33
  import { default as MazTabsContent } from './MazTabsContent.js'
33
34
  import { default as MazTabsContentItem } from './MazTabsContentItem.js'
35
+ import { default as MazTextarea } from './MazTextarea.js'
34
36
  import { default as MazTransitionExpand } from './MazTransitionExpand.js'
35
37
 
36
38
  export {
@@ -61,10 +63,12 @@ export {
61
63
  MazSelect,
62
64
  MazSlider,
63
65
  MazSpinner,
66
+ MazStepper,
64
67
  MazSwitch,
65
68
  MazTabsBar,
66
69
  MazTabsContent,
67
70
  MazTabsContentItem,
71
+ MazTextarea,
68
72
  MazTransitionExpand
69
73
  }
70
74
 
@@ -96,9 +100,11 @@ export default {
96
100
  MazSelect,
97
101
  MazSlider,
98
102
  MazSpinner,
103
+ MazStepper,
99
104
  MazSwitch,
100
105
  MazTabsBar,
101
106
  MazTabsContent,
102
107
  MazTabsContentItem,
108
+ MazTextarea,
103
109
  MazTransitionExpand
104
110
  }
package/css/main.css CHANGED
@@ -996,6 +996,10 @@ html.--backdrop-present {
996
996
  bottom: 0px;
997
997
  }
998
998
 
999
+ .maz-top-3 {
1000
+ top: 0.75rem;
1001
+ }
1002
+
999
1003
  .maz-right-0 {
1000
1004
  right: 0px;
1001
1005
  }
@@ -1080,6 +1084,14 @@ html.--backdrop-present {
1080
1084
  margin-right: -0.25rem;
1081
1085
  }
1082
1086
 
1087
+ .maz-ml-1 {
1088
+ margin-left: 0.25rem;
1089
+ }
1090
+
1091
+ .maz-ml-\[2rem\] {
1092
+ margin-left: 2rem;
1093
+ }
1094
+
1083
1095
  .maz-mb-2 {
1084
1096
  margin-bottom: 0.5rem;
1085
1097
  }
@@ -1088,10 +1100,6 @@ html.--backdrop-present {
1088
1100
  margin-bottom: 0.75rem;
1089
1101
  }
1090
1102
 
1091
- .maz-ml-1 {
1092
- margin-left: 0.25rem;
1093
- }
1094
-
1095
1103
  .maz-block {
1096
1104
  display: block;
1097
1105
  }
@@ -1140,6 +1148,10 @@ html.--backdrop-present {
1140
1148
  height: 1rem;
1141
1149
  }
1142
1150
 
1151
+ .maz-h-8 {
1152
+ height: 2rem;
1153
+ }
1154
+
1143
1155
  .maz-h-16 {
1144
1156
  height: 4rem;
1145
1157
  }
@@ -1160,14 +1172,14 @@ html.--backdrop-present {
1160
1172
  height: 1.75rem;
1161
1173
  }
1162
1174
 
1163
- .maz-h-8 {
1164
- height: 2rem;
1165
- }
1166
-
1167
1175
  .maz-max-h-full {
1168
1176
  max-height: 100%;
1169
1177
  }
1170
1178
 
1179
+ .maz-min-h-\[6\.25rem\] {
1180
+ min-height: 6.25rem;
1181
+ }
1182
+
1171
1183
  .maz-min-h-0 {
1172
1184
  min-height: 0px;
1173
1185
  }
@@ -1194,6 +1206,10 @@ html.--backdrop-present {
1194
1206
  width: max-content;
1195
1207
  }
1196
1208
 
1209
+ .maz-w-6 {
1210
+ width: 1.5rem;
1211
+ }
1212
+
1197
1213
  .maz-w-min {
1198
1214
  width: -webkit-min-content;
1199
1215
  width: -moz-min-content;
@@ -1204,8 +1220,8 @@ html.--backdrop-present {
1204
1220
  width: 2.5rem;
1205
1221
  }
1206
1222
 
1207
- .maz-w-6 {
1208
- width: 1.5rem;
1223
+ .maz-w-8 {
1224
+ width: 2rem;
1209
1225
  }
1210
1226
 
1211
1227
  .maz-w-3\/5 {
@@ -1293,6 +1309,10 @@ html.--backdrop-present {
1293
1309
  cursor: not-allowed;
1294
1310
  }
1295
1311
 
1312
+ .maz-resize-y {
1313
+ resize: vertical;
1314
+ }
1315
+
1296
1316
  .maz-appearance-none {
1297
1317
  -webkit-appearance: none;
1298
1318
  -moz-appearance: none;
@@ -1408,6 +1428,12 @@ html.--backdrop-present {
1408
1428
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1409
1429
  }
1410
1430
 
1431
+ .maz-space-x-4 > :not([hidden]) ~ :not([hidden]) {
1432
+ --tw-space-x-reverse: 0;
1433
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
1434
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1435
+ }
1436
+
1411
1437
  .maz-space-y-1 > :not([hidden]) ~ :not([hidden]) {
1412
1438
  --tw-space-y-reverse: 0;
1413
1439
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1620,6 +1646,11 @@ html.--backdrop-present {
1620
1646
  border-color: var(--maz-color-bg-light);
1621
1647
  }
1622
1648
 
1649
+ .maz-border-gray-200 {
1650
+ --tw-border-opacity: 1;
1651
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1652
+ }
1653
+
1623
1654
  .maz-bg-transparent {
1624
1655
  background-color: transparent;
1625
1656
  }
@@ -2083,6 +2114,10 @@ html.--backdrop-present {
2083
2114
  justify-content: center;
2084
2115
  }
2085
2116
 
2117
+ .hover\:maz-bg-color-lighter:hover {
2118
+ background-color: var(--maz-color-bg-lighter);
2119
+ }
2120
+
2086
2121
  .focus\:maz-outline-none:focus {
2087
2122
  outline: 2px solid transparent;
2088
2123
  outline-offset: 2px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.0.6",
3
+ "version": "3.0.8",
4
4
  "description": "A stand-alone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "modules/index.js",
@@ -35,6 +35,7 @@
35
35
  "build:components-entry": "cross-env NODE_ENV=production node build/build-components-entry.js",
36
36
  "build:modules": "npm run build:lib -- --package modules",
37
37
  "build:components": "npm run build:lib -- --package components",
38
+ "build:component": "npm run build:lib -- --component",
38
39
  "build:css": "npm run build:tailwind && npm run build:scss",
39
40
  "build:tailwind": "NODE_ENV=production tailwindcss -i ./tailwindcss/css/tailwind.css -o css/main.css --config ./tailwind.config.js --postcss",
40
41
  "build:scss": "node build/compile-scss.js",
@@ -88,6 +89,7 @@
88
89
  "@types/rollup-plugin-peer-deps-external": "^2.2.1",
89
90
  "@typescript-eslint/eslint-plugin": "^5.38.0",
90
91
  "@typescript-eslint/parser": "^5.38.0",
92
+ "@vitejs/plugin-vue": "^2.3.4",
91
93
  "@vitest/coverage-c8": "^0.23.4",
92
94
  "@vue/compiler-sfc": "^3.2.39",
93
95
  "@vue/eslint-config-prettier": "^7.0.0",
@@ -170,8 +172,5 @@
170
172
  "type": "git",
171
173
  "url": "git+https://github.com/LouisMazel/maz-ui.git"
172
174
  },
173
- "license": "MIT",
174
- "dependencies": {
175
- "@vitejs/plugin-vue": "^2.3.4"
176
- }
175
+ "license": "MIT"
177
176
  }