@builder.io/sdk-qwik 0.1.13 → 0.1.14

package/lib/index.qwik.cjs

@@ -696,7 +696,7 @@ const columnCssVars = function columnCssVars2(props, state, builderContext2, ind
   const width = getColumnCssWidth(props, state, builderContext2, index);
   const gutter = `${index === 0 ? 0 : state.gutterSize}px`;
   const mobileWidth = "100%";
-  const mobileMarginLeft = "0";
+  const mobileMarginLeft = 0;
   return {
     width,
     "margin-left": gutter,

package/lib/index.qwik.mjs

@@ -694,7 +694,7 @@ const columnCssVars = function columnCssVars2(props, state, builderContext2, ind
   const width = getColumnCssWidth(props, state, builderContext2, index);
   const gutter = `${index === 0 ? 0 : state.gutterSize}px`;
   const mobileWidth = "100%";
-  const mobileMarginLeft = "0";
+  const mobileMarginLeft = 0;
   return {
     width,
     "margin-left": gutter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/types/blocks/columns/columns.d.ts

@@ -1,9 +1,11 @@
 import type { BuilderBlock } from "../../types/builder-block";
 import type { SizeName } from "../../constants/device-sizes";
+import type { Dictionary } from "../../types/typescript";
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
 };
+type CSSVal = string | number;
 type StackColumnsAt = "tablet" | "mobile" | "never";
 export interface ColumnProps {
     columns?: Column[];
@@ -15,39 +17,15 @@ export interface ColumnProps {
 export declare const getWidth: (props: any, state: any, builderContext: any, index: number) => any;
 export declare const getColumnCssWidth: (props: any, state: any, builderContext: any, index: number) => string;
 export declare const getTabletStyle: (props: any, state: any, builderContext: any, { stackedStyle, desktopStyle, }: {
-    stackedStyle: string;
-    desktopStyle: string;
-}) => string;
+    stackedStyle: CSSVal;
+    desktopStyle: CSSVal;
+}) => CSSVal;
 export declare const getMobileStyle: (props: any, state: any, builderContext: any, { stackedStyle, desktopStyle, }: {
-    stackedStyle: string;
-    desktopStyle: string;
-}) => string;
-export declare const columnsCssVars: (props: any, state: any, builderContext: any) => {
-    flexDirection: any;
-    "--flex-dir"?: undefined;
-    "--flex-dir-tablet"?: undefined;
-} | {
-    "--flex-dir": any;
-    "--flex-dir-tablet": string;
-    flexDirection?: undefined;
-};
-export declare const columnCssVars: (props: any, state: any, builderContext: any, index: number) => {
-    width: string;
-    marginLeft: string;
-    "margin-left"?: undefined;
-    "--column-width-mobile"?: undefined;
-    "--column-margin-left-mobile"?: undefined;
-    "--column-width-tablet"?: undefined;
-    "--column-margin-left-tablet"?: undefined;
-} | {
-    width: string;
-    "margin-left": string;
-    "--column-width-mobile": string;
-    "--column-margin-left-mobile": string;
-    "--column-width-tablet": string;
-    "--column-margin-left-tablet": string;
-    marginLeft?: undefined;
-};
+    stackedStyle: CSSVal;
+    desktopStyle: CSSVal;
+}) => CSSVal;
+export declare const columnsCssVars: (props: any, state: any, builderContext: any) => Dictionary<string>;
+export declare const columnCssVars: (props: any, state: any, builderContext: any, index: number) => Dictionary<string>;
 export declare const getWidthForBreakpointSize: (props: any, state: any, builderContext: any, size: SizeName) => number;
 export declare const columnsStyles: (props: any, state: any, builderContext: any) => string;
 export declare const Columns: import("@builder.io/qwik").Component<ColumnProps>;