Fix small devices layout
This commit is contained in:
132
dist/components/FwbButton/FwbButton.vue.d.ts
vendored
132
dist/components/FwbButton/FwbButton.vue.d.ts
vendored
@@ -1,132 +0,0 @@
|
||||
import type { ButtonGradient, ButtonMonochromeGradient, ButtonSize, ButtonVariant } from './types';
|
||||
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
||||
class: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: {
|
||||
type: import("vue").PropType<ButtonVariant>;
|
||||
default: string;
|
||||
};
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
href: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
size: {
|
||||
type: import("vue").PropType<ButtonSize>;
|
||||
default: string;
|
||||
};
|
||||
loading: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
gradient: {
|
||||
type: import("vue").PropType<ButtonGradient | null>;
|
||||
default: null;
|
||||
};
|
||||
shadow: {
|
||||
type: import("vue").PropType<ButtonMonochromeGradient | null>;
|
||||
default: null;
|
||||
};
|
||||
pill: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
square: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
outline: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
loadingPosition: {
|
||||
type: import("vue").PropType<"prefix" | "suffix">;
|
||||
default: string;
|
||||
};
|
||||
tag: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
class: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
color: {
|
||||
type: import("vue").PropType<ButtonVariant>;
|
||||
default: string;
|
||||
};
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
href: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
size: {
|
||||
type: import("vue").PropType<ButtonSize>;
|
||||
default: string;
|
||||
};
|
||||
loading: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
gradient: {
|
||||
type: import("vue").PropType<ButtonGradient | null>;
|
||||
default: null;
|
||||
};
|
||||
shadow: {
|
||||
type: import("vue").PropType<ButtonMonochromeGradient | null>;
|
||||
default: null;
|
||||
};
|
||||
pill: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
square: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
outline: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
loadingPosition: {
|
||||
type: import("vue").PropType<"prefix" | "suffix">;
|
||||
default: string;
|
||||
};
|
||||
tag: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
}>>, {
|
||||
class: string;
|
||||
color: ButtonVariant;
|
||||
disabled: boolean;
|
||||
href: string;
|
||||
size: ButtonSize;
|
||||
loading: boolean;
|
||||
gradient: ButtonGradient | null;
|
||||
shadow: ButtonMonochromeGradient | null;
|
||||
pill: boolean;
|
||||
square: boolean;
|
||||
outline: boolean;
|
||||
loadingPosition: "prefix" | "suffix";
|
||||
tag: string;
|
||||
}, {}>, {
|
||||
prefix?(_: {}): any;
|
||||
default?(_: {}): any;
|
||||
suffix?(_: {}): any;
|
||||
}>;
|
||||
export default _default;
|
||||
type __VLS_WithTemplateSlots<T, S> = T & {
|
||||
new (): {
|
||||
$slots: S;
|
||||
};
|
||||
};
|
||||
@@ -1,22 +0,0 @@
|
||||
import { type Ref } from 'vue';
|
||||
import type { ButtonGradient, ButtonMonochromeGradient, ButtonSize, ButtonVariant } from '../types';
|
||||
export type ButtonClassMap<T extends string> = {
|
||||
hover: Record<T, string>;
|
||||
default: Record<T, string>;
|
||||
};
|
||||
export type UseButtonClassesProps = {
|
||||
class: Ref<string>;
|
||||
pill: Ref<boolean>;
|
||||
disabled: Ref<boolean>;
|
||||
loading: Ref<boolean>;
|
||||
outline: Ref<boolean>;
|
||||
size: Ref<ButtonSize>;
|
||||
square: Ref<boolean>;
|
||||
color: Ref<ButtonVariant>;
|
||||
gradient: Ref<ButtonGradient | null>;
|
||||
shadow: Ref<ButtonMonochromeGradient | '' | null>;
|
||||
};
|
||||
export declare function useButtonClasses(props: UseButtonClassesProps): {
|
||||
wrapperClasses: string;
|
||||
spanClasses: string;
|
||||
};
|
||||
@@ -1,13 +0,0 @@
|
||||
import { type Ref } from 'vue';
|
||||
import type { ButtonGradient, ButtonSize, ButtonVariant } from '../types';
|
||||
import type { SpinnerColor, SpinnerSize } from './../../FwbSpinner/types';
|
||||
export type UseButtonSpinnerProps = {
|
||||
outline: Ref<boolean>;
|
||||
size: Ref<ButtonSize>;
|
||||
color: Ref<ButtonVariant>;
|
||||
gradient: Ref<ButtonGradient | null>;
|
||||
};
|
||||
export declare function useButtonSpinner(props: UseButtonSpinnerProps): {
|
||||
size: Ref<SpinnerSize>;
|
||||
color: Ref<SpinnerColor>;
|
||||
};
|
||||
@@ -1 +0,0 @@
|
||||
export {};
|
||||
5
dist/components/FwbButton/types.d.ts
vendored
5
dist/components/FwbButton/types.d.ts
vendored
@@ -1,5 +0,0 @@
|
||||
export type ButtonMonochromeGradient = 'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple';
|
||||
export type ButtonDuotoneGradient = 'purple-blue' | 'cyan-blue' | 'green-blue' | 'purple-pink' | 'pink-orange' | 'teal-lime' | 'red-yellow';
|
||||
export type ButtonGradient = ButtonDuotoneGradient | ButtonMonochromeGradient;
|
||||
export type ButtonVariant = 'default' | 'alternative' | 'dark' | 'light' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'blue';
|
||||
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
||||
Reference in New Issue
Block a user