@bobbykim/manguito-theme 0.18.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 (68) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +2 -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 -150
  11. package/index.d.ts +0 -14
  12. package/index.js +0 -19
  13. package/index.ts +0 -31
  14. package/lib/alert/Alert.vue +0 -92
  15. package/lib/alert/Alert.vue.d.ts +0 -65
  16. package/lib/collapse/Collapse.vue +0 -118
  17. package/lib/collapse/Collapse.vue.d.ts +0 -55
  18. package/lib/composables/index.d.ts +0 -1
  19. package/lib/composables/index.js +0 -1
  20. package/lib/composables/index.ts +0 -1
  21. package/lib/composables/observeVisible.d.ts +0 -6
  22. package/lib/composables/observeVisible.js +0 -24
  23. package/lib/composables/observeVisible.ts +0 -30
  24. package/lib/directives/index.d.ts +0 -6
  25. package/lib/directives/index.js +0 -186
  26. package/lib/directives/index.ts +0 -211
  27. package/lib/directives/index.types.d.ts +0 -14
  28. package/lib/directives/index.types.js +0 -1
  29. package/lib/directives/index.types.ts +0 -15
  30. package/lib/dropdown/DropdownContainer.vue +0 -50
  31. package/lib/dropdown/DropdownContainer.vue.d.ts +0 -19
  32. package/lib/dropdown/DropdownContent.vue +0 -69
  33. package/lib/dropdown/DropdownContent.vue.d.ts +0 -42
  34. package/lib/dropdown/index.types.d.ts +0 -4
  35. package/lib/dropdown/index.types.js +0 -1
  36. package/lib/dropdown/index.types.ts +0 -4
  37. package/lib/header/HeaderHorizontal.vue +0 -158
  38. package/lib/header/HeaderHorizontal.vue.d.ts +0 -84
  39. package/lib/header/HeaderVertical.vue +0 -116
  40. package/lib/header/HeaderVertical.vue.d.ts +0 -70
  41. package/lib/header/NavDrawer.vue +0 -121
  42. package/lib/header/NavDrawer.vue.d.ts +0 -43
  43. package/lib/header/index.types.d.ts +0 -1
  44. package/lib/header/index.types.js +0 -1
  45. package/lib/header/index.types.ts +0 -1
  46. package/lib/modal/Modal.vue +0 -213
  47. package/lib/modal/Modal.vue.d.ts +0 -108
  48. package/lib/sidebar/Sidebar.vue +0 -242
  49. package/lib/sidebar/Sidebar.vue.d.ts +0 -113
  50. package/lib/theme/generateClass.d.ts +0 -2
  51. package/lib/theme/generateClass.js +0 -18
  52. package/lib/theme/generateClass.ts +0 -25
  53. package/lib/theme/index.d.ts +0 -95
  54. package/lib/theme/index.js +0 -642
  55. package/lib/theme/index.ts +0 -676
  56. package/lib/theme/theme.d.ts +0 -89
  57. package/lib/theme/theme.js +0 -851
  58. package/lib/theme/theme.ts +0 -893
  59. package/lib/theme/theme.types.d.ts +0 -21
  60. package/lib/theme/theme.types.js +0 -1
  61. package/lib/theme/theme.types.ts +0 -68
  62. package/lib/tooltip/index.d.ts +0 -62
  63. package/lib/tooltip/index.js +0 -71
  64. package/lib/tooltip/index.ts +0 -76
  65. package/themeVariables.cjs +0 -607
  66. package/tsconfig.json +0 -5
  67. package/tsconfig.ts.json +0 -9
  68. package/tsconfig.vue.json +0 -9
@@ -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;