@cntrl-site/components 1.0.11-alpha.6 → 1.0.11-alpha.8

package/dist/types/SchemaV1.d.ts

@@ -4,7 +4,7 @@ export type SchemaDisplay = {
     [key: string]: unknown;
 };
 export type SchemaProperty = {
-    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'fields' | readonly ['string', 'null'];
+    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'fields' | readonly ['string', 'null'] | 'grid-layout';
     scope?: PropertyScope;
     title?: string;
     message?: string;
@@ -15,6 +15,7 @@ export type SchemaProperty = {
     properties?: Record<string, SchemaProperty>;
     layout?: LayoutItem[];
     items?: SchemaProperty;
+    gridParams?: SchemaProperty;
     default?: unknown;
     min?: number;
     max?: number;

package/dist/types/TextElementStyles.d.ts

@@ -0,0 +1,24 @@
+export type TextElementStyles = {
+    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;
+};

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "1.0.11-alpha.6",
-  "description": "Custom components for control editor and public websites.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "style": "dist/components.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./utils": {
-      "types": "./dist/Components/utils/index.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
-    },
-    "./style/components.css": {
-      "default": "./dist/components.css"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "utils": [
-        "./dist/Components/utils/index.d.ts"
-      ]
-    }
-  },
-  "scripts": {
-    "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build",
-    "build:watch": "vite build --watch",
-    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
-  },
-  "files": [
-    "dist",
-    "resources"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cntrl-site/components.git"
-  },
-  "author": "arsen@momdesign.nyc",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/cntrl-site/components/issues"
-  },
-  "homepage": "https://github.com/cntrl-site/components#readme",
-  "directories": {
-    "lib": "dist"
-  },
-  "dependencies": {
-    "classnames": "^2.5.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@splidejs/react-splide": "^0.7.12",
-    "ts-node": "^10.9.1",
-    "@tsconfig/node16": "^1.0.3",
-    "@tsconfig/recommended": "^1.0.1",
-    "@types/node": "^18.11.7",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "cross-env": "^10.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^6.0.1",
-    "sass": "^1.86.3",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
-  }
-}
+{
+  "name": "@cntrl-site/components",
+  "version": "1.0.11-alpha.8",
+  "description": "Custom components for control editor and public websites.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "style": "dist/components.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/Components/utils/index.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
+    },
+    "./style/components.css": {
+      "default": "./dist/components.css"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "utils": [
+        "./dist/Components/utils/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "test": "jest",
+    "dev": "vite development",
+    "prebuild": "rimraf ./dist",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
+  },
+  "files": [
+    "dist",
+    "resources"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cntrl-site/components.git"
+  },
+  "author": "arsen@momdesign.nyc",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cntrl-site/components/issues"
+  },
+  "homepage": "https://github.com/cntrl-site/components#readme",
+  "directories": {
+    "lib": "dist"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.16.0",
+    "@splidejs/react-splide": "^0.7.12",
+    "ts-node": "^10.9.1",
+    "@tsconfig/node16": "^1.0.3",
+    "@tsconfig/recommended": "^1.0.1",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "cross-env": "^10.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
+    "sass": "^1.86.3",
+    "typescript": "^5.2.2",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}

package/dist/Components/Marquee/Marquee.d.ts

@@ -1,43 +0,0 @@
-import { CommonComponentProps } from '../props';
-export type MarqueeItem = {
-    image?: {
-        url?: string;
-        name?: string;
-    };
-    text?: any[];
-    link?: string;
-};
-export type MarqueeSettings = {
-    speed: number;
-    direction: 'left' | 'right';
-    pauseOnHover: 'on' | 'off';
-    hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate';
-    gap: number;
-    imageMaxWidth: number;
-    imageMaxHeight: number;
-    imageFit?: 'cover' | 'contain';
-    textFontFamily?: string;
-    textFontSettings?: {
-        fontWeight?: number;
-        fontStyle?: string;
-    };
-    textFontSize?: number;
-    textLineHeight?: number;
-    textLetterSpacing?: number;
-    textWordSpacing?: number;
-    textTextAppearance?: {
-        textTransform?: string;
-        textDecoration?: string;
-        fontVariant?: string;
-    };
-    textColor?: string;
-    textMarginTop?: number;
-};
-type MarqueeProps = {
-    settings: MarqueeSettings;
-    content?: MarqueeItem[];
-    isEditor?: boolean;
-    isPreviewMode?: boolean;
-} & CommonComponentProps;
-export declare const Marquee: ({ settings, content, isEditor, isPreviewMode }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Components/Marquee/MarqueeComponent.d.ts

@@ -1,40 +0,0 @@
-import { ComponentSchemaV1 } from '../../types/SchemaV1';
-export declare const MarqueeComponent: {
-    element: ({ settings, content, isEditor, isPreviewMode }: {
-        settings: import('./Marquee').MarqueeSettings;
-        content?: import('./Marquee').MarqueeItem[];
-        isEditor?: boolean;
-        isPreviewMode?: boolean;
-    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
-    id: string;
-    name: string;
-    category: string;
-    version: number;
-    defaultSize: {
-        width: string;
-        height: number;
-    };
-    preview: {
-        type: "image";
-        url: string;
-    };
-    schema: ComponentSchemaV1;
-    sourceCode: string;
-    assetsPaths: {
-        content: {
-            path: string;
-            placeholderEnabled: boolean;
-        }[];
-        parameters: never[];
-    };
-    fontSettingsPaths: {
-        content: never[];
-        parameters: ({
-            path: string;
-            placeholderEnabled: boolean;
-        } | {
-            path: string;
-            placeholderEnabled?: undefined;
-        })[];
-    };
-};