@aures5g/vue-component-library 0.49.0 → 0.51.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/src/components/contextPanel/uiContextPanel.theme.d.ts +1 -1
- package/dist/src/components/dropdown/UIDropdown.vue.d.ts +10 -4
- package/dist/src/components/dropdown/uiDropdown.theme.d.ts +2 -2
- package/dist/src/components/form/FormFieldWrapper.vue.d.ts +36 -0
- package/dist/src/components/textField/UITextField.vue.d.ts +21 -3
- package/dist/src/components/textarea/UITextArea.vue.d.ts +50 -0
- package/dist/src/config/acbs.d.ts +1 -0
- package/dist/src/index.d.ts +2 -1
- package/dist/vue-component-library.cjs +200 -122
- package/dist/vue-component-library.css +1 -1
- package/dist/vue-component-library.js +2874 -2512
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const BASE = "flex flex-col w-full h-full bg-surface-container px-[1.5rem] pt-[1rem]";
|
|
2
2
|
export declare const HEADER = "px-[1.25rem] pb-[1.75rem] pt-[0.75rem]";
|
|
3
3
|
export declare const TITLE = "text-[1.375rem] leading-[1.5rem] text-on-primary-container";
|
|
4
|
-
export declare const CONTENT_BOX = "flex flex-col grow bg-[#FDFBFF] pt-[0.75rem] rounded-t-[1rem] shadow-[1px_0_16px_-2px_rgba(0,47,100,0.20)]";
|
|
4
|
+
export declare const CONTENT_BOX = "flex flex-col grow bg-[#FDFBFF] pt-[0.75rem] rounded-t-[1rem] shadow-[1px_0_16px_-2px_rgba(0,47,100,0.20)] overflow-auto";
|
|
@@ -13,15 +13,19 @@ type __VLS_Props = {
|
|
|
13
13
|
showClear?: boolean;
|
|
14
14
|
required?: boolean;
|
|
15
15
|
leadingIcon?: FontAwesomeIconProps['icon'];
|
|
16
|
+
supportText?: string;
|
|
17
|
+
invalid?: boolean;
|
|
16
18
|
};
|
|
17
19
|
type __VLS_PublicProps = __VLS_Props & {
|
|
18
20
|
modelValue?: unknown;
|
|
19
21
|
};
|
|
20
|
-
declare var
|
|
22
|
+
declare var __VLS_9: {
|
|
21
23
|
containerClass: string;
|
|
22
|
-
};
|
|
24
|
+
}, __VLS_11: {};
|
|
23
25
|
type __VLS_Slots = {} & {
|
|
24
|
-
leadingIcon?: (props: typeof
|
|
26
|
+
leadingIcon?: (props: typeof __VLS_9) => any;
|
|
27
|
+
} & {
|
|
28
|
+
supportText?: (props: typeof __VLS_11) => any;
|
|
25
29
|
};
|
|
26
30
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
31
|
"update:modelValue": (value: unknown) => any;
|
|
@@ -31,11 +35,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
|
|
|
31
35
|
pt: object | SelectPassThroughOptions<any>;
|
|
32
36
|
ptOptions: PassThroughOptions;
|
|
33
37
|
disabled: boolean;
|
|
38
|
+
invalid: boolean;
|
|
34
39
|
required: boolean;
|
|
40
|
+
supportText: string;
|
|
35
41
|
leadingIcon: FontAwesomeIconProps["icon"];
|
|
42
|
+
showClear: boolean;
|
|
36
43
|
optionLabel: string | ((item: unknown) => string);
|
|
37
44
|
optionValue: string | ((item: unknown) => string);
|
|
38
|
-
showClear: boolean;
|
|
39
45
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
40
46
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
41
47
|
export default _default;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare const BASE = "peer select-none
|
|
1
|
+
export declare const BASE = "peer select-none border border-on-surface-variant flex justify-end items-center rounded-[0.25rem] w-full h-[2.5rem] bg-inherit overflow-hidden";
|
|
2
2
|
export declare const DROPDOWN = "text-[1rem] h-fit p-[0.25rem] mx-[0.5rem] flex items-center";
|
|
3
3
|
export declare const DISABLED_DROPDOWN = "!text-on-surface/[0.12] border-on-surface/[0.12]";
|
|
4
4
|
export declare const CLEAR_ICON = "text-[1rem] cursor-pointer";
|
|
5
5
|
export declare const SELECT_LABEL = "w-full flex justify-start bg-transparent text-on-surface-variant focus-visible:outline-none pr-[0.75rem]";
|
|
6
|
-
export declare const FLOATING_LABEL = "absolute select-none ml-[1rem]
|
|
6
|
+
export declare const FLOATING_LABEL = "absolute select-none ml-[1rem] mb-0 text-[1rem] peer-[.focused]:top-0 peer-[.focused]:text-[0.75rem] peer-[.focused]:leading-[1rem] peer-[.focused]:px-[0.25rem] peer-[.focused]:ml-[0.5rem] leading-[1rem] text-on-surface-variant peer-[.focused]:bg-inherit bg-inherit transition-all pointer-events-none";
|
|
7
7
|
export declare const OVERLAY_PANEL = "max-h-[8rem] overflow-auto shadow-1 rounded-[0.25rem] py-[0.5rem] bg-on-primary";
|
|
8
8
|
export declare const ITEM = "cursor-pointer px-[1rem] hover:bg-primary-fixed text-[1rem] leading-[2.5rem] text-on-surface-variant";
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { type FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
label: string;
|
|
4
|
+
inputId: string;
|
|
5
|
+
supportText?: string;
|
|
6
|
+
leadingIcon?: FontAwesomeIconProps['icon'];
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
invalid?: boolean;
|
|
10
|
+
alignLabelAndIcon?: 'center' | 'top';
|
|
11
|
+
};
|
|
12
|
+
declare var __VLS_5: {
|
|
13
|
+
containerClass: string;
|
|
14
|
+
}, __VLS_11: {}, __VLS_13: {};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
leadingIcon?: (props: typeof __VLS_5) => any;
|
|
17
|
+
} & {
|
|
18
|
+
default?: (props: typeof __VLS_11) => any;
|
|
19
|
+
} & {
|
|
20
|
+
supportText?: (props: typeof __VLS_13) => any;
|
|
21
|
+
};
|
|
22
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
invalid: boolean;
|
|
25
|
+
required: boolean;
|
|
26
|
+
supportText: string;
|
|
27
|
+
leadingIcon: FontAwesomeIconProps["icon"];
|
|
28
|
+
alignLabelAndIcon: "center" | "top";
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -13,11 +13,21 @@ type __VLS_Props = {
|
|
|
13
13
|
isFocused?: boolean;
|
|
14
14
|
label: string;
|
|
15
15
|
supportText?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
showClear?: boolean;
|
|
16
18
|
};
|
|
17
19
|
type __VLS_PublicProps = __VLS_Props & {
|
|
18
20
|
modelValue?: string;
|
|
19
21
|
};
|
|
20
|
-
declare
|
|
22
|
+
declare var __VLS_13: {
|
|
23
|
+
containerClass: string;
|
|
24
|
+
}, __VLS_15: {};
|
|
25
|
+
type __VLS_Slots = {} & {
|
|
26
|
+
leadingIcon?: (props: typeof __VLS_13) => any;
|
|
27
|
+
} & {
|
|
28
|
+
supportText?: (props: typeof __VLS_15) => any;
|
|
29
|
+
};
|
|
30
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
31
|
"update:modelValue": (value: string) => any;
|
|
22
32
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
33
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
@@ -25,9 +35,17 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
25
35
|
pt: object | InputTextPassThroughOptions<any>;
|
|
26
36
|
ptOptions: PassThroughOptions;
|
|
27
37
|
invalid: boolean;
|
|
28
|
-
|
|
38
|
+
required: boolean;
|
|
39
|
+
supportText: string;
|
|
29
40
|
leadingIcon: FontAwesomeIconProps["icon"];
|
|
41
|
+
hasSearchIcon: boolean;
|
|
30
42
|
isFocused: boolean;
|
|
31
|
-
|
|
43
|
+
showClear: boolean;
|
|
32
44
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
45
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
33
46
|
export default _default;
|
|
47
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
48
|
+
new (): {
|
|
49
|
+
$slots: S;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { type FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
|
|
2
|
+
import { type PassThroughOptions } from 'primevue/passthrough';
|
|
3
|
+
import { type TextareaPassThroughOptions } from 'primevue/textarea';
|
|
4
|
+
import type { PassThrough } from '@primevue/core';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
pt?: PassThrough<TextareaPassThroughOptions>;
|
|
7
|
+
ptOptions?: PassThroughOptions;
|
|
8
|
+
invalid?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
leadingIcon?: FontAwesomeIconProps['icon'];
|
|
11
|
+
isFocused?: boolean;
|
|
12
|
+
label: string;
|
|
13
|
+
supportText?: string;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
showClear?: boolean;
|
|
16
|
+
autoResize?: boolean;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
19
|
+
modelValue?: string;
|
|
20
|
+
};
|
|
21
|
+
declare var __VLS_9: {
|
|
22
|
+
containerClass: string;
|
|
23
|
+
}, __VLS_11: {};
|
|
24
|
+
type __VLS_Slots = {} & {
|
|
25
|
+
leadingIcon?: (props: typeof __VLS_9) => any;
|
|
26
|
+
} & {
|
|
27
|
+
supportText?: (props: typeof __VLS_11) => any;
|
|
28
|
+
};
|
|
29
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
30
|
+
"update:modelValue": (value: string) => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
32
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
pt: object | TextareaPassThroughOptions;
|
|
35
|
+
ptOptions: PassThroughOptions;
|
|
36
|
+
invalid: boolean;
|
|
37
|
+
required: boolean;
|
|
38
|
+
supportText: string;
|
|
39
|
+
leadingIcon: FontAwesomeIconProps["icon"];
|
|
40
|
+
isFocused: boolean;
|
|
41
|
+
showClear: boolean;
|
|
42
|
+
autoResize: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
44
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ import UIRadioButton from './components/radioButton/UIRadioButton.vue';
|
|
|
13
13
|
import UICheckbox from './components/checkbox/UICheckbox.vue';
|
|
14
14
|
import UIChip from './components/chip/UIChip.vue';
|
|
15
15
|
import UITextField from './components/textField/UITextField.vue';
|
|
16
|
+
import UITextArea from './components/textarea/UITextArea.vue';
|
|
16
17
|
import UIRichTooltip from './components/richTooltip/UIRichTooltip.vue';
|
|
17
18
|
import UISnackbar from './components/snackbar/UISnackbar.vue';
|
|
18
19
|
import UIListItem from './components/list/UIListItem.vue';
|
|
@@ -27,4 +28,4 @@ import UIInfoStrip from './components/infoStrip/UIInfoStrip.vue';
|
|
|
27
28
|
import UIInfoStripSecondaryBox from './components/infoStrip/UIInfoStripSecondaryBox.vue';
|
|
28
29
|
import UIPersonList from './components/infoStrip/UIPersonList.vue';
|
|
29
30
|
import UIBrandLogo from './components/infoStrip/brandLogo/UIBrandLogo.vue';
|
|
30
|
-
export { ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy, UITabView, UITabPanel, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIChip, UITextField, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, UIInfoStrip, UIInfoStripSecondaryBox, UIPersonList, UIBrandLogo, };
|
|
31
|
+
export { ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy, UITabView, UITabPanel, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIChip, UITextField, UITextArea, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, UIInfoStrip, UIInfoStripSecondaryBox, UIPersonList, UIBrandLogo, };
|