maz-ui 3.0.7 → 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 (20) 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.js +1 -1
  5. package/components/MazInputTags.js +1 -1
  6. package/components/MazPhoneNumberInput.js +2 -2
  7. package/components/MazPicker.js +1 -1
  8. package/components/MazSelect.d.ts +9 -0
  9. package/components/MazSelect.js +2 -2
  10. package/components/MazSlider.js +2 -2
  11. package/components/MazStepper.d.ts +59 -0
  12. package/components/MazStepper.js +1 -0
  13. package/components/MazTextarea/textarea-autogrow.d.ts +9 -0
  14. package/components/MazTextarea.d.ts +125 -0
  15. package/components/MazTextarea.js +1 -0
  16. package/components/MazTransitionExpand.js +1 -1
  17. package/components/index.d.ts +5 -1
  18. package/components/index.js +6 -0
  19. package/css/main.css +39 -4
  20. 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
  }
@@ -1084,6 +1088,10 @@ html.--backdrop-present {
1084
1088
  margin-left: 0.25rem;
1085
1089
  }
1086
1090
 
1091
+ .maz-ml-\[2rem\] {
1092
+ margin-left: 2rem;
1093
+ }
1094
+
1087
1095
  .maz-mb-2 {
1088
1096
  margin-bottom: 0.5rem;
1089
1097
  }
@@ -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
  }
@@ -1208,6 +1220,10 @@ html.--backdrop-present {
1208
1220
  width: 2.5rem;
1209
1221
  }
1210
1222
 
1223
+ .maz-w-8 {
1224
+ width: 2rem;
1225
+ }
1226
+
1211
1227
  .maz-w-3\/5 {
1212
1228
  width: 60%;
1213
1229
  }
@@ -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.7",
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
  }