@bobbykim/manguito-theme 0.10.0 → 0.11.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.11.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.10.0...@bobbykim/manguito-theme@0.11.0) (2023-12-02)
+
+
+### Features
+
+* **manguito-theme:** update import path ([c6c69fa](https://github.com/bobbykim89/manguito-component-library/commit/c6c69fa416e6ff7f388d97f8663a8e77b2e806d3))
+
+
+
+
+
 # [0.10.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.9.0...@bobbykim/manguito-theme@0.10.0) (2023-12-01)
 
 

package/index.d.ts

@@ -8,6 +8,6 @@ import HamburgerMenu from './lib/nav/HamburgerMenu.vue';
 declare const generateClass: (type: ClassType, value: InputType) => string;
 export default generateClass;
 export { DropdownContainer, DropdownContent, Collapse, HamburgerMenu, Sidebar, Modal, };
-export * from './lib/directives';
-export * from './theme/theme.types';
-export * from './lib/collapse/index.types';
+export * from './lib/directives/index.js';
+export * from './theme/theme.types.js';
+export * from './lib/collapse/index.types.js';

package/index.js

@@ -1,4 +1,4 @@
-import GenerateMCLClass, { colorType, textType, borderWidthType, scaleType, } from './theme';
+import GenerateMCLClass, { colorType, textType, borderWidthType, scaleType, } from './theme/index.js';
 // base components
 import DropdownContainer from './lib/dropdown/DropdownContainer.vue';
 import DropdownContent from './lib/dropdown/DropdownContent.vue';
@@ -25,7 +25,7 @@ const generateClass = (type, value) => {
 };
 export default generateClass;
 export { DropdownContainer, DropdownContent, Collapse, HamburgerMenu, Sidebar, Modal, };
-export * from './lib/directives';
-export * from './theme/theme.types';
-export * from './lib/collapse/index.types';
+export * from './lib/directives/index.js';
+export * from './theme/theme.types.js';
+export * from './lib/collapse/index.types.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EACvB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,kBAAkB;AAClB,OAAO,iBAAiB,MAAM,sCAAsC,CAAA;AACpE,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,QAAQ,MAAM,6BAA6B,CAAA;AAClD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,KAAK,MAAM,uBAAuB,CAAA;AAEzC,OAAO,aAAa,MAAM,6BAA6B,CAAA;AAEvD,MAAM,aAAa,GAAG,CAAC,IAAe,EAAE,KAAgB,EAAU,EAAE;IAClE,MAAM,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACrD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,IAAyB,QAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClD,OAAO,WAAW,CAAC,iBAAiB,EAAE,CAAA;KACvC;IACD,IAAyB,eAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzD,OAAO,WAAW,CAAC,wBAAwB,EAAE,CAAA;KAC9C;IACD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,+CAA+C;IAC/C,OAAO,WAAW,CAAC,oBAAoB,EAAE,CAAA;AAC3C,CAAC,CAAA;AAED,eAAe,aAAa,CAAA;AAE5B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,GACN,CAAA;AACD,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EACvB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,SAAS,GACV,MAAM,kBAAkB,CAAA;AAEzB,kBAAkB;AAClB,OAAO,iBAAiB,MAAM,sCAAsC,CAAA;AACpE,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,QAAQ,MAAM,6BAA6B,CAAA;AAClD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,KAAK,MAAM,uBAAuB,CAAA;AAEzC,OAAO,aAAa,MAAM,6BAA6B,CAAA;AAEvD,MAAM,aAAa,GAAG,CAAC,IAAe,EAAE,KAAgB,EAAU,EAAE;IAClE,MAAM,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACrD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,IAAyB,QAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClD,OAAO,WAAW,CAAC,iBAAiB,EAAE,CAAA;KACvC;IACD,IAAyB,eAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzD,OAAO,WAAW,CAAC,wBAAwB,EAAE,CAAA;KAC9C;IACD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,+CAA+C;IAC/C,OAAO,WAAW,CAAC,oBAAoB,EAAE,CAAA;AAC3C,CAAC,CAAA;AAED,eAAe,aAAa,CAAA;AAE5B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,GACN,CAAA;AACD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA"}

package/index.ts

@@ -3,7 +3,7 @@ import GenerateMCLClass, {
   textType,
   borderWidthType,
   scaleType,
-} from './theme'
+} from './theme/index.js'
 import type { ClassType, InputType } from './theme/index.js'
 // base components
 import DropdownContainer from './lib/dropdown/DropdownContainer.vue'
@@ -42,6 +42,6 @@ export {
   Sidebar,
   Modal,
 }
-export * from './lib/directives'
-export * from './theme/theme.types'
-export * from './lib/collapse/index.types'
+export * from './lib/directives/index.js'
+export * from './theme/theme.types.js'
+export * from './lib/collapse/index.types.js'

package/lib/collapse/Collapse.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, watch, Transition, onMounted, onBeforeUnmount } from 'vue'
-import { observeVisibleAttr } from '../composables'
+import { observeVisibleAttr } from '../composables/index.js'
 
 const props = withDefaults(
   defineProps<{

package/lib/composables/index.d.ts

@@ -1 +1 @@
-export * from './observeVisible';
+export * from './observeVisible.js';

package/lib/composables/index.js

@@ -1,2 +1,2 @@
-export * from './observeVisible';
+export * from './observeVisible.js';
 //# sourceMappingURL=index.js.map

package/lib/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/lib/composables/index.ts

@@ -1 +1 @@
-export * from './observeVisible'
+export * from './observeVisible.js'

package/lib/directives/index.d.ts

@@ -1,5 +1,5 @@
 import { Directive } from 'vue';
-import type { TooltipElementType, TooltipValueType } from './index.types';
+import type { TooltipElementType, TooltipValueType } from './index.types.js';
 export declare const vClickOutside: Directive;
 export declare const vToggle: Directive;
 export declare const vCollapse: Directive;

package/lib/directives/index.ts

@@ -1,7 +1,7 @@
 import { Directive, DirectiveBinding, h, render, createVNode } from 'vue'
-import type { Direction } from '../..'
+import type { Direction } from '../../index.js'
 import tooltip from '../tooltip/index.js'
-import type { TooltipElementType, TooltipValueType } from './index.types'
+import type { TooltipElementType, TooltipValueType } from './index.types.js'
 
 export const vClickOutside: Directive = {
   mounted(el, binding) {

package/lib/directives/index.types.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPalette } from '../..';
+import type { ColorPalette } from '../../index.js';
 export interface TooltipElementType extends HTMLElement {
     __HandleTooltip: Function;
     __UnmountTooltip: Function;

package/lib/directives/index.types.ts

@@ -1,4 +1,4 @@
-import type { ColorPalette } from '../..'
+import type { ColorPalette } from '../../index.js'
 
 export interface TooltipElementType extends HTMLElement {
   __HandleTooltip: Function

package/lib/dropdown/DropdownContainer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, provide, ref, onMounted } from 'vue'
-import type { InjectType } from './index.types'
-import { vClickOutside } from '../directives'
+import type { InjectType } from './index.types.js'
+import { vClickOutside } from '../directives/index.js'
 
 const emit = defineEmits(['click-outside', 'toggle'])
 const dropdownTarget = ref()

package/lib/dropdown/DropdownContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, inject, Transition } from 'vue'
-import { InjectType } from './index.types'
+import { InjectType } from './index.types.js'
 
 const props = withDefaults(
   defineProps<{

package/lib/modal/Modal.vue

@@ -11,8 +11,8 @@ import generateClass, {
   ColorPalette,
   vClickOutside,
   VerticalAlignment,
-} from '../../'
-import { observeVisibleAttr } from '../composables'
+} from '../../index.js'
+import { observeVisibleAttr } from '../composables/index.js'
 
 const props = withDefaults(
   defineProps<{

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

@@ -1,4 +1,4 @@
-import { ColorPalette, VerticalAlignment } from '../../';
+import { ColorPalette, VerticalAlignment } from '../../index.js';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visible: {
         type: import("vue").PropType<boolean>;

package/lib/nav/HamburgerMenu.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { ColorPalette } from '../../'
-import generateClass from '../../index'
+import type { ColorPalette } from '../../index.js'
+import generateClass from '../../index.js'
 
 const props = withDefaults(
   defineProps<{

package/lib/nav/HamburgerMenu.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPalette } from '../../';
+import type { ColorPalette } from '../../index.js';
 declare const _default: import("vue").DefineComponent<{
     toggle: {
         type: import("vue").PropType<boolean>;

package/lib/sidebar/Sidebar.vue

@@ -7,8 +7,12 @@ import {
   onMounted,
   onBeforeUnmount,
 } from 'vue'
-import generateClass, { ColorPalette, vClickOutside, DirectionX } from '../../'
-import { observeVisibleAttr } from '../composables'
+import generateClass, {
+  ColorPalette,
+  vClickOutside,
+  DirectionX,
+} from '../../index.js'
+import { observeVisibleAttr } from '../composables/index.js'
 
 const props = withDefaults(
   defineProps<{

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

@@ -1,4 +1,4 @@
-import { ColorPalette, DirectionX } from '../../';
+import { ColorPalette, DirectionX } from '../../index.js';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visible: {
         type: import("vue").PropType<boolean>;

package/lib/tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Direction, ColorPalette } from '../../';
+import type { Direction, ColorPalette } from '../../index.js';
 declare const _default: import("vue").DefineComponent<{
     direction: {
         type: PropType<Direction>;

package/lib/tooltip/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue';
-import generateClass from '../../';
+import generateClass from '../../index.js';
 export default defineComponent({
     props: {
         direction: {

package/lib/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE5D,OAAO,aAAa,MAAM,QAAQ,CAAA;AAElC,eAAe,eAAe,CAAC;IAC7B,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,MAA6B;YACnC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAgC;YACtC,OAAO,EAAE,QAAQ;SAClB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAgC;YACtC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;YACtB,OAAO,EAAE,EAAE;SACZ;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;SACf;KACF;IACD,KAAK,CAAC,KAAK;QACT,MAAM,gBAAgB,GACpB,iFAAiF,CAAA;QACnF,MAAM,UAAU,GAAG,QAAQ,CAAS,GAAG,EAAE;YACvC;;;eAGG;YACH,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;YAClC,MAAM,UAAU,GAAa;gBAC3B,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC/B,aAAa,CAAC,WAAW,EAAE,SAAS,CAAC;aACtC,CAAA;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QACtC,CAAC,CAAC,CAAA;QACF,MAAM,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE;YAC7C,QAAQ,KAAK,CAAC,SAAS,EAAE;gBACvB,KAAK,MAAM;oBACT,OAAO,cAAc,CAAA;gBACvB,KAAK,KAAK;oBACR,OAAO,aAAa,CAAA;gBACtB,KAAK,QAAQ;oBACX,OAAO,gBAAgB,CAAA;gBACzB;oBACE,OAAO,eAAe,CAAA;aACzB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE;gBACL,gBAAgB;gBAChB,KAAK,CAAC,WAAW;gBACjB,gBAAgB,CAAC,KAAK;gBACtB,UAAU,CAAC,KAAK;aACjB;YACD,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,KAAK,CAAC,KAAK;YACtB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;SAC5B,CAAC,CAAA;IACN,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE5D,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAE1C,eAAe,eAAe,CAAC;IAC7B,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,MAA6B;YACnC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAgC;YACtC,OAAO,EAAE,QAAQ;SAClB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAgC;YACtC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;YACtB,OAAO,EAAE,EAAE;SACZ;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;SACf;KACF;IACD,KAAK,CAAC,KAAK;QACT,MAAM,gBAAgB,GACpB,iFAAiF,CAAA;QACnF,MAAM,UAAU,GAAG,QAAQ,CAAS,GAAG,EAAE;YACvC;;;eAGG;YACH,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;YAClC,MAAM,UAAU,GAAa;gBAC3B,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC/B,aAAa,CAAC,WAAW,EAAE,SAAS,CAAC;aACtC,CAAA;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QACtC,CAAC,CAAC,CAAA;QACF,MAAM,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE;YAC7C,QAAQ,KAAK,CAAC,SAAS,EAAE;gBACvB,KAAK,MAAM;oBACT,OAAO,cAAc,CAAA;gBACvB,KAAK,KAAK;oBACR,OAAO,aAAa,CAAA;gBACtB,KAAK,QAAQ;oBACX,OAAO,gBAAgB,CAAA;gBACzB;oBACE,OAAO,eAAe,CAAA;aACzB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE;YACP,KAAK,EAAE;gBACL,gBAAgB;gBAChB,KAAK,CAAC,WAAW;gBACjB,gBAAgB,CAAC,KAAK;gBACtB,UAAU,CAAC,KAAK;aACjB;YACD,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,KAAK,CAAC,KAAK;YACtB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;SAC5B,CAAC,CAAA;IACN,CAAC;CACF,CAAC,CAAA"}

package/lib/tooltip/index.ts

@@ -1,6 +1,6 @@
 import { PropType, defineComponent, h, computed } from 'vue'
-import type { Direction, ColorPalette } from '../../'
-import generateClass from '../../'
+import type { Direction, ColorPalette } from '../../index.js'
+import generateClass from '../../index.js'
 
 export default defineComponent({
   props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "0.10.0",
+  "version": "0.11.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",
@@ -20,5 +20,5 @@
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
   },
   "license": "MIT",
-  "gitHead": "7979c245b870aa828a409f43c82c7d31e3e32b4e"
+  "gitHead": "611ab1973fc265c057554bf3bb9d48b18f9fe720"
 }

package/theme/index.d.ts

@@ -1,5 +1,5 @@
 import MCLTheme from './theme.js';
-import type { ColorPalette, HeadingSize, BodyText, FontWeight, Range, OpacityRange, SpacingLevel, Alignment } from './theme.types';
+import type { ColorPalette, HeadingSize, BodyText, FontWeight, Range, OpacityRange, SpacingLevel, Alignment } from './theme.types.js';
 /**
  * @TailwindCSS - Good practice is to let all of used classes to be in full instead of generated dynamically using methods such as string literal.
  * @Interface - ClassType to define the case, and Input type to generate tailwind clssname.

package/theme/index.ts

@@ -8,7 +8,7 @@ import type {
   OpacityRange,
   SpacingLevel,
   Alignment,
-} from './theme.types'
+} from './theme.types.js'
 
 /**
  * @TailwindCSS - Good practice is to let all of used classes to be in full instead of generated dynamically using methods such as string literal.

package/theme/theme.d.ts

@@ -3,7 +3,7 @@
  * @Interface - Classes for color, header text, body text, border color, border width(top, left).
  * @Export RDSTheme - an abstract class
  */
-import type { ColorPalette, HeadingSize, BodyText, FontWeight, Range, OpacityRange, SpacingLevel, Alignment as Position } from './theme.types';
+import type { ColorPalette, HeadingSize, BodyText, FontWeight, Range, OpacityRange, SpacingLevel, Alignment as Position } from './theme.types.js';
 export type ColorClass = {
     [key in ColorPalette]: string;
 };

package/theme/theme.ts

@@ -12,7 +12,7 @@ import type {
   OpacityRange,
   SpacingLevel,
   Alignment as Position,
-} from './theme.types'
+} from './theme.types.js'
 
 export type ColorClass = {
   [key in ColorPalette]: string