@sc-360-v2/storefront-cms-library 0.3.20 → 0.3.21

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 (10) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/checkout.scss +541 -85
  3. package/dist/container.scss +2 -0
  4. package/dist/product-image.scss +3 -0
  5. package/dist/types/builder/elements/container/index.d.ts +0 -1
  6. package/dist/types/builder/elements/form-builder/index.d.ts +24 -0
  7. package/dist/types/builder/elements/section/index.d.ts +0 -1
  8. package/dist/types/builder/tools/element-edit/checkout.d.ts +1 -93
  9. package/dist/types/builder/tools/element-edit/tabs.d.ts +0 -1
  10. package/package.json +1 -1
package/dist/container.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
  $activeElementSelector: "[data-has-clicked='true']";
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="container"] {
@@ -36,6 +37,7 @@ $activeElementSelector: "[data-has-clicked='true']";
36
37
  & > div {
37
38
  &.wrapper {
38
39
  width: 100%;
40
+ min-height: prepareMediaVariable(--_ctm-con-lt-mn-ht);
39
41
  padding: var(--_ctm-mob-con-lt-pg, var(--_ctm-tab-con-lt-pg, var(--_ctm-con-lt-pg)));
40
42
 
41
43
  background-color: var(
package/dist/product-image.scss CHANGED
@@ -1187,6 +1187,9 @@
1187
1187
  // height: 100%;
1188
1188
  position: absolute;
1189
1189
  }
1190
+ a:has(img) {
1191
+ width: 100%;
1192
+ }
1190
1193
 
1191
1194
  &[data-widget-alignment="top"] {
1192
1195
  // align-items: flex-start;
package/dist/types/builder/elements/container/index.d.ts CHANGED
@@ -3,7 +3,6 @@ import { CommonStyleProperties } from "../../../global/style-properties";
3
3
  import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
4
4
  import { BuilderAttributes } from "../common";
5
5
  export interface ContainerStyleProperties extends CommonStyleProperties {
6
- minHeight: string;
7
6
  minWidth: string;
8
7
  maxWidth: string;
9
8
  maxHeight: string;
package/dist/types/builder/elements/form-builder/index.d.ts CHANGED
@@ -108,6 +108,7 @@ export interface FormComponentConfig {
108
108
  options?: string[];
109
109
  src?: string;
110
110
  captionsSrc?: string;
111
+ customAttributeKey?: string;
111
112
  href?: string;
112
113
  html?: string;
113
114
  showElementProperties: ElementSettingEnum[];
@@ -186,3 +187,26 @@ export declare const genderConstant: {
186
187
  label: string;
187
188
  value: GENDEREnum;
188
189
  }[];
190
+ export declare enum AttributeDataType {
191
+ STRING = 1,
192
+ DATE = 2,
193
+ INTEGER = 3,
194
+ FILE = 4,
195
+ IMAGE = 5,
196
+ COLORPICKER = 6,
197
+ CURRENCY = 7,
198
+ BOOLEAN = 8,
199
+ BIGINTEGER = 9,
200
+ DATEANDTIME = 10,
201
+ DECIMAL = 11,
202
+ MULTISELECT = 12,
203
+ PERCENT = 13,
204
+ SELECT = 14,
205
+ TEXTEDITOR = 15
206
+ }
207
+ export declare function getCompTypeByAttrId(dataTypeId: AttributeDataType): {
208
+ id: FormElementIdEnum;
209
+ type: FormComponentTypeEnum;
210
+ fieldType: FormElementTypeEnum;
211
+ key: string;
212
+ };
package/dist/types/builder/elements/section/index.d.ts CHANGED
@@ -14,7 +14,6 @@ export interface SectionAttributes extends CMSHTMLAttributes {
14
14
  dataMeta?: string;
15
15
  }
16
16
  export interface SectionStyleProperties extends CommonStyleProperties {
17
- minHeight?: string;
18
17
  height?: string;
19
18
  minWidth?: string;
20
19
  maxWidth?: string;
package/dist/types/builder/tools/element-edit/checkout.d.ts CHANGED
@@ -55,6 +55,7 @@ export declare const getDefaultData: () => {
55
55
  value: number;
56
56
  property: string;
57
57
  propertyType: CMSElementEditTypes;
58
+ unit: number;
58
59
  };
59
60
  };
60
61
  design: {
@@ -259,99 +260,6 @@ export declare const getDefaultData: () => {
259
260
  shadows: import("../../interfaces/global").CMSIBSizeInterface;
260
261
  selectorKey: SelectorKeysEnum;
261
262
  };
262
- paymentOptionsButtonDesign: {
263
- selectorKey: SelectorKeysEnum;
264
- defaultState: {
265
- borderColor: import("../../interfaces/global").CMSIBCommonInterface;
266
- borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
267
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
268
- showBorder: import("../../interfaces/global").CMSIBCommonInterface;
269
- backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
270
- showShadow: import("../../interfaces/global").CMSIBCommonInterface;
271
- shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
272
- blur: import("../../interfaces/global").CMSIBSizeInterface;
273
- spread: import("../../interfaces/global").CMSIBSizeInterface;
274
- angle: import("../../interfaces/global").CMSIBSizeInterface;
275
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
276
- exposure: import("../../interfaces/global").CMSIBSizeInterface;
277
- contrast: import("../../interfaces/global").CMSIBSizeInterface;
278
- saturation: import("../../interfaces/global").CMSIBSizeInterface;
279
- highlights: import("../../interfaces/global").CMSIBSizeInterface;
280
- shadows: import("../../interfaces/global").CMSIBSizeInterface;
281
- theme: import("../../interfaces/global").CMSIBCommonInterface;
282
- font: import("../../interfaces/global").CMSIBCommonInterface;
283
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
284
- textColor: import("../../interfaces/global").CMSIBCommonInterface;
285
- bold: import("../../interfaces/global").CMSIBCommonInterface;
286
- italic: import("../../interfaces/global").CMSIBCommonInterface;
287
- linethrough: import("../../interfaces/global").CMSIBCommonInterface;
288
- underline: import("../../interfaces/global").CMSIBCommonInterface;
289
- textAlign: import("../../interfaces/global").CMSIBCommonInterface;
290
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
291
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
292
- selectorKey: SelectorKeysEnum;
293
- };
294
- hoverState: {
295
- borderColor: import("../../interfaces/global").CMSIBCommonInterface;
296
- borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
297
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
298
- showBorder: import("../../interfaces/global").CMSIBCommonInterface;
299
- backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
300
- showShadow: import("../../interfaces/global").CMSIBCommonInterface;
301
- shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
302
- blur: import("../../interfaces/global").CMSIBSizeInterface;
303
- spread: import("../../interfaces/global").CMSIBSizeInterface;
304
- angle: import("../../interfaces/global").CMSIBSizeInterface;
305
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
306
- exposure: import("../../interfaces/global").CMSIBSizeInterface;
307
- contrast: import("../../interfaces/global").CMSIBSizeInterface;
308
- saturation: import("../../interfaces/global").CMSIBSizeInterface;
309
- highlights: import("../../interfaces/global").CMSIBSizeInterface;
310
- shadows: import("../../interfaces/global").CMSIBSizeInterface;
311
- theme: import("../../interfaces/global").CMSIBCommonInterface;
312
- font: import("../../interfaces/global").CMSIBCommonInterface;
313
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
314
- textColor: import("../../interfaces/global").CMSIBCommonInterface;
315
- bold: import("../../interfaces/global").CMSIBCommonInterface;
316
- italic: import("../../interfaces/global").CMSIBCommonInterface;
317
- linethrough: import("../../interfaces/global").CMSIBCommonInterface;
318
- underline: import("../../interfaces/global").CMSIBCommonInterface;
319
- textAlign: import("../../interfaces/global").CMSIBCommonInterface;
320
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
321
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
322
- selectorKey: SelectorKeysEnum;
323
- };
324
- selectedState: {
325
- borderColor: import("../../interfaces/global").CMSIBCommonInterface;
326
- borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
327
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
328
- showBorder: import("../../interfaces/global").CMSIBCommonInterface;
329
- backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
330
- showShadow: import("../../interfaces/global").CMSIBCommonInterface;
331
- shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
332
- blur: import("../../interfaces/global").CMSIBSizeInterface;
333
- spread: import("../../interfaces/global").CMSIBSizeInterface;
334
- angle: import("../../interfaces/global").CMSIBSizeInterface;
335
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
336
- exposure: import("../../interfaces/global").CMSIBSizeInterface;
337
- contrast: import("../../interfaces/global").CMSIBSizeInterface;
338
- saturation: import("../../interfaces/global").CMSIBSizeInterface;
339
- highlights: import("../../interfaces/global").CMSIBSizeInterface;
340
- shadows: import("../../interfaces/global").CMSIBSizeInterface;
341
- theme: import("../../interfaces/global").CMSIBCommonInterface;
342
- font: import("../../interfaces/global").CMSIBCommonInterface;
343
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
344
- textColor: import("../../interfaces/global").CMSIBCommonInterface;
345
- bold: import("../../interfaces/global").CMSIBCommonInterface;
346
- italic: import("../../interfaces/global").CMSIBCommonInterface;
347
- linethrough: import("../../interfaces/global").CMSIBCommonInterface;
348
- underline: import("../../interfaces/global").CMSIBCommonInterface;
349
- textAlign: import("../../interfaces/global").CMSIBCommonInterface;
350
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
351
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
352
- selectorKey: SelectorKeysEnum;
353
- };
354
- };
355
263
  primaryValueTextDesign: {
356
264
  theme: import("../../interfaces/global").CMSIBCommonInterface;
357
265
  font: import("../../interfaces/global").CMSIBCommonInterface;
package/dist/types/builder/tools/element-edit/tabs.d.ts CHANGED
@@ -251,7 +251,6 @@ export declare const getDefaultData: () => {
251
251
  childIds: never[];
252
252
  children: {};
253
253
  styles: {
254
- minHeight: string;
255
254
  minWidth: string;
256
255
  maxWidth: string;
257
256
  maxHeight: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.20",
3
+ "version": "0.3.21",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {