@lumx/vue 4.8.0-next.2 → 4.8.0-next.3

package/components/generic-block/GenericBlock.d.ts

@@ -1,6 +1,11 @@
+import { CSSProperties } from 'vue';
 import { GenericBlockProps as UIProps, GenericBlockPropsToOverride } from '@lumx/core/js/components/GenericBlock';
 import { FlexBoxProps } from '../flex-box';
 import { VueToJSXProps } from '../../utils/VueToJSX';
+/** FlexBox section props extended with standard HTML style. */
+type SectionProps = FlexBoxProps & {
+    style?: CSSProperties;
+};
 export type GenericBlockProps = VueToJSXProps<UIProps, GenericBlockPropsToOverride | 'figure' | 'actions' | 'vAlign' | 'hAlign' | 'actionsProps' | 'contentProps' | 'figureProps'> & {
     /** Customize the root element tag. */
     as?: string;
@@ -12,15 +17,15 @@ export type GenericBlockProps = VueToJSXProps<UIProps, GenericBlockPropsToOverri
      * The props to forward to the content.
      * By default, the content will have the same alignment as wrapper.
      */
-    contentProps?: FlexBoxProps;
+    contentProps?: SectionProps;
     /**
      * props to forward to the actions element.
      */
-    actionsProps?: FlexBoxProps;
+    actionsProps?: SectionProps;
     /**
      * props to forward to the figure element.
      */
-    figureProps?: FlexBoxProps;
+    figureProps?: SectionProps;
 };
 /**
  * The GenericBlock is a layout component made of 3 sections that can be
@@ -44,14 +49,14 @@ declare const GenericBlock: import('vue').DefineSetupFnComponent<GenericBlockPro
      * The props to forward to the content.
      * By default, the content will have the same alignment as wrapper.
      */
-    contentProps?: FlexBoxProps;
+    contentProps?: SectionProps;
     /**
      * props to forward to the actions element.
      */
-    actionsProps?: FlexBoxProps;
+    actionsProps?: SectionProps;
     /**
      * props to forward to the figure element.
      */
-    figureProps?: FlexBoxProps;
+    figureProps?: SectionProps;
 } & {}, import('vue').PublicProps>;
 export default GenericBlock;