@cntrl-site/components 1.0.17-alpha.3 → 1.0.17-alpha.4
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/dist/Components/LightboxJournal/LightboxJournal.d.ts +1 -2
- package/dist/Components/LightboxStrip/LightboxStrip.d.ts +23 -31
- package/dist/index.js +324 -429
- package/dist/index.mjs +4972 -5211
- package/package.json +1 -1
|
@@ -12,7 +12,6 @@ export type LightboxJournalItem = {
|
|
|
12
12
|
title3: string;
|
|
13
13
|
image: LightboxJournalImage[];
|
|
14
14
|
};
|
|
15
|
-
export type JournalTitleHeaderLayout = 'single-row' | 'two-row';
|
|
16
15
|
export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
|
|
17
16
|
export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
|
|
18
17
|
export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
|
|
@@ -50,7 +49,7 @@ export type LightboxJournalSettings = {
|
|
|
50
49
|
title2MarginLeft?: number;
|
|
51
50
|
title3MarginLeft?: number;
|
|
52
51
|
titleRowMarginBottom?: number;
|
|
53
|
-
titleHeaderLayout?:
|
|
52
|
+
titleHeaderLayout?: 'desktop' | 'mobile';
|
|
54
53
|
countCloseGap?: number;
|
|
55
54
|
title1Color: string;
|
|
56
55
|
title2Color: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CommonComponentProps } from '../props';
|
|
2
2
|
import { TextStyles } from '../utils/textStylesToCss';
|
|
3
|
+
import { ImageRatioFit } from '../utils/imageFitStyles';
|
|
3
4
|
import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
|
|
4
5
|
export type LightboxStripItem = {
|
|
5
6
|
image: {
|
|
@@ -26,40 +27,12 @@ export type SharedStripTitles = {
|
|
|
26
27
|
};
|
|
27
28
|
export declare function extractTitlesFromLegacyText(text: LightboxStripLegacyItem['text']): Partial<SharedStripTitles>;
|
|
28
29
|
export declare function resolveSharedStripTitles(items: LightboxStripLegacyItem[]): SharedStripTitles;
|
|
29
|
-
export type StripTitleHeaderLayout = 'single-row' | 'two-row';
|
|
30
|
-
export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
|
|
31
|
-
export type StripTextStylePrefix = typeof STRIP_TEXT_STYLE_PREFIXES[number];
|
|
32
|
-
export declare const STRIP_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
|
|
33
|
-
export type StripGlobalTextStyleKey = typeof STRIP_GLOBAL_TEXT_STYLE_KEYS[number];
|
|
34
|
-
export declare function getStripTextStyleSettingKey(prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey): string;
|
|
35
|
-
export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
|
|
36
|
-
export declare function createStripTextStyleTabContentItems(prefix: StripTextStylePrefix): LayoutItem[];
|
|
37
|
-
export declare function createStripTextStylePanelTab(): LayoutTab;
|
|
38
|
-
export declare const STRIP_TITLE_WIDTH_KEYS: readonly ["title1Width", "title2Width", "title3Width"];
|
|
39
|
-
export type StripTitleWidthKey = typeof STRIP_TITLE_WIDTH_KEYS[number];
|
|
40
|
-
type LightboxStripProps = {
|
|
41
|
-
settings: LightboxStripSettings;
|
|
42
|
-
content?: LightboxStripItem[];
|
|
43
|
-
isEditor?: boolean;
|
|
44
|
-
isEditMode?: boolean;
|
|
45
|
-
isPreviewMode?: boolean;
|
|
46
|
-
portalId?: string;
|
|
47
|
-
} & CommonComponentProps;
|
|
48
|
-
export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
30
|
export type LightboxStripSettings = {
|
|
50
31
|
cover: string | null;
|
|
51
|
-
coverFit:
|
|
52
|
-
display: 'Fit' | 'Cover';
|
|
53
|
-
ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
|
|
54
|
-
reversed: boolean;
|
|
55
|
-
};
|
|
32
|
+
coverFit: ImageRatioFit;
|
|
56
33
|
backgroundColor: string;
|
|
57
34
|
thumbnailVisibility: 'on' | 'off';
|
|
58
|
-
thumbnailObjectFit:
|
|
59
|
-
display: 'Fit' | 'Cover';
|
|
60
|
-
ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
|
|
61
|
-
reversed: boolean;
|
|
62
|
-
};
|
|
35
|
+
thumbnailObjectFit: ImageRatioFit;
|
|
63
36
|
thumbnailTrigger: 'click' | 'hover';
|
|
64
37
|
thumbnailActive: 'outline' | 'color' | 'scale-up';
|
|
65
38
|
thumbnailActiveColor: string;
|
|
@@ -73,7 +46,7 @@ export type LightboxStripSettings = {
|
|
|
73
46
|
title2MarginLeft: number;
|
|
74
47
|
title3MarginLeft: number;
|
|
75
48
|
titleRowMarginBottom?: number;
|
|
76
|
-
titleHeaderLayout?:
|
|
49
|
+
titleHeaderLayout?: 'desktop' | 'mobile';
|
|
77
50
|
title1Color: string;
|
|
78
51
|
title2Color: string;
|
|
79
52
|
title3Color: string;
|
|
@@ -117,4 +90,23 @@ export type LightboxStripSettings = {
|
|
|
117
90
|
closeIconColor: string;
|
|
118
91
|
closeIconHoverColor: string;
|
|
119
92
|
};
|
|
93
|
+
export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
|
|
94
|
+
export type StripTextStylePrefix = typeof STRIP_TEXT_STYLE_PREFIXES[number];
|
|
95
|
+
export declare const STRIP_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
|
|
96
|
+
export type StripGlobalTextStyleKey = typeof STRIP_GLOBAL_TEXT_STYLE_KEYS[number];
|
|
97
|
+
export declare function getStripTextStyleSettingKey(prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey): string;
|
|
98
|
+
export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
|
|
99
|
+
export declare function createStripTextStyleTabContentItems(prefix: StripTextStylePrefix): LayoutItem[];
|
|
100
|
+
export declare function createStripTextStylePanelTab(): LayoutTab;
|
|
101
|
+
export declare const STRIP_TITLE_WIDTH_KEYS: readonly ["title1Width", "title2Width", "title3Width"];
|
|
102
|
+
export type StripTitleWidthKey = typeof STRIP_TITLE_WIDTH_KEYS[number];
|
|
103
|
+
type LightboxStripProps = {
|
|
104
|
+
settings: LightboxStripSettings;
|
|
105
|
+
content?: LightboxStripItem[];
|
|
106
|
+
isEditor?: boolean;
|
|
107
|
+
isEditMode?: boolean;
|
|
108
|
+
isPreviewMode?: boolean;
|
|
109
|
+
portalId?: string;
|
|
110
|
+
} & CommonComponentProps;
|
|
111
|
+
export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
|
|
120
112
|
export {};
|