@cntrl-site/components 1.0.12-alpha.17 → 1.0.12-alpha.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,85 +1,85 @@
1
- {
2
- "name": "@cntrl-site/components",
3
- "version": "1.0.12-alpha.17",
4
- "description": "Custom components for control editor and public websites.",
5
- "main": "dist/index.js",
6
- "module": "dist/index.mjs",
7
- "types": "dist/index.d.ts",
8
- "style": "dist/components.css",
9
- "sideEffects": [
10
- "**/*.css"
11
- ],
12
- "exports": {
13
- ".": {
14
- "types": "./dist/index.d.ts",
15
- "import": "./dist/index.mjs",
16
- "require": "./dist/index.js"
17
- },
18
- "./utils": {
19
- "types": "./dist/Components/utils/index.d.ts",
20
- "import": "./dist/utils.mjs",
21
- "require": "./dist/utils.js"
22
- },
23
- "./style/components.css": {
24
- "default": "./dist/components.css"
25
- }
26
- },
27
- "typesVersions": {
28
- "*": {
29
- "utils": [
30
- "./dist/Components/utils/index.d.ts"
31
- ]
32
- }
33
- },
34
- "scripts": {
35
- "test": "jest",
36
- "dev": "vite development",
37
- "prebuild": "rimraf ./dist",
38
- "build": "vite build",
39
- "build:watch": "vite build --watch",
40
- "prepublishOnly": "cross-env NODE_ENV=production npm run build"
41
- },
42
- "files": [
43
- "dist",
44
- "resources"
45
- ],
46
- "repository": {
47
- "type": "git",
48
- "url": "git+https://github.com/cntrl-site/components.git"
49
- },
50
- "author": "arsen@momdesign.nyc",
51
- "license": "MIT",
52
- "bugs": {
53
- "url": "https://github.com/cntrl-site/components/issues"
54
- },
55
- "homepage": "https://github.com/cntrl-site/components#readme",
56
- "directories": {
57
- "lib": "dist"
58
- },
59
- "dependencies": {
60
- "classnames": "^2.5.1"
61
- },
62
- "peerDependencies": {
63
- "react": "^18.0.0",
64
- "react-dom": "^18.0.0"
65
- },
66
- "devDependencies": {
67
- "@antfu/eslint-config": "^3.16.0",
68
- "@splidejs/react-splide": "^0.7.12",
69
- "ts-node": "^10.9.1",
70
- "@tsconfig/node16": "^1.0.3",
71
- "@tsconfig/recommended": "^1.0.1",
72
- "@types/node": "^18.11.7",
73
- "@types/react": "^18.2.0",
74
- "@types/react-dom": "^18.2.0",
75
- "@vitejs/plugin-react": "^4.3.4",
76
- "cross-env": "^10.1.0",
77
- "react": "^18.2.0",
78
- "react-dom": "^18.2.0",
79
- "rimraf": "^6.0.1",
80
- "sass": "^1.86.3",
81
- "typescript": "^5.2.2",
82
- "vite": "^6.2.5",
83
- "vite-plugin-dts": "^4.5.3"
84
- }
85
- }
1
+ {
2
+ "name": "@cntrl-site/components",
3
+ "version": "1.0.12-alpha.19",
4
+ "description": "Custom components for control editor and public websites.",
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.mjs",
7
+ "types": "dist/index.d.ts",
8
+ "style": "dist/components.css",
9
+ "sideEffects": [
10
+ "**/*.css"
11
+ ],
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/index.mjs",
16
+ "require": "./dist/index.js"
17
+ },
18
+ "./utils": {
19
+ "types": "./dist/Components/utils/index.d.ts",
20
+ "import": "./dist/utils.mjs",
21
+ "require": "./dist/utils.js"
22
+ },
23
+ "./style/components.css": {
24
+ "default": "./dist/components.css"
25
+ }
26
+ },
27
+ "typesVersions": {
28
+ "*": {
29
+ "utils": [
30
+ "./dist/Components/utils/index.d.ts"
31
+ ]
32
+ }
33
+ },
34
+ "scripts": {
35
+ "test": "jest",
36
+ "dev": "vite development",
37
+ "prebuild": "rimraf ./dist",
38
+ "build": "vite build",
39
+ "build:watch": "vite build --watch",
40
+ "prepublishOnly": "cross-env NODE_ENV=production npm run build"
41
+ },
42
+ "files": [
43
+ "dist",
44
+ "resources"
45
+ ],
46
+ "repository": {
47
+ "type": "git",
48
+ "url": "git+https://github.com/cntrl-site/components.git"
49
+ },
50
+ "author": "arsen@momdesign.nyc",
51
+ "license": "MIT",
52
+ "bugs": {
53
+ "url": "https://github.com/cntrl-site/components/issues"
54
+ },
55
+ "homepage": "https://github.com/cntrl-site/components#readme",
56
+ "directories": {
57
+ "lib": "dist"
58
+ },
59
+ "dependencies": {
60
+ "classnames": "^2.5.1"
61
+ },
62
+ "peerDependencies": {
63
+ "react": "^18.0.0",
64
+ "react-dom": "^18.0.0"
65
+ },
66
+ "devDependencies": {
67
+ "@antfu/eslint-config": "^3.16.0",
68
+ "@splidejs/react-splide": "^0.7.12",
69
+ "ts-node": "^10.9.1",
70
+ "@tsconfig/node16": "^1.0.3",
71
+ "@tsconfig/recommended": "^1.0.1",
72
+ "@types/node": "^18.11.7",
73
+ "@types/react": "^18.2.0",
74
+ "@types/react-dom": "^18.2.0",
75
+ "@vitejs/plugin-react": "^4.3.4",
76
+ "cross-env": "^10.1.0",
77
+ "react": "^18.2.0",
78
+ "react-dom": "^18.2.0",
79
+ "rimraf": "^6.0.1",
80
+ "sass": "^1.86.3",
81
+ "typescript": "^5.2.2",
82
+ "vite": "^6.2.5",
83
+ "vite-plugin-dts": "^4.5.3"
84
+ }
85
+ }
@@ -1,101 +0,0 @@
1
- import { CommonComponentProps } from '../props';
2
- import { TextStyles } from '../utils/textStylesToCss';
3
- import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
4
- export type LightboxJournalImage = {
5
- url: string;
6
- name?: string;
7
- objectFit?: 'cover' | 'contain';
8
- };
9
- export type LightboxJournalItem = {
10
- title1: string;
11
- title2: string;
12
- title3: string;
13
- images: LightboxJournalImage[];
14
- };
15
- export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
16
- export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
17
- export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
18
- export type JournalGlobalTextStyleKey = typeof JOURNAL_GLOBAL_TEXT_STYLE_KEYS[number];
19
- export declare function getJournalTextStyleSettingKey(prefix: JournalTextStylePrefix, globalKey: JournalGlobalTextStyleKey): string;
20
- export declare const JOURNAL_TEXT_STYLE_TAB_LABELS: Record<JournalTextStylePrefix, string>;
21
- export declare function createJournalTextStyleTabContentItems(prefix: JournalTextStylePrefix): LayoutItem[];
22
- export declare function createJournalTextStylePanelTab(): LayoutTab;
23
- type LightboxJournalProps = {
24
- settings: LightboxJournalSettings;
25
- content?: LightboxJournalItem[];
26
- isEditor?: boolean;
27
- isEditMode?: boolean;
28
- isPreviewMode?: boolean;
29
- portalId?: string;
30
- } & CommonComponentProps;
31
- export declare const LightboxJournal: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxJournalProps) => import("react/jsx-runtime").JSX.Element;
32
- export type LightboxJournalSettings = {
33
- cover: string | null;
34
- coverFit: 'cover' | 'fit';
35
- type: 'A' | 'B';
36
- maxWidth: number;
37
- maxHeight: number;
38
- backgroundColor: string;
39
- objectFit: 'cover' | 'fit';
40
- imageGap?: number;
41
- textMaxWidth: number;
42
- textTransition: 'none' | 'fade';
43
- titlesGap?: number;
44
- countCloseGap?: number;
45
- title1Color: string;
46
- title2Color: string;
47
- title3Color: string;
48
- countColor: string;
49
- title1FontFamily?: string;
50
- title1FontSettings?: {
51
- fontWeight: number;
52
- fontStyle: string;
53
- };
54
- title1FontSize?: number;
55
- title1LineHeight?: number;
56
- title1LetterSpacing?: number;
57
- title1WordSpacing?: number;
58
- title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
59
- title1TextAppearance?: TextStyles['textAppearance'];
60
- title2FontFamily?: string;
61
- title2FontSettings?: {
62
- fontWeight: number;
63
- fontStyle: string;
64
- };
65
- title2FontSize?: number;
66
- title2LineHeight?: number;
67
- title2LetterSpacing?: number;
68
- title2WordSpacing?: number;
69
- title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
70
- title2TextAppearance?: TextStyles['textAppearance'];
71
- title3FontFamily?: string;
72
- title3FontSettings?: {
73
- fontWeight: number;
74
- fontStyle: string;
75
- };
76
- title3FontSize?: number;
77
- title3LineHeight?: number;
78
- title3LetterSpacing?: number;
79
- title3WordSpacing?: number;
80
- title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
81
- title3TextAppearance?: TextStyles['textAppearance'];
82
- countFontFamily?: string;
83
- countFontSettings?: {
84
- fontWeight: number;
85
- fontStyle: string;
86
- };
87
- countFontSize?: number;
88
- countLineHeight?: number;
89
- countLetterSpacing?: number;
90
- countWordSpacing?: number;
91
- countTextAlign?: 'left' | 'center' | 'right' | 'justify';
92
- countTextAppearance?: TextStyles['textAppearance'];
93
- contentMarginTop: number;
94
- contentMarginLeft: number;
95
- contentMarginRight: number;
96
- closeIcon: string | null;
97
- closeIconMaxWidth: number;
98
- closeIconColor: string;
99
- closeIconHoverColor: string;
100
- };
101
- export {};
@@ -1,44 +0,0 @@
1
- import { ComponentSchemaV1 } from '../../types/SchemaV1';
2
- export declare const LightboxJournalComponent: {
3
- element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
4
- settings: import('./LightboxJournal').LightboxJournalSettings;
5
- content?: import('./LightboxJournal').LightboxJournalItem[];
6
- isEditor?: boolean;
7
- isEditMode?: boolean;
8
- isPreviewMode?: boolean;
9
- portalId?: string;
10
- } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
11
- id: string;
12
- name: string;
13
- category: string;
14
- version: number;
15
- defaultSize: {
16
- d: {
17
- width: number;
18
- height: number;
19
- };
20
- m: {
21
- width: number;
22
- height: number;
23
- };
24
- };
25
- preview: {
26
- type: "image";
27
- url: string;
28
- };
29
- schema: ComponentSchemaV1;
30
- sourceCode: string;
31
- assetsPaths: {
32
- content: {
33
- path: string;
34
- placeholderEnabled: boolean;
35
- }[];
36
- parameters: never[];
37
- };
38
- fontSettingsPaths: {
39
- content: never[];
40
- parameters: {
41
- path: string;
42
- }[];
43
- };
44
- };
@@ -1,55 +0,0 @@
1
- import { CommonComponentProps } from '../props';
2
- type LightboxStripProps = {
3
- settings: LightboxStripSettings;
4
- content?: LightboxStripItem[];
5
- isEditor?: boolean;
6
- isEditMode?: boolean;
7
- isPreviewMode?: boolean;
8
- portalId?: string;
9
- } & CommonComponentProps;
10
- export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
11
- export type LightboxStripItem = {
12
- image: {
13
- url: string;
14
- name?: string;
15
- objectFit?: 'cover' | 'contain';
16
- };
17
- text?: any[];
18
- };
19
- export type LightboxStripSettings = {
20
- cover: string | null;
21
- coverFit: 'cover' | 'fit';
22
- type: 'A' | 'B';
23
- backgroundColor: string;
24
- thumbnailVisibility: 'on' | 'off';
25
- thumbnailObjectFit: 'cover' | 'contain';
26
- thumbnailTrigger: 'click' | 'hover';
27
- thumbnailActive: 'invert' | 'grayscale' | 'scale-up' | 'opacity';
28
- thumbnailGap: number;
29
- thumbnailMarginBottom?: number;
30
- imageGap?: number;
31
- textMaxWidth: number;
32
- textColor: string;
33
- textFontSize: number;
34
- textFontFamily: string;
35
- textFontSettings?: {
36
- fontWeight: number;
37
- fontStyle: string;
38
- };
39
- textLineHeight: number;
40
- textLetterSpacing: number;
41
- textWordSpacing?: number;
42
- textTextAppearance?: {
43
- textTransform?: string;
44
- textDecoration?: string;
45
- fontVariant?: string;
46
- };
47
- contentMarginTop: number;
48
- contentMarginLeft: number;
49
- contentMarginRight: number;
50
- closeIcon: string | null;
51
- closeIconMaxWidth: number;
52
- closeIconColor: string;
53
- closeIconHoverColor: string;
54
- };
55
- export {};
@@ -1,42 +0,0 @@
1
- import { ComponentSchemaV1 } from '../../types/SchemaV1';
2
- export declare const LightboxStripComponent: {
3
- element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
4
- settings: import('./LightboxStrip').LightboxStripSettings;
5
- content?: import('./LightboxStrip').LightboxStripItem[];
6
- isEditor?: boolean;
7
- isEditMode?: boolean;
8
- isPreviewMode?: boolean;
9
- portalId?: string;
10
- } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
11
- id: string;
12
- name: string;
13
- category: string;
14
- version: number;
15
- defaultSize: {
16
- d: {
17
- width: number;
18
- height: number;
19
- };
20
- m: {
21
- width: number;
22
- height: number;
23
- };
24
- };
25
- preview: {
26
- type: "image";
27
- url: string;
28
- };
29
- schema: ComponentSchemaV1;
30
- sourceCode: string;
31
- assetsPaths: {
32
- content: {
33
- path: string;
34
- placeholderEnabled: boolean;
35
- }[];
36
- parameters: never[];
37
- };
38
- fontSettingsPaths: {
39
- content: never[];
40
- parameters: never[];
41
- };
42
- };