@bobbykim/manguito-theme 0.17.0 → 0.19.0

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 (66) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +3 -2
  3. package/dist/core.cjs +2 -0
  4. package/dist/core.d.ts +676 -0
  5. package/dist/core.js +2088 -0
  6. package/dist/mcl-theme.cjs +1 -0
  7. package/dist/mcl-theme.d.ts +12 -0
  8. package/dist/mcl-theme.js +608 -0
  9. package/package.json +28 -7
  10. package/CHANGELOG.md +0 -137
  11. package/index.d.ts +0 -13
  12. package/index.js +0 -18
  13. package/index.ts +0 -29
  14. package/lib/collapse/Collapse.vue +0 -126
  15. package/lib/collapse/Collapse.vue.d.ts +0 -55
  16. package/lib/composables/index.d.ts +0 -1
  17. package/lib/composables/index.js +0 -1
  18. package/lib/composables/index.ts +0 -1
  19. package/lib/composables/observeVisible.d.ts +0 -1
  20. package/lib/composables/observeVisible.js +0 -24
  21. package/lib/composables/observeVisible.ts +0 -24
  22. package/lib/directives/index.d.ts +0 -6
  23. package/lib/directives/index.js +0 -186
  24. package/lib/directives/index.ts +0 -211
  25. package/lib/directives/index.types.d.ts +0 -14
  26. package/lib/directives/index.types.js +0 -1
  27. package/lib/directives/index.types.ts +0 -15
  28. package/lib/dropdown/DropdownContainer.vue +0 -50
  29. package/lib/dropdown/DropdownContainer.vue.d.ts +0 -19
  30. package/lib/dropdown/DropdownContent.vue +0 -69
  31. package/lib/dropdown/DropdownContent.vue.d.ts +0 -42
  32. package/lib/dropdown/index.types.d.ts +0 -4
  33. package/lib/dropdown/index.types.js +0 -1
  34. package/lib/dropdown/index.types.ts +0 -4
  35. package/lib/header/HeaderHorizontal.vue +0 -158
  36. package/lib/header/HeaderHorizontal.vue.d.ts +0 -84
  37. package/lib/header/HeaderVertical.vue +0 -116
  38. package/lib/header/HeaderVertical.vue.d.ts +0 -70
  39. package/lib/header/NavDrawer.vue +0 -121
  40. package/lib/header/NavDrawer.vue.d.ts +0 -43
  41. package/lib/header/index.types.d.ts +0 -1
  42. package/lib/header/index.types.js +0 -1
  43. package/lib/header/index.types.ts +0 -1
  44. package/lib/modal/Modal.vue +0 -227
  45. package/lib/modal/Modal.vue.d.ts +0 -108
  46. package/lib/sidebar/Sidebar.vue +0 -256
  47. package/lib/sidebar/Sidebar.vue.d.ts +0 -113
  48. package/lib/theme/generateClass.d.ts +0 -2
  49. package/lib/theme/generateClass.js +0 -18
  50. package/lib/theme/generateClass.ts +0 -25
  51. package/lib/theme/index.d.ts +0 -95
  52. package/lib/theme/index.js +0 -642
  53. package/lib/theme/index.ts +0 -676
  54. package/lib/theme/theme.d.ts +0 -89
  55. package/lib/theme/theme.js +0 -851
  56. package/lib/theme/theme.ts +0 -893
  57. package/lib/theme/theme.types.d.ts +0 -21
  58. package/lib/theme/theme.types.js +0 -1
  59. package/lib/theme/theme.types.ts +0 -68
  60. package/lib/tooltip/index.d.ts +0 -62
  61. package/lib/tooltip/index.js +0 -71
  62. package/lib/tooltip/index.ts +0 -76
  63. package/themeVariables.cjs +0 -607
  64. package/tsconfig.json +0 -5
  65. package/tsconfig.ts.json +0 -9
  66. package/tsconfig.vue.json +0 -9
@@ -1,18 +0,0 @@
1
- import GenerateMCLClass, { borderWidthType, colorType, scaleType, textType, } from '.';
2
- export const generateClass = (type, value) => {
3
- const mclGenerate = new GenerateMCLClass(type, value);
4
- if (colorType.includes(type)) {
5
- return mclGenerate.generateColorClass();
6
- }
7
- if (textType.includes(type)) {
8
- return mclGenerate.generateTextClass();
9
- }
10
- if (borderWidthType.includes(type)) {
11
- return mclGenerate.generateBorderWidthClass();
12
- }
13
- if (scaleType.includes(type)) {
14
- return mclGenerate.generateScaleClass();
15
- }
16
- // return spacing type if all of above is false
17
- return mclGenerate.generateSpacingClass();
18
- };
@@ -1,25 +0,0 @@
1
- import type { ClassType, InputType } from '.'
2
- import GenerateMCLClass, {
3
- borderWidthType,
4
- colorType,
5
- scaleType,
6
- textType,
7
- } from '.'
8
-
9
- export const generateClass = (type: ClassType, value: InputType): string => {
10
- const mclGenerate = new GenerateMCLClass(type, value)
11
- if ((<string[]>(<unknown>colorType)).includes(type)) {
12
- return mclGenerate.generateColorClass()
13
- }
14
- if ((<string[]>(<unknown>textType)).includes(type)) {
15
- return mclGenerate.generateTextClass()
16
- }
17
- if ((<string[]>(<unknown>borderWidthType)).includes(type)) {
18
- return mclGenerate.generateBorderWidthClass()
19
- }
20
- if ((<string[]>(<unknown>scaleType)).includes(type)) {
21
- return mclGenerate.generateScaleClass()
22
- }
23
- // return spacing type if all of above is false
24
- return mclGenerate.generateSpacingClass()
25
- }
@@ -1,95 +0,0 @@
1
- import MCLTheme from './theme.js';
2
- import type { Alignment, BodyText, ColorPalette, FontWeight, HeadingSize, OpacityRange, Range, SpacingLevel } from './theme.types.js';
3
- /**
4
- * @TailwindCSS - Good practice is to let all of used classes to be in full instead of generated dynamically using methods such as string literal.
5
- * @Interface - ClassType to define the case, and Input type to generate tailwind clssname.
6
- * @Export GenerateMCLClass - extends MCLTheme class
7
- */
8
- export declare const colorType: readonly ["BGCOLOR", "BEFOREBG", "AFTERBG", "HVBGCOLOR", "FCBGCOLOR", "ACTIVEBG", "TEXTCOLOR", "HVTEXTCOLOR", "FCTEXTCOLOR", "DISABLEDTEXTCOLOR", "SVGFILL", "RINGCOLOR", "FOCUSRING", "ACTIVERING", "OFFSETRING", "DUMMYCOLOR", "BTNCOLOR", "LISTCOLOR", "BORDER", "BORDERX", "BORDERY", "BORDERT", "BORDERB", "BORDERL", "BORDERR"];
9
- export declare const textType: readonly ["H1", "H2", "H3", "H4", "BODYTEXT", "FONTWEIGHT", "TEXTALIGN"];
10
- export declare const borderWidthType: readonly ["BORDERW", "BORDERXW", "BORDERYW", "BORDERTW", "BORDERBW", "BORDERLW", "BORDERRW"];
11
- export declare const scaleType: readonly ["BGOPACITY", "OPACITY"];
12
- export declare const spacingType: readonly ["MARGIN", "MARGINX", "MARGINY", "MARGINT", "MARGINB", "MARGINL", "MARGINR", "PADDING", "PADDINGX", "PADDINGY", "PADDINGT", "PADDINGB", "PADDINGL", "PADDINGR", "GAP"];
13
- declare const allType: readonly ["BGCOLOR", "BEFOREBG", "AFTERBG", "HVBGCOLOR", "FCBGCOLOR", "ACTIVEBG", "TEXTCOLOR", "HVTEXTCOLOR", "FCTEXTCOLOR", "DISABLEDTEXTCOLOR", "SVGFILL", "RINGCOLOR", "FOCUSRING", "ACTIVERING", "OFFSETRING", "DUMMYCOLOR", "BTNCOLOR", "LISTCOLOR", "BORDER", "BORDERX", "BORDERY", "BORDERT", "BORDERB", "BORDERL", "BORDERR", "H1", "H2", "H3", "H4", "BODYTEXT", "FONTWEIGHT", "TEXTALIGN", "BORDERW", "BORDERXW", "BORDERYW", "BORDERTW", "BORDERBW", "BORDERLW", "BORDERRW", "BGOPACITY", "OPACITY", "MARGIN", "MARGINX", "MARGINY", "MARGINT", "MARGINB", "MARGINL", "MARGINR", "PADDING", "PADDINGX", "PADDINGY", "PADDINGT", "PADDINGB", "PADDINGL", "PADDINGR", "GAP"];
14
- export type ClassType = (typeof allType)[number];
15
- export type ColorClassType = (typeof colorType)[number];
16
- export type TextClassType = (typeof textType)[number];
17
- export type BorderWidthClassType = (typeof borderWidthType)[number];
18
- export type ScaleClassType = (typeof scaleType)[number];
19
- export type SpacingClassType = (typeof spacingType)[number];
20
- export type InputType = ColorPalette | HeadingSize | BodyText | FontWeight | Range<1, 12> | OpacityRange | SpacingLevel | Alignment;
21
- declare class GenerateMCLClass extends MCLTheme {
22
- classType: ClassType;
23
- classValue: InputType;
24
- constructor(classType: ClassType, classValue: InputType);
25
- generateColorClass(): string;
26
- generateTextClass(): string;
27
- generateBorderWidthClass(): string;
28
- generateScaleClass(): string;
29
- generateSpacingClass(): string;
30
- getBgColorClass(): string;
31
- getHoverBgColorClass(): string;
32
- getFocusBgColorClass(): string;
33
- getBeforeBgColorClass(): string;
34
- getAfterBgColorClass(): string;
35
- getActiveBgColorClass(): string;
36
- getTextColorClass(): string;
37
- getHoverTextColorClass(): string;
38
- getFocusTextColorClass(): string;
39
- getDisabledTextColorClass(): string;
40
- getSvgFillColorClass(): string;
41
- getRingColorClass(): string;
42
- getFocusRingColorClass(): string;
43
- getActiveRingColorClass(): string;
44
- getRingOffsetColorClass(): string;
45
- getBtnColorClass(): string;
46
- getListColorClass(): string;
47
- getBorderColorClass(): string;
48
- getBorderXColorClass(): string;
49
- getBorderYColorClass(): string;
50
- getBorderTopColorClass(): string;
51
- getBorderBottomColorClass(): string;
52
- getBorderLeftColorClass(): string;
53
- getBorderRightColorClass(): string;
54
- getH1Class(): string;
55
- getH2Class(): string;
56
- getH3Class(): string;
57
- getH4Class(): string;
58
- getBodyTextSizeClass(): string;
59
- getFontWeightClass(): string;
60
- getTextAlignClass(): string;
61
- getBorderWidthClass(): string;
62
- getBorderXWidthClass(): string;
63
- getBorderYWidthClass(): string;
64
- getBorderTopWidthClass(): string;
65
- getBorderBottomWidthClass(): string;
66
- getBorderLeftWidthClass(): string;
67
- getBorderRightWidthClass(): string;
68
- getOpacityClass(): string;
69
- getBgOpacityClass(): string;
70
- getMarginClass(): string;
71
- getMarginXClass(): string;
72
- getMarginYClass(): string;
73
- getMarginTopClass(): string;
74
- getMarginBottomClass(): string;
75
- getMarginLeftClass(): string;
76
- getMarginRightClass(): string;
77
- getPaddingClass(): string;
78
- getPaddingXClass(): string;
79
- getPaddingYClass(): string;
80
- getPaddingTopClass(): string;
81
- getPaddingBottomClass(): string;
82
- getPaddingLeftClass(): string;
83
- getPaddingRightClass(): string;
84
- getGapClass(): string;
85
- validateColorType(): boolean;
86
- validateSpaceType(): boolean;
87
- validateHeadingTextSizeType(): boolean;
88
- validateBodyTextSizeType(): boolean;
89
- validateFontWeightType(): boolean;
90
- validateOpacityType(): boolean;
91
- validateRangeType(): boolean;
92
- validateAlignment(): boolean;
93
- dummyMethod(): any;
94
- }
95
- export default GenerateMCLClass;