@bobbykim/manguito-theme 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.17.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.15.0...@bobbykim/manguito-theme@0.17.0) (2024-03-24)
+
+
+### Features
+
+* build and release ([a372086](https://github.com/bobbykim89/manguito-component-library/commit/a3720861fb40dd6ec1d0e3dda1f06e2479967432))
+* code refactor ([8a025e7](https://github.com/bobbykim89/manguito-component-library/commit/8a025e7cf870ff3dd0cb35878a08793e99ec5cef))
+* **components/*:** prepublish build ([c8eb95a](https://github.com/bobbykim89/manguito-component-library/commit/c8eb95a0ede6727bf183d2e9ad634ae64af1411d))
+* **manguito-theme:** add header-vertical component ([05c339d](https://github.com/bobbykim89/manguito-component-library/commit/05c339d77cdded35d2e45a5c22c3833329e41532))
+* **manguito-theme:** add new base component header-horizontal ([d3826ee](https://github.com/bobbykim89/manguito-component-library/commit/d3826ee1da15ea0edd2fa7f959269704f22008b3))
+* **manguito-theme:** code refactor ([d310131](https://github.com/bobbykim89/manguito-component-library/commit/d31013189fa5e1c4f8085de63a08ee2932652f55))
+* **mcl-header-a:** wip) update mcl-header-a ([344a13f](https://github.com/bobbykim89/manguito-component-library/commit/344a13f3cd25c6b02fc99866f19ae65bc89d9ec5))
+* **mcl-header-b:** add mobile layout for mcl-header-b ([ca961ec](https://github.com/bobbykim89/manguito-component-library/commit/ca961ecbaecab1d2e879cb62e905e713878539c0))
+* **mcl-header-b:** add more layouts for desktop screen ([bfd1c7e](https://github.com/bobbykim89/manguito-component-library/commit/bfd1c7e8ed3d9b839bea0dd1a7c3b5740a345c41))
+* **mcl-header-b:** fix minor issues with mcl closing collapses in menu item click, update text color of menu items ([1ecfcf3](https://github.com/bobbykim89/manguito-component-library/commit/1ecfcf3ec474e6a6097a34bb9861cbb680280530))
+* **mcl-header-b:** wip) adding story file for mcl-header-b ([2a80675](https://github.com/bobbykim89/manguito-component-library/commit/2a8067553df9a138398aef2a898ebdf3b4a9a268))
+* **mcl-header:** move deprecated items to deprecated folder in root dir, update configs, init mcl-header-b component ([19aa842](https://github.com/bobbykim89/manguito-component-library/commit/19aa842faa7f1594f7be030b97d5093014efe7cb))
+* tsconfig update, slots and emits update ([c30ff80](https://github.com/bobbykim89/manguito-component-library/commit/c30ff804c961d205ac097e20cd51285a15ca8966))
+
+
+
+
+
 # [0.16.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.15.0...@bobbykim/manguito-theme@0.16.0) (2024-03-21)
 
 

package/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassType, InputType } from './theme';
+import { generateClass } from './lib/theme/generateClass';
 import Collapse from './lib/collapse/Collapse.vue';
 import DropdownContainer from './lib/dropdown/DropdownContainer.vue';
 import DropdownContent from './lib/dropdown/DropdownContent.vue';
@@ -6,9 +6,8 @@ import HeaderHorizontal from './lib/header/HeaderHorizontal.vue';
 import HeaderVertical from './lib/header/HeaderVertical.vue';
 import Modal from './lib/modal/Modal.vue';
 import Sidebar from './lib/sidebar/Sidebar.vue';
-declare const generateClass: (type: ClassType, value: InputType) => string;
-export default generateClass;
 export * from './lib/directives';
 export * from './lib/header/index.types';
-export * from './theme/theme.types';
+export * from './lib/theme/theme.types';
 export { Collapse, DropdownContainer, DropdownContent, HeaderHorizontal, HeaderVertical, Modal, Sidebar, };
+export default generateClass;

package/index.js

@@ -1,4 +1,5 @@
-import GenerateMCLClass, { borderWidthType, colorType, scaleType, textType, } from './theme';
+// generate class function
+import { generateClass } from './lib/theme/generateClass';
 // base components
 import Collapse from './lib/collapse/Collapse.vue';
 import DropdownContainer from './lib/dropdown/DropdownContainer.vue';
@@ -7,25 +8,11 @@ import HeaderHorizontal from './lib/header/HeaderHorizontal.vue';
 import HeaderVertical from './lib/header/HeaderVertical.vue';
 import Modal from './lib/modal/Modal.vue';
 import Sidebar from './lib/sidebar/Sidebar.vue';
-const generateClass = (type, value) => {
-    const mclGenerate = new GenerateMCLClass(type, value);
-    if (colorType.includes(type)) {
-        return mclGenerate.generateColorClass();
-    }
-    if (textType.includes(type)) {
-        return mclGenerate.generateTextClass();
-    }
-    if (borderWidthType.includes(type)) {
-        return mclGenerate.generateBorderWidthClass();
-    }
-    if (scaleType.includes(type)) {
-        return mclGenerate.generateScaleClass();
-    }
-    // return spacing type if all of above is false
-    return mclGenerate.generateSpacingClass();
-};
-export default generateClass;
+// directives
 export * from './lib/directives';
+// types
 export * from './lib/header/index.types';
-export * from './theme/theme.types';
+export * from './lib/theme/theme.types';
+// export components
 export { Collapse, DropdownContainer, DropdownContent, HeaderHorizontal, HeaderVertical, Modal, Sidebar, };
+export default generateClass;

package/index.ts

@@ -1,10 +1,5 @@
-import type { ClassType, InputType } from './theme'
-import GenerateMCLClass, {
-  borderWidthType,
-  colorType,
-  scaleType,
-  textType,
-} from './theme'
+// generate class function
+import { generateClass } from './lib/theme/generateClass'
 // base components
 import Collapse from './lib/collapse/Collapse.vue'
 import DropdownContainer from './lib/dropdown/DropdownContainer.vue'
@@ -14,29 +9,13 @@ import HeaderVertical from './lib/header/HeaderVertical.vue'
 import Modal from './lib/modal/Modal.vue'
 import Sidebar from './lib/sidebar/Sidebar.vue'
 
-const generateClass = (type: ClassType, value: InputType): string => {
-  const mclGenerate = new GenerateMCLClass(type, value)
-  if ((<string[]>(<unknown>colorType)).includes(type)) {
-    return mclGenerate.generateColorClass()
-  }
-  if ((<string[]>(<unknown>textType)).includes(type)) {
-    return mclGenerate.generateTextClass()
-  }
-  if ((<string[]>(<unknown>borderWidthType)).includes(type)) {
-    return mclGenerate.generateBorderWidthClass()
-  }
-  if ((<string[]>(<unknown>scaleType)).includes(type)) {
-    return mclGenerate.generateScaleClass()
-  }
-  // return spacing type if all of above is false
-  return mclGenerate.generateSpacingClass()
-}
-
-export default generateClass
-
+// directives
 export * from './lib/directives'
+// types
 export * from './lib/header/index.types'
-export * from './theme/theme.types'
+export * from './lib/theme/theme.types'
+
+// export components
 export {
   Collapse,
   DropdownContainer,
@@ -46,3 +25,5 @@ export {
   Modal,
   Sidebar,
 }
+
+export default generateClass

package/lib/collapse/Collapse.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: (visible: boolean) => void;
     close: (visible: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     accordion?: string | undefined;
     className?: string | undefined;
     visible?: boolean | undefined;
@@ -27,7 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     className: string;
 }, {}>, Readonly<{
     default: any;
-}>>;
+}> & {
+    default: any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/dropdown/DropdownContainer.vue.d.ts

@@ -1,13 +1,16 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click-outside": (event: Event) => void;
     toggle: (event: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onToggle?: ((event: Event) => any) | undefined;
     "onClick-outside"?: ((event: Event) => any) | undefined;
 }, {}, {}>, Readonly<{
     default: any;
     toggler: any;
-}>>;
+}> & {
+    default: any;
+    toggler: any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/dropdown/DropdownContent.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     className?: string | undefined;
 }>, {
     className: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     className?: string | undefined;
 }>, {
     className: string;
@@ -12,7 +12,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default(props: {
         itemClick: () => void;
     }): any;
-}>>;
+}> & {
+    default(props: {
+        itemClick: () => void;
+    }): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/header/HeaderHorizontal.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     headerClose: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "toggle-drawer": (event: Event, open: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     bgColor?: ColorPalette | undefined;
     mobileMenuBgColor?: ColorPalette | undefined;
     drawerBtnColor?: ColorPalette | undefined;
@@ -52,7 +52,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     'mobile-content'(props: {
         headerClose: () => void;
     }): any;
-}>>;
+}> & {
+    content: any;
+    'content-right': any;
+    'mobile-content'(props: {
+        headerClose: () => void;
+    }): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/header/HeaderVertical.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     headerClose: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "toggle-drawer": (event: Event, open: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     bgColor?: ColorPalette | undefined;
     drawerBtnColor?: ColorPalette | undefined;
     drawerBtnBorder?: boolean | undefined;
@@ -37,7 +37,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     'mobile-content'(props: {
         headerClose: () => void;
     }): any;
-}>>;
+}> & {
+    default: any;
+    content: any;
+    'content-bottom': any;
+    'mobile-content'(props: {
+        headerClose: () => void;
+    }): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/header/NavDrawer.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayBorder: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "hbg-click": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     color?: ColorPalette | undefined;
     displayBorder?: boolean | undefined;
     toggle: boolean;

package/lib/modal/Modal.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: (visible: boolean) => void;
     close: (visible: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string | undefined;
     titleColor?: ColorPalette | undefined;
     className?: string | undefined;
@@ -69,7 +69,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         close: () => void;
         status: boolean;
     }): any;
-}>>;
+}> & {
+    header(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+    body(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+    footer(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/sidebar/Sidebar.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: (visible: boolean) => void;
     close: (visible: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string | undefined;
     titleColor?: ColorPalette | undefined;
     className?: string | undefined;
@@ -74,7 +74,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         close: () => void;
         status: boolean;
     }): any;
-}>>;
+}> & {
+    header(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+    body(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+    footer(props: {
+        close: () => void;
+        status: boolean;
+    }): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/theme/generateClass.d.ts

@@ -0,0 +1,2 @@
+import type { ClassType, InputType } from '.';
+export declare const generateClass: (type: ClassType, value: InputType) => string;

package/lib/theme/generateClass.js

@@ -0,0 +1,18 @@
+import GenerateMCLClass, { borderWidthType, colorType, scaleType, textType, } from '.';
+export const generateClass = (type, value) => {
+    const mclGenerate = new GenerateMCLClass(type, value);
+    if (colorType.includes(type)) {
+        return mclGenerate.generateColorClass();
+    }
+    if (textType.includes(type)) {
+        return mclGenerate.generateTextClass();
+    }
+    if (borderWidthType.includes(type)) {
+        return mclGenerate.generateBorderWidthClass();
+    }
+    if (scaleType.includes(type)) {
+        return mclGenerate.generateScaleClass();
+    }
+    // return spacing type if all of above is false
+    return mclGenerate.generateSpacingClass();
+};

package/lib/theme/generateClass.ts

@@ -0,0 +1,25 @@
+import type { ClassType, InputType } from '.'
+import GenerateMCLClass, {
+  borderWidthType,
+  colorType,
+  scaleType,
+  textType,
+} from '.'
+
+export const generateClass = (type: ClassType, value: InputType): string => {
+  const mclGenerate = new GenerateMCLClass(type, value)
+  if ((<string[]>(<unknown>colorType)).includes(type)) {
+    return mclGenerate.generateColorClass()
+  }
+  if ((<string[]>(<unknown>textType)).includes(type)) {
+    return mclGenerate.generateTextClass()
+  }
+  if ((<string[]>(<unknown>borderWidthType)).includes(type)) {
+    return mclGenerate.generateBorderWidthClass()
+  }
+  if ((<string[]>(<unknown>scaleType)).includes(type)) {
+    return mclGenerate.generateScaleClass()
+  }
+  // return spacing type if all of above is false
+  return mclGenerate.generateSpacingClass()
+}

package/lib/tooltip/index.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: PropType<Direction>;
         default: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "main": "index.ts",
@@ -30,5 +30,5 @@
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
   },
   "license": "MIT",
-  "gitHead": "5b81953e5108fd166c0b89ebc6a24e6de9499635"
+  "gitHead": "f4be01699f747aba1f831a1f796f8e41e6fcd676"
 }