@gradient-ui/core 0.5.0-rc.0 → 0.8.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/README.md +4 -4
- package/dist/{GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js → GLoading.vue_vue_type_style_index_0_lang-BbVYszn2.js} +90 -88
- package/dist/GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs +1 -0
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BPwF9Kug.js +8734 -0
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-C45EmRhx.cjs +1 -0
- package/dist/{camelToKebabCase-6qY6WHvl.js → camelToKebabCase-BWbQb81D.js} +4 -4
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +73 -65
- package/dist/default--73FwpwZ.cjs +4 -0
- package/dist/default-DlsS6GI_.js +58 -0
- package/dist/directives.cjs +1 -1
- package/dist/directives.mjs +1 -1
- package/dist/index-DVHKm06w.cjs +1 -0
- package/dist/index-DeFv4BdJ.js +418 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +197 -173
- package/dist/{mask-CZX-I_iy.js → mask-669nMf98.js} +2 -2
- package/dist/{mask-BbofdFd4.cjs → mask-Bh_UkcCe.cjs} +1 -1
- package/dist/materialSurface-BbFTyJuA.js +634 -0
- package/dist/materialSurface-DOfA2E9c.cjs +1 -0
- package/dist/scheme-CZ0a0X5e.cjs +299 -0
- package/dist/scheme-Dqwdqg6N.js +1405 -0
- package/dist/services.cjs +1 -1
- package/dist/services.mjs +1 -1
- package/dist/style.css +1 -1
- package/dist/{surface-BKu4KfkY.js → surface-C3w1Rz6V.js} +50 -47
- package/dist/surface-DB9flb-h.cjs +1 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.mjs +52 -48
- package/dist/types/components/index.d.ts +10 -0
- package/dist/types/components/ui/GAlert/GAlert.vue.d.ts +3 -3
- package/dist/types/components/ui/GAvatar/GAvatar.vue.d.ts +873 -0
- package/dist/types/components/ui/GAvatar/GAvatarGroup.vue.d.ts +194 -0
- package/dist/types/components/ui/GAvatar/index.d.ts +3 -0
- package/dist/types/components/ui/GAvatar/types.d.ts +585 -0
- package/dist/types/components/ui/GBadge/GBadge.vue.d.ts +5 -5
- package/dist/types/components/ui/GButton/GButton.vue.d.ts +3 -3
- package/dist/types/components/ui/GCard/GCard.vue.d.ts +949 -0
- package/dist/types/components/ui/GCard/index.d.ts +2 -0
- package/dist/types/components/ui/GCard/types.d.ts +519 -0
- package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts +1 -1
- package/dist/types/components/ui/GChip/GChip.vue.d.ts +8 -4
- package/dist/types/components/ui/GChip/types.d.ts +1 -0
- package/dist/types/components/ui/GCombobox/GCombobox.vue.d.ts +37 -0
- package/dist/types/components/ui/GCombobox/index.d.ts +2 -0
- package/dist/types/components/ui/GCombobox/types.d.ts +59 -0
- package/dist/types/components/ui/GDivider/GDivider.vue.d.ts +965 -0
- package/dist/types/components/ui/GDivider/index.d.ts +2 -0
- package/dist/types/components/ui/GDivider/types.d.ts +518 -0
- package/dist/types/components/ui/GExpansion/GExpansion.vue.d.ts +9 -9
- package/dist/types/components/ui/GExpansionGroup/types.d.ts +4 -1
- package/dist/types/components/ui/GFAB/GFAB.vue.d.ts +4 -4
- package/dist/types/components/ui/GFieldBase/GFieldBase.vue.d.ts +75 -0
- package/dist/types/components/ui/GFieldBase/props.d.ts +73 -4
- package/dist/types/components/ui/GGradientMaterial/GGradientMaterial.vue.d.ts +3 -3
- package/dist/types/components/ui/GInput/GInput.vue.d.ts +75 -0
- package/dist/types/components/ui/GMenu/GMenu.vue.d.ts +1 -1
- package/dist/types/components/ui/GMenu/GSubmenu.vue.d.ts +6 -6
- package/dist/types/components/ui/GMenuItem/GMenuItem.vue.d.ts +1 -1
- package/dist/types/components/ui/GNavbar/GNavbar.vue.d.ts +3 -3
- package/dist/types/components/ui/GQuickActions/GQuickActions.vue.d.ts +1 -1
- package/dist/types/components/ui/GSelect/types.d.ts +6 -0
- package/dist/types/components/ui/GSelectItem.vue.d.ts +1 -1
- package/dist/types/components/ui/GSnackbar/GSnackbar.vue.d.ts +4 -4
- package/dist/types/components/ui/GStepper/GStepItem.vue.d.ts +16 -0
- package/dist/types/components/ui/GStepper/GStepPanel.vue.d.ts +76 -0
- package/dist/types/components/ui/GStepper/GStepper.vue.d.ts +63 -0
- package/dist/types/components/ui/GStepper/GStepperActions.vue.d.ts +22 -0
- package/dist/types/components/ui/GStepper/context.d.ts +42 -0
- package/dist/types/components/ui/GStepper/index.d.ts +4 -0
- package/dist/types/components/ui/GStepper/types.d.ts +708 -0
- package/dist/types/components/ui/GTable/GTable.vue.d.ts +13 -13
- package/dist/types/components/ui/GTable/types.d.ts +59 -55
- package/dist/types/components/ui/GTextarea/GTextarea.vue.d.ts +75 -0
- package/dist/types/components/ui/GToggleButton/GToggleButton.vue.d.ts +4 -4
- package/dist/types/theme/default.d.ts +2 -1
- package/dist/types/theme/gradient.d.ts +1 -1
- package/dist/types/theme/index.d.ts +6 -6
- package/dist/types/use/actionSurface.d.ts +5 -1650
- package/dist/types/use/density.d.ts +16 -0
- package/dist/types/use/form/fieldKeyboard.d.ts +19 -0
- package/dist/types/use/form/props.d.ts +54 -2
- package/dist/types/use/form/textFieldControl.d.ts +9 -1
- package/dist/types/use/gradient.d.ts +4 -1653
- package/dist/types/use/gradientMaterial.d.ts +1 -1
- package/dist/types/use/index.d.ts +9 -0
- package/dist/types/use/input/props.d.ts +43 -4
- package/dist/types/use/material.d.ts +3 -2
- package/dist/types/use/materialSurface.d.ts +10 -4
- package/dist/types/use/navigation/controller.d.ts +14 -0
- package/dist/types/use/navigation/index.d.ts +4 -0
- package/dist/types/use/navigation/item.d.ts +9 -0
- package/dist/types/use/navigation/keyboard.d.ts +4 -0
- package/dist/types/use/navigation/types.d.ts +42 -0
- package/dist/types/use/select/comboboxController.d.ts +36 -0
- package/dist/types/use/select/commit.d.ts +23 -0
- package/dist/types/use/select/controller.d.ts +5 -0
- package/dist/types/use/select/creatable.d.ts +18 -0
- package/dist/types/use/select/fieldControl.d.ts +59 -0
- package/dist/types/use/select/filter.d.ts +14 -0
- package/dist/types/use/select/listboxKeyboard.d.ts +9 -0
- package/dist/types/use/select/modelFallbackItems.d.ts +12 -0
- package/dist/types/use/select/search.d.ts +14 -0
- package/dist/types/use/select/searchFieldControl.d.ts +24 -0
- package/dist/types/use/select/selectionSummary.d.ts +1 -0
- package/dist/types/use/select/tokenInputKeyboard.d.ts +11 -0
- package/dist/types/use/stateIcon.d.ts +9 -0
- package/dist/types/use/stepper/controller.d.ts +20 -0
- package/dist/types/use/stepper/index.d.ts +1 -0
- package/dist/types/use/surfaceColor.d.ts +2 -1
- package/dist/types/use/surfaceMaterial.d.ts +45 -0
- package/dist/types/use/textarea/props.d.ts +43 -4
- package/dist/use.cjs +1 -1
- package/dist/use.mjs +54 -42
- package/dist/useSnackbar-6OiYxhJA.cjs +1 -0
- package/dist/useSnackbar-BYPu4tJ4.js +922 -0
- package/package.json +4 -2
- package/dist/GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs +0 -1
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BS6bb1XY.cjs +0 -1
- package/dist/GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js +0 -7015
- package/dist/default-BhuY-A3o.cjs +0 -4
- package/dist/default-OTmCd0Aq.js +0 -131
- package/dist/index-B3_n44N_.cjs +0 -1
- package/dist/index-BtCLucTD.js +0 -66
- package/dist/material-Ca7ZZAiO.cjs +0 -194
- package/dist/material-okvXHenb.js +0 -1162
- package/dist/materialSurface-BBrP9ltj.js +0 -591
- package/dist/materialSurface-CK8LN_dU.cjs +0 -1
- package/dist/surface-8z3gR7vF.cjs +0 -1
- package/dist/types/theme/gradient/animation/css.d.ts +0 -12
- package/dist/types/theme/gradient/animation/index.d.ts +0 -1
- package/dist/types/theme/gradient/colorMath.d.ts +0 -3
- package/dist/types/theme/gradient/constants.d.ts +0 -3
- package/dist/types/theme/gradient/core.d.ts +0 -1
- package/dist/types/theme/gradient/effects/index.d.ts +0 -1
- package/dist/types/theme/gradient/effects/morph.d.ts +0 -5
- package/dist/types/theme/gradient/effects/shadow.d.ts +0 -3
- package/dist/types/theme/gradient/formatters/canvas.d.ts +0 -2
- package/dist/types/theme/gradient/formatters/css.d.ts +0 -3
- package/dist/types/theme/gradient/formatters/index.d.ts +0 -1
- package/dist/types/theme/gradient/formatters/svg.d.ts +0 -5
- package/dist/types/theme/gradient/index.d.ts +0 -1
- package/dist/types/theme/gradient/material.d.ts +0 -1
- package/dist/types/theme/gradient/model.d.ts +0 -5
- package/dist/types/theme/gradient/presets.d.ts +0 -158
- package/dist/types/theme/gradient/recipes.d.ts +0 -14
- package/dist/types/theme/gradient/tokens.d.ts +0 -72
- package/dist/types/theme/gradient/types.d.ts +0 -117
- package/dist/types/theme/gradient/utils.d.ts +0 -10
- package/dist/useSnackbar-BHQshEZ8.cjs +0 -1
- package/dist/useSnackbar-DeNHZH8v.js +0 -908
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
export type GDensity = 'compact' | 'comfortable' | 'spacious';
|
|
3
|
+
export declare const makeDensityProps: <Defaults extends {
|
|
4
|
+
density?: unknown;
|
|
5
|
+
} = object>(defaults?: Defaults | undefined) => {
|
|
6
|
+
density: Omit<{
|
|
7
|
+
type: PropType<GDensity>;
|
|
8
|
+
default: string;
|
|
9
|
+
}, "type" | "default"> & {
|
|
10
|
+
type: PropType<Defaults["density"] extends infer T ? T extends Defaults["density"] ? T extends unknown ? GDensity : GDensity | T : never : never>;
|
|
11
|
+
default: Defaults["density"] extends infer T_1 ? T_1 extends Defaults["density"] ? T_1 extends unknown ? GDensity : T_1 | NonNullable<GDensity> : never : never;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare function useDensity(props: {
|
|
15
|
+
density: GDensity;
|
|
16
|
+
}, base: string, modifier?: string): import("vue").ComputedRef<string>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type MaybeRefOrGetter } from 'vue';
|
|
2
|
+
type KeyboardGuard = MaybeRefOrGetter<boolean | undefined>;
|
|
3
|
+
export interface FieldKeyboardHandler {
|
|
4
|
+
key: string | readonly string[];
|
|
5
|
+
when?: KeyboardGuard | ((event: KeyboardEvent) => boolean);
|
|
6
|
+
preventDefault?: boolean | ((event: KeyboardEvent) => boolean);
|
|
7
|
+
stopPropagation?: boolean | ((event: KeyboardEvent) => boolean);
|
|
8
|
+
handler: (event: KeyboardEvent) => void;
|
|
9
|
+
}
|
|
10
|
+
export interface UseFieldKeyboardOptions {
|
|
11
|
+
disabled?: KeyboardGuard;
|
|
12
|
+
readonly?: KeyboardGuard;
|
|
13
|
+
ignoreComposing?: boolean;
|
|
14
|
+
handlers: MaybeRefOrGetter<readonly FieldKeyboardHandler[]>;
|
|
15
|
+
}
|
|
16
|
+
export declare function useFieldKeyboard(options: UseFieldKeyboardOptions): {
|
|
17
|
+
handleKeydown: (event: KeyboardEvent) => void;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -1,11 +1,36 @@
|
|
|
1
1
|
import type { GGradienStates } from '@/components/ui/GGradient/types';
|
|
2
2
|
import type { MdiIcon } from '@/types/CommonTypes';
|
|
3
3
|
import type { ValidationRule } from 'gib-validate';
|
|
4
|
+
import type { GVariant } from '@/use/variant';
|
|
4
5
|
import type { PropType } from 'vue';
|
|
6
|
+
import type { StringeredNumber } from '@/types/CommonTypes';
|
|
7
|
+
export type GFieldVariant = Exclude<GVariant, 'gradient'>;
|
|
8
|
+
export declare const makeFieldVariantProps: <Defaults extends {
|
|
9
|
+
variant?: unknown;
|
|
10
|
+
} = object>(defaults?: Defaults | undefined) => {
|
|
11
|
+
variant: Omit<{
|
|
12
|
+
type: PropType<GFieldVariant>;
|
|
13
|
+
default: string;
|
|
14
|
+
}, "type" | "default"> & {
|
|
15
|
+
type: PropType<Defaults["variant"] extends infer T ? T extends Defaults["variant"] ? T extends unknown ? GFieldVariant : GFieldVariant | T : never : never>;
|
|
16
|
+
default: Defaults["variant"] extends infer T_1 ? T_1 extends Defaults["variant"] ? T_1 extends unknown ? GFieldVariant : T_1 | NonNullable<GFieldVariant> : never : never;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare const makeFieldFrameProps: <Defaults extends {
|
|
20
|
+
borderWidth?: unknown;
|
|
21
|
+
} = object>(defaults?: Defaults | undefined) => {
|
|
22
|
+
borderWidth: {
|
|
23
|
+
type: PropType<Defaults["borderWidth"] extends infer T ? T extends Defaults["borderWidth"] ? T extends unknown ? StringeredNumber : StringeredNumber | T : never : never>;
|
|
24
|
+
default: Defaults["borderWidth"] extends infer T_1 ? T_1 extends Defaults["borderWidth"] ? T_1 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_1 : never : never;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
5
27
|
export declare const makePLAFieldProps: <Defaults extends {
|
|
6
28
|
label?: unknown;
|
|
7
29
|
prependIcon?: unknown;
|
|
8
30
|
appendIcon?: unknown;
|
|
31
|
+
borderWidth?: unknown;
|
|
32
|
+
backdropBlur?: unknown;
|
|
33
|
+
variant?: unknown;
|
|
9
34
|
color?: unknown;
|
|
10
35
|
} = object>(defaults?: Defaults | undefined) => {
|
|
11
36
|
label: {
|
|
@@ -20,6 +45,33 @@ export declare const makePLAFieldProps: <Defaults extends {
|
|
|
20
45
|
type: PropType<Defaults["appendIcon"] extends infer T_4 ? T_4 extends Defaults["appendIcon"] ? T_4 extends unknown ? MdiIcon : MdiIcon | T_4 : never : never>;
|
|
21
46
|
default: Defaults["appendIcon"] extends infer T_5 ? T_5 extends Defaults["appendIcon"] ? T_5 extends unknown ? MdiIcon : NonNullable<MdiIcon> | T_5 : never : never;
|
|
22
47
|
};
|
|
48
|
+
borderWidth: Omit<{
|
|
49
|
+
type: PropType<StringeredNumber>;
|
|
50
|
+
default: StringeredNumber;
|
|
51
|
+
}, "type" | "default"> & {
|
|
52
|
+
type: PropType<Defaults["borderWidth"] extends infer T_6 ? T_6 extends Defaults["borderWidth"] ? T_6 extends unknown ? StringeredNumber : StringeredNumber | T_6 : never : never>;
|
|
53
|
+
default: Defaults["borderWidth"] extends infer T_7 ? T_7 extends Defaults["borderWidth"] ? T_7 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_7 : never : never;
|
|
54
|
+
};
|
|
55
|
+
backdropBlur: Omit<Omit<{
|
|
56
|
+
type: PropType<StringeredNumber>;
|
|
57
|
+
default: number;
|
|
58
|
+
}, "type" | "default"> & {
|
|
59
|
+
type: PropType<StringeredNumber>;
|
|
60
|
+
default: StringeredNumber;
|
|
61
|
+
}, "type" | "default"> & {
|
|
62
|
+
type: PropType<Defaults["backdropBlur"] extends infer T_8 ? T_8 extends Defaults["backdropBlur"] ? T_8 extends unknown ? StringeredNumber : StringeredNumber | T_8 : never : never>;
|
|
63
|
+
default: Defaults["backdropBlur"] extends infer T_9 ? T_9 extends Defaults["backdropBlur"] ? T_9 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_9 : never : never;
|
|
64
|
+
};
|
|
65
|
+
variant: Omit<Omit<{
|
|
66
|
+
type: PropType<GFieldVariant>;
|
|
67
|
+
default: string;
|
|
68
|
+
}, "type" | "default"> & {
|
|
69
|
+
type: PropType<GFieldVariant>;
|
|
70
|
+
default: GFieldVariant;
|
|
71
|
+
}, "type" | "default"> & {
|
|
72
|
+
type: PropType<Defaults["variant"] extends infer T_10 ? T_10 extends Defaults["variant"] ? T_10 extends unknown ? GFieldVariant : GFieldVariant | T_10 : never : never>;
|
|
73
|
+
default: Defaults["variant"] extends infer T_11 ? T_11 extends Defaults["variant"] ? T_11 extends unknown ? GFieldVariant : NonNullable<GFieldVariant> | T_11 : never : never;
|
|
74
|
+
};
|
|
23
75
|
color: Omit<Omit<{
|
|
24
76
|
type: PropType<import("@/use/color").GColor>;
|
|
25
77
|
default: string;
|
|
@@ -27,8 +79,8 @@ export declare const makePLAFieldProps: <Defaults extends {
|
|
|
27
79
|
type: PropType<import("@/use/color").GColor>;
|
|
28
80
|
default: import("@/use/color").GColor;
|
|
29
81
|
}, "type" | "default"> & {
|
|
30
|
-
type: PropType<Defaults["color"] extends infer
|
|
31
|
-
default: Defaults["color"] extends infer
|
|
82
|
+
type: PropType<Defaults["color"] extends infer T_12 ? T_12 extends Defaults["color"] ? T_12 extends unknown ? import("@/use/color").GColor : import("@/use/color").GColor | T_12 : never : never>;
|
|
83
|
+
default: Defaults["color"] extends infer T_13 ? T_13 extends Defaults["color"] ? T_13 extends unknown ? import("@/use/color").GColor : NonNullable<import("@/use/color").GColor> | T_13 : never : never;
|
|
32
84
|
};
|
|
33
85
|
};
|
|
34
86
|
export declare const makeFieldStateProps: <Defaults extends {
|
|
@@ -4,9 +4,14 @@ import type { GGradienStates } from '@/components/ui/GGradient/types';
|
|
|
4
4
|
import type { MdiIcon } from '@/types/CommonTypes';
|
|
5
5
|
import type { Sizes } from '@/types/CommonTypes';
|
|
6
6
|
import type { GColor } from '@/use/color';
|
|
7
|
-
|
|
7
|
+
import type { GlassProps } from '@/use/glass';
|
|
8
|
+
import type { GFieldVariant } from './props';
|
|
9
|
+
import type { StringeredNumber } from '@/types/CommonTypes';
|
|
10
|
+
export interface FieldVisualProps extends GlassProps {
|
|
8
11
|
label?: string;
|
|
9
12
|
color?: GColor;
|
|
13
|
+
variant?: GFieldVariant;
|
|
14
|
+
borderWidth?: StringeredNumber;
|
|
10
15
|
state?: GGradienStates;
|
|
11
16
|
disabled?: boolean;
|
|
12
17
|
clearable?: boolean;
|
|
@@ -49,10 +54,13 @@ export declare function useTextFieldControl(options: UseTextFieldControlOptions)
|
|
|
49
54
|
multiline: boolean;
|
|
50
55
|
label?: string;
|
|
51
56
|
color?: GColor;
|
|
57
|
+
variant?: GFieldVariant;
|
|
58
|
+
borderWidth?: StringeredNumber;
|
|
52
59
|
clearable?: boolean;
|
|
53
60
|
size?: Sizes;
|
|
54
61
|
prependIcon?: MdiIcon;
|
|
55
62
|
appendIcon?: MdiIcon;
|
|
63
|
+
backdropBlur?: StringeredNumber;
|
|
56
64
|
}>;
|
|
57
65
|
inputValue: import("vue").ComputedRef<string>;
|
|
58
66
|
handleInput: (event: Event) => void;
|