@codemonster-ru/vueforge 0.72.0 → 0.74.0

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

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

package/dist/package/components/__tests__/section.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/section.vue.d.ts

@@ -0,0 +1,29 @@
+type Background = 'transparent' | 'surface' | 'muted' | 'elevated';
+interface Props {
+    as?: string;
+    paddingY?: string;
+    background?: Background;
+    bordered?: boolean;
+}
+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;
+    paddingY: string;
+    background: Background;
+    bordered: boolean;
+}, {}, {}, {}, 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/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,25 @@ 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 SectionTokens = {
+    paddingY?: string;
+    paddingYSm?: string;
+    paddingYLg?: string;
+    backgroundColorSurface?: string;
+    backgroundColorMuted?: string;
+    backgroundColorElevated?: string;
+    borderColor?: string;
+};
 export type CheckboxTokens = {
     size?: string;
     gap?: string;
@@ -2120,6 +2139,8 @@ export type ThemeComponentTokens = {
     button?: ButtonTokens;
     buttonGroup?: ButtonGroupTokens;
     card?: CardTokens;
+    container?: ContainerTokens;
+    section?: SectionTokens;
     checkbox?: CheckboxTokens;
     radio?: RadioTokens;
     tabs?: TabsTokens;

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/section.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    paddingY: string;
+    paddingYSm: string;
+    paddingYLg: string;
+    backgroundColorSurface: string;
+    backgroundColorMuted: string;
+    backgroundColorElevated: string;
+    borderColor: string;
+};
+export default _default;

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

@@ -217,6 +217,25 @@ declare const _default: {
             borderColor: string;
             borderRadius: string;
         };
+        container: {
+            maxWidth: string;
+            maxWidthSm: string;
+            maxWidthMd: string;
+            maxWidthLg: string;
+            maxWidthXl: string;
+            paddingX: string;
+            paddingXSm: string;
+            paddingXLg: string;
+        };
+        section: {
+            paddingY: string;
+            paddingYSm: string;
+            paddingYLg: string;
+            backgroundColorSurface: string;
+            backgroundColorMuted: string;
+            backgroundColorElevated: string;
+            borderColor: string;
+        };
         input: {
             gap: string;
             fontSize: string;

package/package.json

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