@cntrl-site/components 0.1.29 → 0.1.30-grid.1

package/dist/Components/ControlSlider/ControlSlider.d.ts

@@ -1,4 +1,5 @@
 import { CommonComponentProps } from '../props';
+import { TextElementStyles } from '../../types/TextElementStyles';
 type SliderProps = {
     settings: SliderSettings;
     content: SliderItem[];
@@ -63,31 +64,7 @@ type SliderSettings = {
     imageCaption: SliderCaption;
     triggers: Triggers;
 };
-type CaptionStyles = {
-    fontSettings: {
-        fontFamily: string;
-        fontWeight: number;
-        fontStyle: string;
-    };
-    widthSettings: {
-        width: number;
-        sizing: 'auto' | 'manual';
-    };
-    letterSpacing: number;
-    textAlign: 'left' | 'center' | 'right';
-    wordSpacing: number;
-    fontSizeLineHeight: {
-        fontSize: number;
-        lineHeight: number;
-    };
-    textAppearance: {
-        textTransform: 'none' | 'uppercase' | 'lowercase';
-        textDecoration: 'none' | 'underline';
-        fontVariant: 'normal' | 'small-caps';
-    };
-    color: string;
-};
 type SliderStyles = {
-    imageCaption: CaptionStyles;
+    imageCaption: TextElementStyles;
 };
 export {};

package/dist/Components/Grid/Grid.d.ts

@@ -0,0 +1,49 @@
+import { TextElementStyles } from '../../types/TextElementStyles';
+import { CommonComponentProps } from '../props';
+type GridProps = {
+    settings: GridSettings;
+    content: GridItem[];
+    styles: GridStyles;
+    isEditor?: boolean;
+} & CommonComponentProps;
+export declare const Grid: ({ settings, content, styles, isEditor }: GridProps) => import("react/jsx-runtime").JSX.Element;
+type GridSettings = {
+    grid: {
+        entriesPerRow: number;
+        rowGap: number;
+        columnGap: number;
+    };
+    media?: {
+        widthType: 'auto' | 'fixed';
+        maxWidth: number;
+        aspectRatioMode: 'fixed' | 'original';
+        aspectWidth: number;
+        aspectHeight: number;
+    };
+    title?: {
+        marginTop: number;
+    };
+    subtitle?: {
+        marginTop: number;
+    };
+    description?: {
+        marginTop: number;
+    };
+};
+type GridItem = {
+    image?: {
+        url: string;
+        name?: string;
+        objectFit?: 'cover' | 'contain';
+    } | null;
+    title?: any[];
+    subtitle?: any[];
+    description?: any[];
+    link?: string;
+};
+type GridStyles = {
+    title: TextElementStyles;
+    subtitle: TextElementStyles;
+    description: TextElementStyles;
+};
+export {};