@codemonster-ru/vueforge 0.71.0 → 0.73.0

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

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

package/dist/package/components/__tests__/page-header.test.d.ts

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

package/dist/package/components/button-group.vue.d.ts

@@ -21,8 +21,8 @@ declare function __VLS_template(): {
 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;
-    orientation: Orientation;
     size: Size;
+    orientation: Orientation;
     variant: Variant;
     severity: Severity;
     attached: boolean;

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

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     type: string;
     label: string;
     disabled: boolean;
-    icon: string;
     size: string;
+    icon: string;
     loading: boolean;
     rounded: boolean;
     iconPos: "top" | "right" | "bottom" | "left";

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

@@ -30,8 +30,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     label: string;
     disabled: boolean;
-    icon: string;
     size: ChipSize;
+    icon: string;
     variant: ChipVariant;
     severity: ChipSeverity;
     ariaLabel: string;

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

@@ -0,0 +1,29 @@
+type Size = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface Props {
+    as?: string;
+    size?: Size;
+    maxWidth?: string;
+    paddingX?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    as: string;
+    size: Size;
+    maxWidth: string;
+    paddingX: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/date-range-picker.vue.d.ts

@@ -28,8 +28,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    separator: string;
     size: Size;
+    separator: string;
     variant: Variant;
     modelValue: DateRangeValue;
     placeholder: string;

package/dist/package/components/empty-state.vue.d.ts

@@ -21,8 +21,8 @@ declare function __VLS_template(): {
 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<{}>, {
     title: string;
-    icon: string;
     size: Size;
+    icon: string;
     variant: Variant;
     description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     label: string;
     disabled: boolean;
     error: string;
-    required: boolean;
     size: Size;
+    required: boolean;
     id: string;
     hint: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/package/components/page-header.vue.d.ts

@@ -0,0 +1,34 @@
+type Size = 'small' | 'normal' | 'large';
+interface Props {
+    title?: string;
+    subtitle?: string;
+    size?: Size;
+    divider?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        breadcrumbs?(_: {}): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        meta?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+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<{}>, {
+    title: string;
+    size: Size;
+    subtitle: string;
+    divider: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/stepper.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    orientation: StepperOrientation;
     size: StepperSize;
+    orientation: StepperOrientation;
     modelValue: StepperValue;
     ariaLabel: string;
     ariaLabelledby: string;

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

@@ -33,9 +33,9 @@ declare function __VLS_template(): {
 };
 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<{}>, {
+    size: TimelineSize;
     items: Array<TimelineItem>;
     orientation: TimelineOrientation;
-    size: TimelineSize;
     ariaLabel: string;
     ariaLabelledby: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;

package/dist/package/components/tree-select.vue.d.ts

@@ -62,8 +62,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     filter: boolean;
     disabled: boolean;
-    items: Array<TreeItem>;
     size: Size;
+    items: Array<TreeItem>;
     loading: boolean;
     variant: Variant;
     modelValue: TreeValue | TreeValue[];

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

@@ -51,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onNodeClick?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    items: Array<TreeItem>;
     size: "small" | "normal" | "large";
+    items: Array<TreeItem>;
     variant: "filled" | "outlined";
     modelValue: TreeValue | TreeValue[];
     ariaLabel: string;

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

@@ -32,6 +32,16 @@ export type CardTokens = {
     borderColor?: string;
     borderRadius?: string;
 };
+export type ContainerTokens = {
+    maxWidth?: string;
+    maxWidthSm?: string;
+    maxWidthMd?: string;
+    maxWidthLg?: string;
+    maxWidthXl?: string;
+    paddingX?: string;
+    paddingXSm?: string;
+    paddingXLg?: string;
+};
 export type CheckboxTokens = {
     size?: string;
     gap?: string;
@@ -518,6 +528,34 @@ export type DividerTokens = {
     labelPadding?: string;
     labelFontSize?: string;
 };
+export type PageHeaderTokens = {
+    gap?: string;
+    contentGap?: string;
+    breadcrumbGap?: string;
+    actionsGap?: string;
+    metaGap?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    dividerColor?: string;
+    titleFontSize?: string;
+    titleLineHeight?: string;
+    titleFontWeight?: string;
+    subtitleFontSize?: string;
+    subtitleColor?: string;
+    small?: {
+        padding?: string;
+        titleFontSize?: string;
+        subtitleFontSize?: string;
+    };
+    large?: {
+        padding?: string;
+        titleFontSize?: string;
+        subtitleFontSize?: string;
+    };
+};
 export type MenuTokens = {
     iconGap?: string;
     submenuOffset?: string;
@@ -2092,6 +2130,7 @@ export type ThemeComponentTokens = {
     button?: ButtonTokens;
     buttonGroup?: ButtonGroupTokens;
     card?: CardTokens;
+    container?: ContainerTokens;
     checkbox?: CheckboxTokens;
     radio?: RadioTokens;
     tabs?: TabsTokens;
@@ -2114,6 +2153,7 @@ export type ThemeComponentTokens = {
     link?: LinkTokens;
     breadcrumbs?: BreadcrumbsTokens;
     divider?: DividerTokens;
+    pageHeader?: PageHeaderTokens;
     menu?: MenuTokens;
     modal?: ModalTokens;
     confirmDialog?: ConfirmDialogTokens;

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    maxWidth: string;
+    maxWidthSm: string;
+    maxWidthMd: string;
+    maxWidthLg: string;
+    maxWidthXl: string;
+    paddingX: string;
+    paddingXSm: string;
+    paddingXLg: string;
+};
+export default _default;

package/dist/package/themes/default/components/page-header.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    gap: string;
+    contentGap: string;
+    breadcrumbGap: string;
+    actionsGap: string;
+    metaGap: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    dividerColor: string;
+    titleFontSize: string;
+    titleLineHeight: string;
+    titleFontWeight: string;
+    subtitleFontSize: string;
+    subtitleColor: string;
+    small: {
+        padding: string;
+        titleFontSize: string;
+        subtitleFontSize: string;
+    };
+    large: {
+        padding: string;
+        titleFontSize: string;
+        subtitleFontSize: string;
+    };
+};
+export default _default;

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

@@ -217,6 +217,16 @@ declare const _default: {
             borderColor: string;
             borderRadius: string;
         };
+        container: {
+            maxWidth: string;
+            maxWidthSm: string;
+            maxWidthMd: string;
+            maxWidthLg: string;
+            maxWidthXl: string;
+            paddingX: string;
+            paddingXSm: string;
+            paddingXLg: string;
+        };
         input: {
             gap: string;
             fontSize: string;
@@ -675,6 +685,34 @@ declare const _default: {
             labelPadding: string;
             labelFontSize: string;
         };
+        pageHeader: {
+            gap: string;
+            contentGap: string;
+            breadcrumbGap: string;
+            actionsGap: string;
+            metaGap: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            dividerColor: string;
+            titleFontSize: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleColor: string;
+            small: {
+                padding: string;
+                titleFontSize: string;
+                subtitleFontSize: string;
+            };
+            large: {
+                padding: string;
+                titleFontSize: string;
+                subtitleFontSize: string;
+            };
+        };
         menu: {
             iconGap: string;
             submenuOffset: string;

package/package.json

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