@aures5g/vue-component-library 0.40.0 → 0.42.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.
@@ -1,12 +1,13 @@
1
1
  import { type ButtonPassThroughOptions } from 'primevue/button';
2
2
  import { type PassThroughOptions } from 'primevue/passthrough';
3
3
  import type { PassThrough } from '@primevue/core';
4
- import { type IconButtonSeverities } from './uiIconButton.const';
4
+ import { type IconButtonSeverities, type ButtonSize } from './uiIconButton.const';
5
5
  type __VLS_Props = {
6
6
  severity?: IconButtonSeverities;
7
7
  label?: string;
8
8
  pt?: PassThrough<ButtonPassThroughOptions>;
9
9
  ptOptions?: PassThroughOptions;
10
+ size: ButtonSize;
10
11
  isDisabled?: boolean;
11
12
  };
12
13
  declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
@@ -2,6 +2,26 @@ export declare const ICON_BUTTON_SEVERITY: {
2
2
  readonly PRIMARY: "primary";
3
3
  readonly SECONDARY: "secondary";
4
4
  readonly OUTLINED: "outlined";
5
+ readonly STANDARD: "standard";
6
+ readonly FILLED: "filled";
7
+ readonly TRANSPARENT: "transparent";
5
8
  readonly TEXT: "text";
6
9
  };
7
10
  export type IconButtonSeverities = (typeof ICON_BUTTON_SEVERITY)[keyof typeof ICON_BUTTON_SEVERITY];
11
+ export declare const BUTTON_SIZE: {
12
+ readonly LARGE: "large";
13
+ readonly MEDIUM: "medium";
14
+ readonly SMALL: "small";
15
+ };
16
+ export type ButtonSize = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
17
+ export declare const SIZE_MAP: {
18
+ readonly large: {
19
+ readonly class: "size-[2.5rem] text-[1.25rem]";
20
+ };
21
+ readonly medium: {
22
+ readonly class: "size-[2.5rem] text-[1rem]";
23
+ };
24
+ readonly small: {
25
+ readonly class: "size-[2rem] text-[1rem]";
26
+ };
27
+ };
@@ -1,9 +1,15 @@
1
- export declare const BASE_ICON_BUTTON = "rounded-full size-[2.5rem] flex justify-center items-center text-[1.25rem] relative hover:after:rounded-full hover:after:size-full hover:after:absolute hover:after:left-0";
1
+ export declare const BASE_ICON_BUTTON = "rounded-full flex justify-center items-center relative hover:after:rounded-full hover:after:size-full hover:after:absolute hover:after:left-0";
2
2
  export declare const NO_LABEL = "hidden";
3
3
  export declare const ICON_BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08]";
4
4
  export declare const ICON_BUTTON_SECONDARY = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/[0.08]";
5
5
  export declare const ICON_BUTTON_OUTLINED = "border border-on-surface-variant text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
6
- export declare const ICON_BUTTON_TEXT = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
6
+ export declare const ICON_BUTTON_STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
7
+ export declare const ICON_BUTTON_FILLED = "bg-on-primary hover:after:bg-on-surface-variant/[0.08]";
8
+ export declare const ICON_BUTTON_TRANSPARENT = "bg-transparent border border-on-primary/[0.16] text-on-primary";
9
+ export declare const ICON_BUTTON_TEXT = "text-on-primary";
7
10
  export declare const DEFAULT_DISABLED = "bg-on-surface/[0.08] text-on-surface/[0.38] hover:after:hidden";
8
11
  export declare const OUTLINED_DISABLED = "border border-on-surface/[0.12] bg-transparent text-on-surface/[0.38] hover:after:hidden";
9
- export declare const TEXT_DISABLED = "bg-transparent text-on-surface/[0.38] hover:after:hidden";
12
+ export declare const STANDARD_DISABLED = "bg-transparent text-on-surface/[0.38] hover:after:hidden";
13
+ export declare const FILLED_DISABLED = "bg-on-primary/[0.12] text-on-primary/[0.28] hover:after:hidden";
14
+ export declare const TRANSPARENT_DISABLED = "bg-transparent border border-on-primary/[0.08] text-on-primary/[0.5] hover:after:hidden";
15
+ export declare const TEXT_DISABLED = "text-on-primary/[0.5] hover:after:hidden";
@@ -0,0 +1,9 @@
1
+ import { type BrandLogoSeverities, type Brands } from './uiBrandLogo.const';
2
+ type __VLS_Props = {
3
+ severity?: BrandLogoSeverities;
4
+ brand: Brands;
5
+ };
6
+ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
7
+ severity: BrandLogoSeverities;
8
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
9
+ export default _default;
@@ -0,0 +1,83 @@
1
+ export declare const BRAND_LOGO_SEVERITY: {
2
+ readonly DEFAULT: "default";
3
+ readonly ENEMY: "enemy";
4
+ readonly VIP: "vip";
5
+ };
6
+ export type BrandLogoSeverities = (typeof BRAND_LOGO_SEVERITY)[keyof typeof BRAND_LOGO_SEVERITY];
7
+ export declare const BRANDS: {
8
+ readonly AUTOSPLATKA: "CZ_Financing";
9
+ readonly MOTOTECHNA_BRAND: "MototechnaBrand";
10
+ readonly MOTOTECHNA_DRIVE: "CZ_DRIVE";
11
+ readonly MOTOTECHNA_GROUP: "CZ_MG";
12
+ readonly MOTOTECHNA_SK: "SK_MOT";
13
+ readonly CZ_AAA: "CZ_AAA";
14
+ readonly PL_AAA: "PL_AAA";
15
+ readonly SK_AAA: "SK_AAA";
16
+ readonly DISKONT_SK: "SK_AD";
17
+ readonly DISKONT_CZ: "CZ_AD";
18
+ readonly KUPUJEME_AUTA: "CZ_KuAut";
19
+ readonly SERVIS_PLAN: "CZ_SP";
20
+ };
21
+ export type Brands = (typeof BRANDS)[keyof typeof BRANDS];
22
+ export declare const BRAND_MAP: {
23
+ readonly CZ_Financing: {
24
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
+ readonly label: "autosplatka";
26
+ readonly class: "bg-[#16DB93] text-on-primary";
27
+ };
28
+ readonly MototechnaBrand: {
29
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
+ readonly label: "mototechna";
31
+ readonly class: "bg-[#00CCBB] text-on-primary";
32
+ };
33
+ readonly CZ_DRIVE: {
34
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
35
+ readonly label: "mototechna";
36
+ readonly class: "bg-[#00CCBB] text-on-primary";
37
+ };
38
+ readonly CZ_MG: {
39
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
40
+ readonly label: "mototechna";
41
+ readonly class: "bg-[#00CCBB] text-on-primary";
42
+ };
43
+ readonly SK_MOT: {
44
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
45
+ readonly label: "mototechna";
46
+ readonly class: "bg-[#00CCBB] text-on-primary";
47
+ };
48
+ readonly CZ_AAA: {
49
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
+ readonly label: "aaa auto";
51
+ readonly class: "bg-[#005CA9] text-on-primary";
52
+ };
53
+ readonly PL_AAA: {
54
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
+ readonly label: "aaa auto";
56
+ readonly class: "bg-[#005CA9] text-on-primary";
57
+ };
58
+ readonly SK_AAA: {
59
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
60
+ readonly label: "aaa auto";
61
+ readonly class: "bg-[#005CA9] text-on-primary";
62
+ };
63
+ readonly SK_AD: {
64
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
65
+ readonly label: "aaa auto diskont";
66
+ readonly class: "bg-[#E74011] text-on-primary";
67
+ };
68
+ readonly CZ_AD: {
69
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
70
+ readonly label: "aaa auto diskont";
71
+ readonly class: "bg-[#E74011] text-on-primary";
72
+ };
73
+ readonly CZ_KuAut: {
74
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
75
+ readonly label: "aaa auto";
76
+ readonly class: "bg-[#005CA9] text-on-primary";
77
+ };
78
+ readonly CZ_SP: {
79
+ readonly icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
80
+ readonly label: "aaa auto";
81
+ readonly class: "bg-[#005CA9] text-on-primary";
82
+ };
83
+ };
@@ -0,0 +1,6 @@
1
+ export declare const BASE = "relative bg-on-primary h-[2rem] pr-[1rem] rounded-[625rem] flex items-center label-medium tracking-[0.03125rem]";
2
+ export declare const ICON_BOX = "absolute left-[-1px] size-[2.5rem] text-[1rem] rounded-full flex justify-center items-center";
3
+ export declare const DEFAULT_BORDER = "border-4 border-[#0075E6]";
4
+ export declare const ENEMY_BORDER = "border-4 border-[#DE334A]";
5
+ export declare const VIP_BORDER = "border-4 border-[#414754]";
6
+ export declare const NON_DEFAULT = "bg-on-primary";
@@ -26,4 +26,5 @@ import UIDropdown from './components/dropdown/UIDropdown.vue';
26
26
  import UIInfoStrip from './components/infoStrip/UIInfoStrip.vue';
27
27
  import UIInfoStripSecondaryBox from './components/infoStrip/UIInfoStripSecondaryBox.vue';
28
28
  import UIPersonList from './components/infoStrip/UIPersonList.vue';
29
- 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, };
29
+ 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, };