@aures5g/vue-component-library 0.36.0 → 0.38.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/dropdown/UIDropdown.vue.d.ts +31 -0
- package/dist/src/components/dropdown/uiDropdown.theme.d.ts +8 -0
- package/dist/src/components/infoStrip/UIInfoStrip.vue.d.ts +36 -0
- package/dist/src/components/infoStrip/UIInfoStripSecondaryBox.vue.d.ts +22 -0
- package/dist/src/components/infoStrip/uiInfoStrip.const.d.ts +9 -0
- package/dist/src/components/infoStrip/uiInfoStrip.theme.d.ts +12 -0
- package/dist/src/components/infoStrip/uiInfoStripSecondaryBox.theme.d.ts +3 -0
- package/dist/src/index.d.ts +4 -1
- package/dist/vue-component-library.cjs +999 -571
- package/dist/vue-component-library.css +1 -1
- package/dist/vue-component-library.js +6617 -3478
- package/package.json +2 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type SelectPassThroughOptions } from 'primevue/select';
|
|
2
|
+
import { type PassThroughOptions } from 'primevue/passthrough';
|
|
3
|
+
import type { PassThrough } from '@primevue/core';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
pt?: PassThrough<SelectPassThroughOptions>;
|
|
6
|
+
ptOptions?: PassThroughOptions;
|
|
7
|
+
label: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
options: unknown[];
|
|
10
|
+
optionLabel?: string | ((item: unknown) => string);
|
|
11
|
+
optionValue?: string | ((item: unknown) => string);
|
|
12
|
+
showClear: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_PublicProps = {
|
|
16
|
+
modelValue?: unknown;
|
|
17
|
+
} & __VLS_Props;
|
|
18
|
+
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
|
+
"update:modelValue": (value: unknown) => any;
|
|
20
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
21
|
+
"onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
pt: object | SelectPassThroughOptions<any>;
|
|
24
|
+
ptOptions: PassThroughOptions;
|
|
25
|
+
disabled: boolean;
|
|
26
|
+
required: boolean;
|
|
27
|
+
optionLabel: string | ((item: unknown) => string);
|
|
28
|
+
optionValue: string | ((item: unknown) => string);
|
|
29
|
+
showClear: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const BASE = "peer select-none min-w-[16rem] border border-on-surface-variant flex justify-end items-center px-[0.25rem] pl-[1rem] rounded-[0.25rem] w-fit h-[2.5rem] bg-inherit overflow-hidden";
|
|
2
|
+
export declare const DROPDOWN = "cursor-pointer text-[1rem] h-fit p-[0.12rem] mx-[0.5rem] flex items-center rounded-full border-2 border-on-surface-variant";
|
|
3
|
+
export declare const DISABLED_DROPDOWN = "!text-on-surface/[0.12] border-on-surface/[0.12] !cursor-auto";
|
|
4
|
+
export declare const CLEAR_ICON = "!w-[1.25rem] cursor-pointer mr-[0.5rem]";
|
|
5
|
+
export declare const SELECT_LABEL = "w-full flex justify-start bg-transparent text-on-surface-variant focus-visible:outline-none";
|
|
6
|
+
export declare const FLOATING_LABEL = "absolute select-none ml-[1rem] top-[50%] text-[1rem] -translate-y-1/2 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";
|
|
7
|
+
export declare const OVERLAY_PANEL = "max-h-[8rem] overflow-auto shadow-1 rounded-[0.25rem] py-[0.5rem] bg-on-primary";
|
|
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 { STRIP_SEVERITY, CUSTOMER_STATUS } from './uiInfoStrip.const';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
severity?: (typeof STRIP_SEVERITY)[keyof typeof STRIP_SEVERITY];
|
|
4
|
+
status?: (typeof CUSTOMER_STATUS)[keyof typeof CUSTOMER_STATUS];
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
"leading-icon"?(_: {}): any;
|
|
11
|
+
"severity-swap"?(_: {}): any;
|
|
12
|
+
"primary-content"?(_: {}): any;
|
|
13
|
+
"secondary-boxes"?(_: {}): any;
|
|
14
|
+
"primary-action"?(_: {}): any;
|
|
15
|
+
"secondary-action"?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {
|
|
18
|
+
title: HTMLSpanElement;
|
|
19
|
+
};
|
|
20
|
+
rootEl: HTMLDivElement;
|
|
21
|
+
};
|
|
22
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
23
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
24
|
+
severity: (typeof STRIP_SEVERITY)[keyof typeof STRIP_SEVERITY];
|
|
25
|
+
title: string;
|
|
26
|
+
status: (typeof CUSTOMER_STATUS)[keyof typeof CUSTOMER_STATUS];
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
|
|
28
|
+
title: HTMLSpanElement;
|
|
29
|
+
}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Icon } from '@/types/fa';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
headline: string;
|
|
4
|
+
icon?: Icon;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const BASE = "flex text-on-primary rounded-[1rem] overflow-hidden w-full";
|
|
2
|
+
export declare const DEFAULT_FIRST_BOX = "bg-[#0075E6]";
|
|
3
|
+
export declare const ENEMY_FIRST_BOX = "bg-[#DE334A] border-error";
|
|
4
|
+
export declare const VIP_FIRST_BOX = "bg-[#3F4753] border-[#A48111]";
|
|
5
|
+
export declare const HEADER_WRAPPER = "w-full flex justify-between items-center gap-[1rem]";
|
|
6
|
+
export declare const TAGS_WRAPPER = "flex gap-[0.25rem] items-center";
|
|
7
|
+
export declare const ENEMY_TAG = "text-on-primary !bg-error";
|
|
8
|
+
export declare const VIP_TAG = "text-on-primary !bg-[#A48111]";
|
|
9
|
+
export declare const B2B_TAG = "text-on-primary !bg-success";
|
|
10
|
+
export declare const B2C_TAG = "text-on-primary !bg-tertiary";
|
|
11
|
+
export declare const SECONDARY_BOXES_WRAPPER = "grow flex pt-[0.5rem] pb-[1rem] px-[1rem] bg-inherit";
|
|
12
|
+
export declare const ACTION_WRAPPER = "bg-on-primary/[0.08] py-[1.5rem] px-[1rem] flex flex-col justify-start items-center gap-[1.5rem]";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const BASE = "p-[1rem] bg-inherit relative text-on-primary border border-on-primary/[0.16] mt-[1rem] rounded-[0.25rem]";
|
|
2
|
+
export declare const HEADLINE_BOX = "flex gap-[0.5rem] items-center bg-inherit absolute top-[-0.75rem] left-[0.5rem] px-[0.5rem]";
|
|
3
|
+
export declare const HEADLINE = "text-[1rem] font-medium leading-[1.5rem]";
|
package/dist/src/index.d.ts
CHANGED
|
@@ -22,4 +22,7 @@ import UIToolbar from './components/toolbar/UIToolbar.vue';
|
|
|
22
22
|
import UILanguagePicker from './components/languagePicker/UILanguagePicker.vue';
|
|
23
23
|
import UIDivider from './components/divider/UIDivider.vue';
|
|
24
24
|
import UISwitch from './components/switch/UISwitch.vue';
|
|
25
|
-
|
|
25
|
+
import UIDropdown from './components/dropdown/UIDropdown.vue';
|
|
26
|
+
import UIInfoStrip from './components/infoStrip/UIInfoStrip.vue';
|
|
27
|
+
import UIInfoStripSecondaryBox from './components/infoStrip/UIInfoStripSecondaryBox.vue';
|
|
28
|
+
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, };
|