@cntrl-site/components 1.0.17-alpha.1 → 1.0.17-alpha.3

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.
Files changed (6) hide show
  1. package/dist/Components/LightboxJournal/LightboxJournal.d.ts +10 -4
  2. package/dist/Components/LightboxStrip/LightboxStrip.d.ts +24 -21
  3. package/dist/Components/utils/useLightboxSwipeDismiss.d.ts +1 -1
  4. package/dist/index.js +2442 -1133
  5. package/dist/index.mjs +8192 -6067
  6. package/package.json +1 -1
package/dist/Components/LightboxJournal/LightboxJournal.d.ts CHANGED
@@ -12,6 +12,7 @@ export type LightboxJournalItem = {
12
12
  title3: string;
13
13
  image: LightboxJournalImage[];
14
14
  };
15
+ export type JournalTitleHeaderLayout = 'single-row' | 'two-row';
15
16
  export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
16
17
  export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
17
18
  export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
@@ -41,9 +42,15 @@ export type LightboxJournalSettings = {
41
42
  maxHeight: number;
42
43
  backgroundColor: string;
43
44
  imageGap?: number;
44
- textMaxWidth: number;
45
45
  textTransition: 'none' | 'fade';
46
- titlesGap?: number;
46
+ title1Width?: number;
47
+ title2Width?: number;
48
+ title3Width?: number;
49
+ title1MarginLeft?: number;
50
+ title2MarginLeft?: number;
51
+ title3MarginLeft?: number;
52
+ titleRowMarginBottom?: number;
53
+ titleHeaderLayout?: JournalTitleHeaderLayout;
47
54
  countCloseGap?: number;
48
55
  title1Color: string;
49
56
  title2Color: string;
@@ -94,8 +101,7 @@ export type LightboxJournalSettings = {
94
101
  countTextAlign?: 'left' | 'center' | 'right' | 'justify';
95
102
  countTextAppearance?: TextStyles['textAppearance'];
96
103
  contentMarginTop: number;
97
- contentMarginLeft: number;
98
- contentMarginRight: number;
104
+ iconMarginRight: number;
99
105
  closeIcon: string | null;
100
106
  closeIconMaxWidth: number;
101
107
  closeIconColor: string;
package/dist/Components/LightboxStrip/LightboxStrip.d.ts CHANGED
@@ -26,6 +26,26 @@ export type SharedStripTitles = {
26
26
  };
27
27
  export declare function extractTitlesFromLegacyText(text: LightboxStripLegacyItem['text']): Partial<SharedStripTitles>;
28
28
  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;
29
49
  export type LightboxStripSettings = {
30
50
  cover: string | null;
31
51
  coverFit: {
@@ -49,8 +69,11 @@ export type LightboxStripSettings = {
49
69
  title1Width: number;
50
70
  title2Width: number;
51
71
  title3Width: number;
72
+ title1MarginLeft: number;
52
73
  title2MarginLeft: number;
53
74
  title3MarginLeft: number;
75
+ titleRowMarginBottom?: number;
76
+ titleHeaderLayout?: StripTitleHeaderLayout;
54
77
  title1Color: string;
55
78
  title2Color: string;
56
79
  title3Color: string;
@@ -88,30 +111,10 @@ export type LightboxStripSettings = {
88
111
  title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
89
112
  title3TextAppearance?: TextStyles['textAppearance'];
90
113
  contentMarginTop: number;
91
- contentMarginLeft: number;
92
- contentMarginRight: number;
114
+ iconMarginLeft: number;
93
115
  closeIcon: string | null;
94
116
  closeIconMaxWidth: number;
95
117
  closeIconColor: string;
96
118
  closeIconHoverColor: string;
97
119
  };
98
- export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
99
- export type StripTextStylePrefix = typeof STRIP_TEXT_STYLE_PREFIXES[number];
100
- export declare const STRIP_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
101
- export type StripGlobalTextStyleKey = typeof STRIP_GLOBAL_TEXT_STYLE_KEYS[number];
102
- export declare function getStripTextStyleSettingKey(prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey): string;
103
- export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
104
- export declare function createStripTextStyleTabContentItems(prefix: StripTextStylePrefix): LayoutItem[];
105
- export declare function createStripTextStylePanelTab(): LayoutTab;
106
- export declare const STRIP_TITLE_WIDTH_KEYS: readonly ["title1Width", "title2Width", "title3Width"];
107
- export type StripTitleWidthKey = typeof STRIP_TITLE_WIDTH_KEYS[number];
108
- type LightboxStripProps = {
109
- settings: LightboxStripSettings;
110
- content?: LightboxStripItem[];
111
- isEditor?: boolean;
112
- isEditMode?: boolean;
113
- isPreviewMode?: boolean;
114
- portalId?: string;
115
- } & CommonComponentProps;
116
- export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
117
120
  export {};
package/dist/Components/utils/useLightboxSwipeDismiss.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const useLightboxSwipeDismiss: ({ enabled, onClose, animMs, isBlo
8
8
  isSwipeDragging: boolean;
9
9
  backdropStyle: React.CSSProperties;
10
10
  mediaAreaStyle: React.CSSProperties;
11
- chromeStyle: import('react').CSSProperties | undefined;
11
+ overlayContentStyle: import('react').CSSProperties | undefined;
12
12
  swipeHandlers: {
13
13
  onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
14
14
  onPointerMove: (event: React.PointerEvent<HTMLElement>) => void;