@codemonster-ru/vueforge 0.20.0 → 0.22.0

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

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

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

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

package/dist/package/components/accordion-context.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef } from 'vue';
+export type AccordionValue = string | number;
+export type AccordionVariant = 'filled' | 'outlined';
+export type AccordionSize = 'small' | 'normal' | 'large';
+export type AccordionContext = {
+    modelValue: ComputedRef<AccordionValue | AccordionValue[] | undefined>;
+    multiple: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    variant: ComputedRef<AccordionVariant>;
+    size: ComputedRef<AccordionSize>;
+    onToggle: (value: AccordionValue, event: Event) => void;
+    getHeaderId: (value: AccordionValue) => string;
+    getPanelId: (value: AccordionValue) => string;
+};
+export declare const accordionKey: unique symbol;

package/dist/package/components/accordion-item.vue.d.ts

@@ -0,0 +1,29 @@
+import { AccordionValue } from './accordion-context';
+interface Props {
+    value: AccordionValue;
+    title?: string;
+    disabled?: boolean;
+    unmount?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        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<{}>, {
+    disabled: boolean;
+    title: string;
+    unmount: 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/accordion.vue.d.ts

@@ -0,0 +1,39 @@
+import { AccordionSize, AccordionValue, AccordionVariant } from './accordion-context';
+interface Props {
+    modelValue?: AccordionValue | AccordionValue[];
+    multiple?: boolean;
+    disabled?: boolean;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    ariaLabel?: string;
+    ariaLabelledby?: 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, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: AccordionSize;
+    variant: AccordionVariant;
+    modelValue: AccordionValue | AccordionValue[];
+    multiple: 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/skeleton.vue.d.ts

@@ -0,0 +1,12 @@
+type Variant = 'text' | 'rect' | 'circle';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    variant?: Variant;
+    animated?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: Variant;
+    animated: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -413,6 +413,38 @@ export type TabsTokens = {
     panelTextColor?: string;
     disabledOpacity?: string;
 };
+export type AccordionTokens = {
+    gap?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    headerGap?: string;
+    headerPadding?: string;
+    headerFontSize?: string;
+    headerFontWeight?: string;
+    headerTextColor?: string;
+    headerBackgroundColor?: string;
+    headerHoverBackgroundColor?: string;
+    headerActiveBackgroundColor?: string;
+    contentPadding?: string;
+    contentTextColor?: string;
+    contentBackgroundColor?: string;
+    iconSize?: string;
+    iconColor?: string;
+    dividerColor?: string;
+    focusRingShadow?: string;
+    disabledOpacity?: string;
+    small?: {
+        headerPadding?: string;
+        headerFontSize?: string;
+        contentPadding?: string;
+    };
+    large?: {
+        headerPadding?: string;
+        headerFontSize?: string;
+        contentPadding?: string;
+    };
+};
 export type TooltipTokens = {
     padding?: string;
     borderRadius?: string;
@@ -425,6 +457,15 @@ export type TooltipTokens = {
     maxWidth?: string;
     arrowSize?: string;
 };
+export type SkeletonTokens = {
+    width?: string;
+    height?: string;
+    lineHeight?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    shimmerColor?: string;
+    animationDuration?: string;
+};
 export type ToastTokens = {
     gap?: string;
     padding?: string;
@@ -510,6 +551,7 @@ export type ThemeComponentTokens = {
     checkbox?: CheckboxTokens;
     radio?: RadioTokens;
     tabs?: TabsTokens;
+    accordion?: AccordionTokens;
     input?: InputTokens;
     formField?: FormFieldTokens;
     textarea?: TextareaTokens;
@@ -524,6 +566,7 @@ export type ThemeComponentTokens = {
     pagination?: PaginationTokens;
     switch?: SwitchTokens;
     tooltip?: TooltipTokens;
+    skeleton?: SkeletonTokens;
     toast?: ToastTokens;
     alert?: AlertTokens;
     [key: string]: unknown;

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

@@ -0,0 +1,33 @@
+declare const _default: {
+    gap: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    headerGap: string;
+    headerPadding: string;
+    headerFontSize: string;
+    headerFontWeight: string;
+    headerTextColor: string;
+    headerBackgroundColor: string;
+    headerHoverBackgroundColor: string;
+    headerActiveBackgroundColor: string;
+    contentPadding: string;
+    contentTextColor: string;
+    contentBackgroundColor: string;
+    iconSize: string;
+    iconColor: string;
+    dividerColor: string;
+    focusRingShadow: string;
+    disabledOpacity: string;
+    small: {
+        headerPadding: string;
+        headerFontSize: string;
+        contentPadding: string;
+    };
+    large: {
+        headerPadding: string;
+        headerFontSize: string;
+        contentPadding: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+declare const _default: {
+    width: string;
+    height: string;
+    lineHeight: string;
+    borderRadius: string;
+    backgroundColor: string;
+    shimmerColor: string;
+    animationDuration: string;
+};
+export default _default;

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

@@ -595,6 +595,38 @@ declare const _default: {
             panelTextColor: string;
             disabledOpacity: string;
         };
+        accordion: {
+            gap: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            headerGap: string;
+            headerPadding: string;
+            headerFontSize: string;
+            headerFontWeight: string;
+            headerTextColor: string;
+            headerBackgroundColor: string;
+            headerHoverBackgroundColor: string;
+            headerActiveBackgroundColor: string;
+            contentPadding: string;
+            contentTextColor: string;
+            contentBackgroundColor: string;
+            iconSize: string;
+            iconColor: string;
+            dividerColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            small: {
+                headerPadding: string;
+                headerFontSize: string;
+                contentPadding: string;
+            };
+            large: {
+                headerPadding: string;
+                headerFontSize: string;
+                contentPadding: string;
+            };
+        };
         tooltip: {
             padding: string;
             borderRadius: string;
@@ -607,6 +639,15 @@ declare const _default: {
             maxWidth: string;
             arrowSize: string;
         };
+        skeleton: {
+            width: string;
+            height: string;
+            lineHeight: string;
+            borderRadius: string;
+            backgroundColor: string;
+            shimmerColor: string;
+            animationDuration: string;
+        };
         toast: {
             gap: string;
             padding: string;

package/package.json

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