@codeandfunction/callaloo 2.6.1 → 2.7.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.
- package/dist/assets/styles.css +1 -1
- package/dist/components/Form/CLInput.vue.d.ts +4 -1
- package/dist/components/Form/CLSelect.vue.d.ts +4 -1
- package/dist/components/Form/CLTextArea.vue.d.ts +4 -1
- package/dist/components/Form/utils.d.ts +4 -3
- package/dist/components/Modals/CLModal.vue.d.ts +0 -1
- package/dist/components/Popups/CLDropdownMenu.vue.d.ts +0 -2
- package/dist/components/Theme/CLThemeProvider.vue.d.ts +1 -3
- package/dist/components/Theme/base-theme.d.ts +8 -1
- package/dist/components/Theme/utils.d.ts +1 -0
- package/dist/components/Typography/CLHeading.vue.d.ts +21 -10
- package/dist/components/Typography/CLText.vue.d.ts +30 -2
- package/dist/index.js +2256 -2175
- package/dist/types.d.ts +18 -13
- package/package.json +24 -24
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../index';
|
|
1
|
+
import { CLBorderRadius, CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../index';
|
|
2
2
|
export declare const DEFAULT_THEME: CLThemeConfig;
|
|
3
3
|
type ColorMap = Record<CLColorVariants, Record<CLMode, ColorModesKeys>>;
|
|
4
4
|
export interface ColorModesKeys {
|
|
@@ -10,11 +10,17 @@ export interface ColorModesKeys {
|
|
|
10
10
|
hover?: number;
|
|
11
11
|
shadow?: number;
|
|
12
12
|
text?: number;
|
|
13
|
+
textBody?: number;
|
|
13
14
|
textDisabled?: number;
|
|
14
15
|
}
|
|
15
16
|
export declare const COLOR_VARIANTS_MAP: ColorMap;
|
|
17
|
+
export declare const setBorderRadius: (radius?: CLBorderRadius) => void;
|
|
18
|
+
export declare const setColors: (colors: CLPalette) => void;
|
|
19
|
+
export declare const setDarkMode: (enabled: boolean) => void;
|
|
20
|
+
export declare const setFontFamily: (font?: string) => void;
|
|
16
21
|
export declare const setupTheme: (config?: CLThemeConfig) => void;
|
|
17
22
|
export declare const useTheme: () => {
|
|
23
|
+
borderRadius: globalThis.Ref<CLBorderRadius | undefined, CLBorderRadius | undefined>;
|
|
18
24
|
colors: globalThis.Ref<{
|
|
19
25
|
primary?: import('../../types').Shades | undefined;
|
|
20
26
|
secondary?: import('../../types').Shades | undefined;
|
|
@@ -34,6 +40,7 @@ export declare const useTheme: () => {
|
|
|
34
40
|
}>;
|
|
35
41
|
darkMode: globalThis.Ref<boolean | undefined, boolean | undefined>;
|
|
36
42
|
fontFamily: globalThis.Ref<string | undefined, string | undefined>;
|
|
43
|
+
setBorderRadius: (radius?: CLBorderRadius) => void;
|
|
37
44
|
setColors: (colors: CLPalette) => void;
|
|
38
45
|
setDarkMode: (enabled: boolean) => void;
|
|
39
46
|
setFontFamily: (font?: string) => void;
|
|
@@ -8,6 +8,16 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
8
8
|
type: PropType<CLAlign>;
|
|
9
9
|
default: CLAlign;
|
|
10
10
|
};
|
|
11
|
+
/** Render text with a font-weight of 900 */
|
|
12
|
+
bolder: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
/** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
|
|
17
|
+
color: {
|
|
18
|
+
type: PropType<CLColors>;
|
|
19
|
+
default: CLColors;
|
|
20
|
+
};
|
|
11
21
|
/** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
|
|
12
22
|
level: {
|
|
13
23
|
type: PropType<CLHeadingLevels>;
|
|
@@ -17,11 +27,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
17
27
|
type: StringConstructor;
|
|
18
28
|
default: string;
|
|
19
29
|
};
|
|
20
|
-
/** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
|
|
21
|
-
color: {
|
|
22
|
-
type: PropType<CLColors>;
|
|
23
|
-
default: CLColors;
|
|
24
|
-
};
|
|
25
30
|
/** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
|
|
26
31
|
type: {
|
|
27
32
|
type: PropType<CLHeadingTypes>;
|
|
@@ -35,6 +40,16 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
35
40
|
type: PropType<CLAlign>;
|
|
36
41
|
default: CLAlign;
|
|
37
42
|
};
|
|
43
|
+
/** Render text with a font-weight of 900 */
|
|
44
|
+
bolder: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
/** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
|
|
49
|
+
color: {
|
|
50
|
+
type: PropType<CLColors>;
|
|
51
|
+
default: CLColors;
|
|
52
|
+
};
|
|
38
53
|
/** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
|
|
39
54
|
level: {
|
|
40
55
|
type: PropType<CLHeadingLevels>;
|
|
@@ -44,11 +59,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
44
59
|
type: StringConstructor;
|
|
45
60
|
default: string;
|
|
46
61
|
};
|
|
47
|
-
/** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
|
|
48
|
-
color: {
|
|
49
|
-
type: PropType<CLColors>;
|
|
50
|
-
default: CLColors;
|
|
51
|
-
};
|
|
52
62
|
/** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
|
|
53
63
|
type: {
|
|
54
64
|
type: PropType<CLHeadingTypes>;
|
|
@@ -59,5 +69,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
59
69
|
testId: string;
|
|
60
70
|
type: CLHeadingTypes;
|
|
61
71
|
align: CLAlign;
|
|
72
|
+
bolder: boolean;
|
|
62
73
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
63
74
|
export default _default;
|
|
@@ -13,12 +13,25 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
13
13
|
type: PropType<CLTextHtmlTags>;
|
|
14
14
|
default: string;
|
|
15
15
|
};
|
|
16
|
+
/** Render text with a font-weight of 700 */
|
|
17
|
+
bold: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
/** Render text with a font-weight of 900 */
|
|
22
|
+
bolder: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
16
26
|
/** Set the text color. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
|
|
17
27
|
color: {
|
|
18
28
|
type: PropType<CLColors>;
|
|
19
29
|
default: CLColors;
|
|
20
30
|
};
|
|
21
|
-
/**
|
|
31
|
+
/**
|
|
32
|
+
* @deprecated Use `bold` instead.
|
|
33
|
+
* Rendered a bolded text.
|
|
34
|
+
**/
|
|
22
35
|
label: {
|
|
23
36
|
type: BooleanConstructor;
|
|
24
37
|
default: boolean;
|
|
@@ -49,12 +62,25 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
49
62
|
type: PropType<CLTextHtmlTags>;
|
|
50
63
|
default: string;
|
|
51
64
|
};
|
|
65
|
+
/** Render text with a font-weight of 700 */
|
|
66
|
+
bold: {
|
|
67
|
+
type: BooleanConstructor;
|
|
68
|
+
default: boolean;
|
|
69
|
+
};
|
|
70
|
+
/** Render text with a font-weight of 900 */
|
|
71
|
+
bolder: {
|
|
72
|
+
type: BooleanConstructor;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
52
75
|
/** Set the text color. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
|
|
53
76
|
color: {
|
|
54
77
|
type: PropType<CLColors>;
|
|
55
78
|
default: CLColors;
|
|
56
79
|
};
|
|
57
|
-
/**
|
|
80
|
+
/**
|
|
81
|
+
* @deprecated Use `bold` instead.
|
|
82
|
+
* Rendered a bolded text.
|
|
83
|
+
**/
|
|
58
84
|
label: {
|
|
59
85
|
type: BooleanConstructor;
|
|
60
86
|
default: boolean;
|
|
@@ -79,7 +105,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
|
|
|
79
105
|
label: boolean;
|
|
80
106
|
testId: string;
|
|
81
107
|
type: CLTextTypes;
|
|
108
|
+
bold: boolean;
|
|
82
109
|
align: CLAlign;
|
|
110
|
+
bolder: boolean;
|
|
83
111
|
as: CLTextHtmlTags;
|
|
84
112
|
truncate: boolean;
|
|
85
113
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|