@codemonster-ru/vueforge 0.16.0 → 0.18.0

package/dist/package/components/__tests__/alert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/__tests__/form-field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/alert.vue.d.ts

@@ -0,0 +1,42 @@
+type AlertSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+interface Props {
+    modelValue?: boolean;
+    title?: string;
+    message?: string;
+    severity?: AlertSeverity;
+    closable?: boolean;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    icon: string;
+    severity: AlertSeverity;
+    message: string;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/form-field.vue.d.ts

@@ -0,0 +1,43 @@
+type Size = 'small' | 'normal' | 'large';
+interface Props {
+    id?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    size?: Size;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {
+            id: string;
+            describedBy: string | undefined;
+            invalid: boolean;
+            required: boolean;
+        }): any;
+        hint?(_: {}): any;
+        error?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    disabled: boolean;
+    error: string;
+    required: boolean;
+    size: Size;
+    id: string;
+    hint: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/config/theme-core.d.ts

@@ -77,6 +77,27 @@ export type InputTokens = {
         fontSize?: string;
     };
 };
+export type FormFieldTokens = {
+    gap?: string;
+    textColor?: string;
+    labelFontSize?: string;
+    labelColor?: string;
+    requiredColor?: string;
+    hintFontSize?: string;
+    hintColor?: string;
+    errorColor?: string;
+    disabledOpacity?: string;
+    small?: {
+        gap?: string;
+        labelFontSize?: string;
+        hintFontSize?: string;
+    };
+    large?: {
+        gap?: string;
+        labelFontSize?: string;
+        hintFontSize?: string;
+    };
+};
 export type TextareaTokens = {
     gap?: string;
     fontSize?: string;
@@ -372,6 +393,45 @@ export type ToastTokens = {
         textColor?: string;
     };
 };
+export type AlertTokens = {
+    gap?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    iconColor?: string;
+    fontSize?: string;
+    lineHeight?: string;
+    bodyGap?: string;
+    titleFontSize?: string;
+    titleFontWeight?: string;
+    actionsGap?: string;
+    closeSize?: string;
+    closeRadius?: string;
+    closeFontSize?: string;
+    closeHoverBackgroundColor?: string;
+    info?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        textColor?: string;
+    };
+    success?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        textColor?: string;
+    };
+    warn?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        textColor?: string;
+    };
+    danger?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        textColor?: string;
+    };
+};
 export type ThemeComponentTokens = {
     button?: ButtonTokens;
     card?: CardTokens;
@@ -379,6 +439,7 @@ export type ThemeComponentTokens = {
     radio?: RadioTokens;
     tabs?: TabsTokens;
     input?: InputTokens;
+    formField?: FormFieldTokens;
     textarea?: TextareaTokens;
     link?: LinkTokens;
     menu?: MenuTokens;
@@ -390,6 +451,7 @@ export type ThemeComponentTokens = {
     switch?: SwitchTokens;
     tooltip?: TooltipTokens;
     toast?: ToastTokens;
+    alert?: AlertTokens;
     [key: string]: unknown;
 };
 export type ThemeTokens = {

package/dist/package/themes/default/components/alert.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    gap: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    iconColor: string;
+    fontSize: string;
+    lineHeight: string;
+    bodyGap: string;
+    titleFontSize: string;
+    titleFontWeight: string;
+    actionsGap: string;
+    closeSize: string;
+    closeRadius: string;
+    closeFontSize: string;
+    closeHoverBackgroundColor: string;
+    info: {
+        backgroundColor: string;
+        borderColor: string;
+        textColor: string;
+    };
+    success: {
+        backgroundColor: string;
+        borderColor: string;
+        textColor: string;
+    };
+    warn: {
+        backgroundColor: string;
+        borderColor: string;
+        textColor: string;
+    };
+    danger: {
+        backgroundColor: string;
+        borderColor: string;
+        textColor: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/form-field.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    gap: string;
+    textColor: string;
+    labelFontSize: string;
+    labelColor: string;
+    requiredColor: string;
+    hintFontSize: string;
+    hintColor: string;
+    errorColor: string;
+    disabledOpacity: string;
+    small: {
+        gap: string;
+        labelFontSize: string;
+        hintFontSize: string;
+    };
+    large: {
+        gap: string;
+        labelFontSize: string;
+        hintFontSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -234,6 +234,27 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        formField: {
+            gap: string;
+            textColor: string;
+            labelFontSize: string;
+            labelColor: string;
+            requiredColor: string;
+            hintFontSize: string;
+            hintColor: string;
+            errorColor: string;
+            disabledOpacity: string;
+            small: {
+                gap: string;
+                labelFontSize: string;
+                hintFontSize: string;
+            };
+            large: {
+                gap: string;
+                labelFontSize: string;
+                hintFontSize: string;
+            };
+        };
         textarea: {
             gap: string;
             fontSize: string;
@@ -554,6 +575,45 @@ declare const _default: {
                 textColor: string;
             };
         };
+        alert: {
+            gap: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            iconColor: string;
+            fontSize: string;
+            lineHeight: string;
+            bodyGap: string;
+            titleFontSize: string;
+            titleFontWeight: string;
+            actionsGap: string;
+            closeSize: string;
+            closeRadius: string;
+            closeFontSize: string;
+            closeHoverBackgroundColor: string;
+            info: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            success: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            warn: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            danger: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+        };
     };
     colors: {
         white: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.16.0",
+    "version": "0.18.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",