@cntrl-site/components 1.0.17-alpha.2 → 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.
@@ -45,8 +45,11 @@ export type LightboxJournalSettings = {
45
45
  title1Width?: number;
46
46
  title2Width?: number;
47
47
  title3Width?: number;
48
+ title1MarginLeft?: number;
48
49
  title2MarginLeft?: number;
49
50
  title3MarginLeft?: number;
51
+ titleRowMarginBottom?: number;
52
+ titleHeaderLayout?: 'desktop' | 'mobile';
50
53
  countCloseGap?: number;
51
54
  title1Color: string;
52
55
  title2Color: string;
@@ -97,8 +100,7 @@ export type LightboxJournalSettings = {
97
100
  countTextAlign?: 'left' | 'center' | 'right' | 'justify';
98
101
  countTextAppearance?: TextStyles['textAppearance'];
99
102
  contentMarginTop: number;
100
- contentMarginLeft: number;
101
- contentMarginRight: number;
103
+ iconMarginRight: number;
102
104
  closeIcon: string | null;
103
105
  closeIconMaxWidth: number;
104
106
  closeIconColor: 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: {
@@ -28,18 +29,10 @@ export declare function extractTitlesFromLegacyText(text: LightboxStripLegacyIte
28
29
  export declare function resolveSharedStripTitles(items: LightboxStripLegacyItem[]): SharedStripTitles;
29
30
  export type LightboxStripSettings = {
30
31
  cover: string | null;
31
- coverFit: {
32
- display: 'Fit' | 'Cover';
33
- ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
34
- reversed: boolean;
35
- };
32
+ coverFit: ImageRatioFit;
36
33
  backgroundColor: string;
37
34
  thumbnailVisibility: 'on' | 'off';
38
- thumbnailObjectFit: {
39
- display: 'Fit' | 'Cover';
40
- ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
41
- reversed: boolean;
42
- };
35
+ thumbnailObjectFit: ImageRatioFit;
43
36
  thumbnailTrigger: 'click' | 'hover';
44
37
  thumbnailActive: 'outline' | 'color' | 'scale-up';
45
38
  thumbnailActiveColor: string;
@@ -49,8 +42,11 @@ export type LightboxStripSettings = {
49
42
  title1Width: number;
50
43
  title2Width: number;
51
44
  title3Width: number;
45
+ title1MarginLeft: number;
52
46
  title2MarginLeft: number;
53
47
  title3MarginLeft: number;
48
+ titleRowMarginBottom?: number;
49
+ titleHeaderLayout?: 'desktop' | 'mobile';
54
50
  title1Color: string;
55
51
  title2Color: string;
56
52
  title3Color: string;
@@ -88,8 +84,7 @@ export type LightboxStripSettings = {
88
84
  title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
89
85
  title3TextAppearance?: TextStyles['textAppearance'];
90
86
  contentMarginTop: number;
91
- contentMarginLeft: number;
92
- contentMarginRight: number;
87
+ iconMarginLeft: number;
93
88
  closeIcon: string | null;
94
89
  closeIconMaxWidth: number;
95
90
  closeIconColor: string;