@codemonster-ru/vueforge 0.67.0 → 0.69.0

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

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

package/dist/package/components/__tests__/rich-text-editor.test.d.ts

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

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

@@ -0,0 +1,32 @@
+type Orientation = 'horizontal' | 'vertical';
+type Variant = 'solid' | 'dashed' | 'dotted';
+interface Props {
+    orientation?: Orientation;
+    variant?: Variant;
+    inset?: boolean;
+    label?: string;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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;
+    orientation: Orientation;
+    variant: Variant;
+    ariaLabel: string;
+    inset: 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/rich-text-editor.vue.d.ts

@@ -0,0 +1,51 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type Format = 'markdown' | 'html';
+export type RichTextEditorAction = 'bold' | 'italic' | 'underline' | 'link' | 'bulletList' | 'orderedList' | 'code';
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: Size;
+    variant?: Variant;
+    format?: Format;
+    rows?: number;
+    maxLength?: number;
+    showToolbar?: boolean;
+    toolbar?: Array<RichTextEditorAction>;
+    toolbarLabel?: string;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    action: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    ariaLabel: string;
+    format: Format;
+    rows: number;
+    maxLength: number;
+    showToolbar: boolean;
+    toolbar: Array<RichTextEditorAction>;
+    toolbarLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    control: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -407,6 +407,47 @@ export type TextareaTokens = {
         fontSize?: string;
     };
 };
+export type RichTextEditorTokens = {
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    minHeight?: string;
+    resize?: string;
+    toolbarGap?: string;
+    toolbarPadding?: string;
+    toolbarBorderColor?: string;
+    toolbarBackgroundColor?: string;
+    toolbarButtonMinWidth?: string;
+    toolbarButtonPadding?: string;
+    toolbarButtonRadius?: string;
+    toolbarButtonBorderColor?: string;
+    toolbarButtonBackgroundColor?: string;
+    toolbarButtonTextColor?: string;
+    toolbarButtonHoverBackgroundColor?: string;
+    toolbarButtonActiveBackgroundColor?: string;
+    counterFontSize?: string;
+    counterColor?: string;
+    counterDangerColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        toolbarButtonPadding?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        toolbarButtonPadding?: string;
+    };
+};
 export type FileUploadTokens = {
     minHeight?: string;
     fontSize?: string;
@@ -462,6 +503,16 @@ export type BreadcrumbsTokens = {
     separatorColor?: string;
     disabledOpacity?: string;
 };
+export type DividerTokens = {
+    color?: string;
+    textColor?: string;
+    thickness?: string;
+    minLength?: string;
+    gap?: string;
+    inset?: string;
+    labelPadding?: string;
+    labelFontSize?: string;
+};
 export type MenuTokens = {
     iconGap?: string;
     submenuOffset?: string;
@@ -2016,9 +2067,11 @@ export type ThemeComponentTokens = {
     form?: FormTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
+    richTextEditor?: RichTextEditorTokens;
     fileUpload?: FileUploadTokens;
     link?: LinkTokens;
     breadcrumbs?: BreadcrumbsTokens;
+    divider?: DividerTokens;
     menu?: MenuTokens;
     modal?: ModalTokens;
     confirmDialog?: ConfirmDialogTokens;

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    color: string;
+    textColor: string;
+    thickness: string;
+    minLength: string;
+    gap: string;
+    inset: string;
+    labelPadding: string;
+    labelFontSize: string;
+};
+export default _default;

package/dist/package/themes/default/components/rich-text-editor.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    gap: string;
+    fontSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    focusRingShadow: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    minHeight: string;
+    resize: string;
+    toolbarGap: string;
+    toolbarPadding: string;
+    toolbarBorderColor: string;
+    toolbarBackgroundColor: string;
+    toolbarButtonMinWidth: string;
+    toolbarButtonPadding: string;
+    toolbarButtonRadius: string;
+    toolbarButtonBorderColor: string;
+    toolbarButtonBackgroundColor: string;
+    toolbarButtonTextColor: string;
+    toolbarButtonHoverBackgroundColor: string;
+    toolbarButtonActiveBackgroundColor: string;
+    counterFontSize: string;
+    counterColor: string;
+    counterDangerColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        toolbarButtonPadding: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        toolbarButtonPadding: string;
+    };
+};
+export default _default;

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

@@ -564,6 +564,47 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        richTextEditor: {
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            minHeight: string;
+            resize: string;
+            toolbarGap: string;
+            toolbarPadding: string;
+            toolbarBorderColor: string;
+            toolbarBackgroundColor: string;
+            toolbarButtonMinWidth: string;
+            toolbarButtonPadding: string;
+            toolbarButtonRadius: string;
+            toolbarButtonBorderColor: string;
+            toolbarButtonBackgroundColor: string;
+            toolbarButtonTextColor: string;
+            toolbarButtonHoverBackgroundColor: string;
+            toolbarButtonActiveBackgroundColor: string;
+            counterFontSize: string;
+            counterColor: string;
+            counterDangerColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                toolbarButtonPadding: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                toolbarButtonPadding: string;
+            };
+        };
         fileUpload: {
             minHeight: string;
             fontSize: string;
@@ -619,6 +660,16 @@ declare const _default: {
             separatorColor: string;
             disabledOpacity: string;
         };
+        divider: {
+            color: string;
+            textColor: string;
+            thickness: string;
+            minLength: string;
+            gap: string;
+            inset: string;
+            labelPadding: string;
+            labelFontSize: string;
+        };
         menu: {
             iconGap: string;
             submenuOffset: string;

package/package.json

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