@aures5g/vue-component-library 0.41.0 → 0.43.0

package/dist/src/components/button/uiButton.const.d.ts

@@ -5,5 +5,7 @@ export declare const BUTTON_SEVERITY: {
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly DANGER: "danger";
+    readonly FILLED: "filled";
+    readonly TRANPARENT: "transparent";
 };
 export type ButtonSeverities = (typeof BUTTON_SEVERITY)[keyof typeof BUTTON_SEVERITY];

package/dist/src/components/button/uiButton.theme.d.ts

@@ -5,6 +5,8 @@ export declare const BUTTON_TEXT = "text-primary px-md hover:bg-primary/[0.08] h
 export declare const BUTTON_SUCCESS = "bg-success text-on-success px-xl hover:shadow-1 h-[2.5rem]";
 export declare const BUTTON_WARNING = "bg-warning text-on-warning px-xl hover:shadow-1 h-[2.5rem]";
 export declare const BUTTON_DANGER = "bg-error text-on-error px-xl hover:shadow-1 h-[2.5rem]";
+export declare const BUTTON_FILLED = "bg-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-surface-variant/[0.08]";
+export declare const BUTTON_TRANSPARENT = "border border-on-primary/[0.16] text-on-primary px-xl hover:shadow-1 h-[2.5rem] hover:after:bg-on-primary/[0.08]";
 export declare const ACTION_BUTTON = "flex-row-reverse w-full gap-sm pr-lg";
 export declare const ACTION_BUTTON_LABEL = "grow truncate text-left";
 export declare const BASE_LABEL = "title-small";
@@ -17,3 +19,5 @@ export declare const BUTTON_ICON_ONLY_LARGE = "h-[2.5rem] text-[1.25rem] !p-0 w-
 export declare const BUTTON_ICON_ONLY_LABEL = "hidden";
 export declare const DEFAULT_DISABLED = "px-xl h-[2.5rem] !bg-on-surface/[0.08] text-on-surface/[0.38]";
 export declare const OUTLINED_DISABLED = "px-xl h-[2.5rem] border !border-on-surface/[0.12] !bg-transparent text-on-surface/[0.38]";
+export declare const FILLED_DISABLED = "px-xl h-[2.5rem] bg-on-primary/[0.12] text-on-primary/[0.5] hover:after:hidden";
+export declare const TRANSPARENT_DISABLED = "px-xl h-[2.5rem] border border-on-primary/[0.12] text-on-primary/[0.5] hover:after:hidden";

package/dist/src/components/iconButton/UIIconButton.vue.d.ts

@@ -1,12 +1,13 @@
 import { type ButtonPassThroughOptions } from 'primevue/button';
 import { type PassThroughOptions } from 'primevue/passthrough';
 import type { PassThrough } from '@primevue/core';
-import { type IconButtonSeverities } from './uiIconButton.const';
+import { type IconButtonSeverities, type ButtonSize } from './uiIconButton.const';
 type __VLS_Props = {
     severity?: IconButtonSeverities;
     label?: string;
     pt?: PassThrough<ButtonPassThroughOptions>;
     ptOptions?: PassThroughOptions;
+    size: ButtonSize;
     isDisabled?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

package/dist/src/components/iconButton/uiIconButton.const.d.ts

@@ -2,6 +2,26 @@ export declare const ICON_BUTTON_SEVERITY: {
     readonly PRIMARY: "primary";
     readonly SECONDARY: "secondary";
     readonly OUTLINED: "outlined";
+    readonly STANDARD: "standard";
+    readonly FILLED: "filled";
+    readonly TRANSPARENT: "transparent";
     readonly TEXT: "text";
 };
 export type IconButtonSeverities = (typeof ICON_BUTTON_SEVERITY)[keyof typeof ICON_BUTTON_SEVERITY];
+export declare const BUTTON_SIZE: {
+    readonly LARGE: "large";
+    readonly MEDIUM: "medium";
+    readonly SMALL: "small";
+};
+export type ButtonSize = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+export declare const SIZE_MAP: {
+    readonly large: {
+        readonly class: "size-[2.5rem] text-[1.25rem]";
+    };
+    readonly medium: {
+        readonly class: "size-[2.5rem] text-[1rem]";
+    };
+    readonly small: {
+        readonly class: "size-[2rem] text-[1rem]";
+    };
+};

package/dist/src/components/iconButton/uiIconButton.theme.d.ts

@@ -1,9 +1,15 @@
-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";
+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";
 export declare const NO_LABEL = "hidden";
 export declare const ICON_BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/[0.08]";
 export declare const ICON_BUTTON_SECONDARY = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/[0.08]";
 export declare const ICON_BUTTON_OUTLINED = "border border-on-surface-variant text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
-export declare const ICON_BUTTON_TEXT = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
+export declare const ICON_BUTTON_STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/[0.08]";
+export declare const ICON_BUTTON_FILLED = "bg-on-primary hover:after:bg-on-surface-variant/[0.08]";
+export declare const ICON_BUTTON_TRANSPARENT = "bg-transparent border border-on-primary/[0.16] text-on-primary";
+export declare const ICON_BUTTON_TEXT = "text-on-primary";
 export declare const DEFAULT_DISABLED = "bg-on-surface/[0.08] text-on-surface/[0.38] hover:after:hidden";
 export declare const OUTLINED_DISABLED = "border border-on-surface/[0.12] bg-transparent text-on-surface/[0.38] hover:after:hidden";
-export declare const TEXT_DISABLED = "bg-transparent text-on-surface/[0.38] hover:after:hidden";
+export declare const STANDARD_DISABLED = "bg-transparent text-on-surface/[0.38] hover:after:hidden";
+export declare const FILLED_DISABLED = "bg-on-primary/[0.12] text-on-primary/[0.28] hover:after:hidden";
+export declare const TRANSPARENT_DISABLED = "bg-transparent border border-on-primary/[0.08] text-on-primary/[0.5] hover:after:hidden";
+export declare const TEXT_DISABLED = "text-on-primary/[0.5] hover:after:hidden";