@bobbykim/manguito-theme 0.18.0 → 0.19.0

package/lib/theme/theme.types.d.ts

@@ -1,21 +0,0 @@
-export type ColorPalette = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light-1' | 'light-2' | 'light-3' | 'light-4' | 'dark-1' | 'dark-2' | 'dark-3' | 'dark-4' | 'black' | 'white' | 'transparent';
-export type SpacingLevel = '0' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4';
-export type HeadingSize = 'sm' | 'md' | 'lg' | 'xl';
-export type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type FontWeight = 'light' | 'normal' | 'bold';
-export type Alignment = 'left' | 'center' | 'right';
-export type VerticalAlignment = 'top' | 'center' | 'bottom';
-export type CtaTarget = '_self' | '_blank';
-export type Direction = 'left' | 'right' | 'top' | 'bottom';
-export type DirectionY = 'top' | 'bottom';
-export type DirectionX = 'left' | 'right';
-type _RangeArray<T extends number, R extends unknown[] = []> = R['length'] extends T ? R : _RangeArray<T, [...R, 1]>;
-type IntRange<T extends number[], E extends number, R extends number = never> = T['length'] extends E ? R | E : IntRange<[...T, 1], E, R | T['length']>;
-export type Range<T extends number, R extends number> = IntRange<_RangeArray<T>, R>;
-export type ButtonSize = 'small' | 'medium' | 'large';
-export type OpacityRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
-export type ColumnWidth = 25 | 50 | 75 | 100;
-export type CrossOrigin = 'use-credentials' | 'anonymous';
-export type InputType = 'text' | 'email' | 'password';
-export {};

package/lib/theme/theme.types.js

@@ -1 +0,0 @@
-export {};

package/lib/theme/theme.types.ts

@@ -1,68 +0,0 @@
-// Colors for bg-color and font-color
-export type ColorPalette =
-  | 'primary'
-  | 'secondary'
-  | 'success'
-  | 'info'
-  | 'warning'
-  | 'danger'
-  | 'light-1'
-  | 'light-2'
-  | 'light-3'
-  | 'light-4'
-  | 'dark-1'
-  | 'dark-2'
-  | 'dark-3'
-  | 'dark-4'
-  | 'black'
-  | 'white'
-  | 'transparent'
-// Available spacings
-export type SpacingLevel =
-  | '0'
-  | '3xs'
-  | '2xs'
-  | 'xs'
-  | 'sm'
-  | 'md'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-// Available heading levels
-export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4'
-// Available heading sizes
-export type HeadingSize = 'sm' | 'md' | 'lg' | 'xl'
-// Available body text sizes
-export type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-// Font weight
-export type FontWeight = 'light' | 'normal' | 'bold'
-// alignment
-export type Alignment = 'left' | 'center' | 'right'
-export type VerticalAlignment = 'top' | 'center' | 'bottom'
-// link targets
-export type CtaTarget = '_self' | '_blank'
-// Highlight positions
-export type Direction = 'left' | 'right' | 'top' | 'bottom'
-export type DirectionY = 'top' | 'bottom'
-export type DirectionX = 'left' | 'right'
-// available ranges
-type _RangeArray<
-  T extends number,
-  R extends unknown[] = []
-> = R['length'] extends T ? R : _RangeArray<T, [...R, 1]>
-type IntRange<
-  T extends number[],
-  E extends number,
-  R extends number = never
-> = T['length'] extends E ? R | E : IntRange<[...T, 1], E, R | T['length']>
-export type Range<T extends number, R extends number> = IntRange<
-  _RangeArray<T>,
-  R
->
-
-export type ButtonSize = 'small' | 'medium' | 'large'
-export type OpacityRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100
-export type ColumnWidth = 25 | 50 | 75 | 100
-export type CrossOrigin = 'use-credentials' | 'anonymous'
-export type InputType = 'text' | 'email' | 'password'

package/lib/tooltip/index.d.ts

@@ -1,62 +0,0 @@
-import type { PropType } from 'vue';
-import type { Direction, ColorPalette } from '../../index.js';
-declare const _default: import("vue").DefineComponent<{
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    color: {
-        type: PropType<ColorPalette>;
-        default: string;
-    };
-    textColor: {
-        type: PropType<ColorPalette>;
-        default: string;
-    };
-    width: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    customClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    color: {
-        type: PropType<ColorPalette>;
-        default: string;
-    };
-    textColor: {
-        type: PropType<ColorPalette>;
-        default: string;
-    };
-    width: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    customClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {
-    direction: Direction;
-    color: ColorPalette;
-    textColor: ColorPalette;
-    width: string | number;
-    customClass: string;
-}, {}>;
-export default _default;

package/lib/tooltip/index.js

@@ -1,71 +0,0 @@
-import { defineComponent, h, computed } from 'vue';
-import generateClass from '../../index.js';
-export default defineComponent({
-    props: {
-        direction: {
-            type: String,
-            default: 'right',
-        },
-        color: {
-            type: String,
-            default: 'dark-3',
-        },
-        textColor: {
-            type: String,
-            default: 'white',
-        },
-        width: {
-            type: [Number, String],
-            default: 80,
-        },
-        customClass: {
-            type: String,
-            default: '',
-        },
-        title: {
-            type: String,
-            required: true,
-        },
-    },
-    setup(props) {
-        const defaultClassList = 'invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip';
-        const colorClass = computed(() => {
-            /**
-             * @param {ColorPalette} color - props
-             * @param {ColorPalette} textolor - props
-             */
-            const { color, textColor } = props;
-            const classArray = [
-                generateClass('BGCOLOR', color),
-                generateClass('TEXTCOLOR', textColor),
-            ];
-            return classArray.join(' ');
-        });
-        const tooltipWidth = computed(() => {
-            return { width: `${props.width}px` };
-        });
-        const tooltipDirection = computed(() => {
-            switch (props.direction) {
-                case 'left':
-                    return 'tooltip-left';
-                case 'top':
-                    return 'tooltip-top';
-                case 'bottom':
-                    return 'tooltip-bottom';
-                default:
-                    return 'tooltip-right';
-            }
-        });
-        return () => h('div', {
-            class: [
-                defaultClassList,
-                props.customClass,
-                tooltipDirection.value,
-                colorClass.value,
-            ],
-            role: 'tooltip',
-            innerHTML: props.title,
-            style: [tooltipWidth.value],
-        });
-    },
-});

package/lib/tooltip/index.ts

@@ -1,76 +0,0 @@
-import { defineComponent, h, computed } from 'vue'
-import type { PropType } from 'vue'
-import type { Direction, ColorPalette } from '../../index.js'
-import generateClass from '../../index.js'
-
-export default defineComponent({
-  props: {
-    direction: {
-      type: String as PropType<Direction>,
-      default: 'right',
-    },
-    color: {
-      type: String as PropType<ColorPalette>,
-      default: 'dark-3',
-    },
-    textColor: {
-      type: String as PropType<ColorPalette>,
-      default: 'white',
-    },
-    width: {
-      type: [Number, String],
-      default: 80,
-    },
-    customClass: {
-      type: String,
-      default: '',
-    },
-    title: {
-      type: String,
-      required: true,
-    },
-  },
-  setup(props) {
-    const defaultClassList: string =
-      'invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip'
-    const colorClass = computed<string>(() => {
-      /**
-       * @param {ColorPalette} color - props
-       * @param {ColorPalette} textolor - props
-       */
-      const { color, textColor } = props
-      const classArray: string[] = [
-        generateClass('BGCOLOR', color),
-        generateClass('TEXTCOLOR', textColor),
-      ]
-      return classArray.join(' ')
-    })
-    const tooltipWidth = computed(() => {
-      return { width: `${props.width}px` }
-    })
-    const tooltipDirection = computed<string>(() => {
-      switch (props.direction) {
-        case 'left':
-          return 'tooltip-left'
-        case 'top':
-          return 'tooltip-top'
-        case 'bottom':
-          return 'tooltip-bottom'
-        default:
-          return 'tooltip-right'
-      }
-    })
-    return () =>
-      h('div', {
-        class: [
-          defaultClassList,
-          props.customClass,
-          tooltipDirection.value,
-          colorClass.value,
-        ],
-        role: 'tooltip',
-        innerHTML: props.title,
-        style: [tooltipWidth.value],
-      })
-  },
-})