@sc-360-v2/storefront-cms-library 0.3.42 → 0.3.44

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 (21) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-details.scss +350 -44
  3. package/dist/cart-summary.scss +1347 -167
  4. package/dist/checkout.scss +196 -5
  5. package/dist/icons.js +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/layouter-pro-item.scss +41 -5
  8. package/dist/layouter-pro.scss +2 -2
  9. package/dist/order-status.scss +1108 -202
  10. package/dist/overflow-module.scss +4 -3
  11. package/dist/responsive-behaviour.scss +7 -1
  12. package/dist/section.scss +1 -1
  13. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +538 -458
  14. package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +7 -1
  15. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +641 -97
  16. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +96 -12
  17. package/dist/types/builder/tools/element-edit/common.d.ts +3 -0
  18. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +22 -1
  19. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +128 -66
  20. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +903 -0
  21. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/cartDetails.d.ts CHANGED
@@ -242,18 +242,102 @@ export declare const getDefaultData: () => {
242
242
  selectorKey: SelectorKeysEnum;
243
243
  };
244
244
  productNameStyles: {
245
- theme: CMSIBCommonInterface;
246
- font: CMSIBCommonInterface;
247
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
248
- textColor: CMSIBCommonInterface;
249
- bold: CMSIBCommonInterface;
250
- italic: CMSIBCommonInterface;
251
- linethrough: CMSIBCommonInterface;
252
- underline: CMSIBCommonInterface;
253
- textAlign: CMSIBCommonInterface;
254
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
255
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
256
- backgroundColor: CMSIBCommonInterface;
245
+ theme: {
246
+ value: string;
247
+ property: string;
248
+ propertyType: CMSElementEditTypes;
249
+ };
250
+ font: {
251
+ value: string;
252
+ property: string;
253
+ propertyType: CMSElementEditTypes;
254
+ parentRef: string;
255
+ };
256
+ fontSize: {
257
+ value: number;
258
+ unit: number;
259
+ property: string;
260
+ propertyType: CMSElementEditTypes;
261
+ parentRef: string;
262
+ };
263
+ textColor: {
264
+ value: {
265
+ hex: string;
266
+ rgb: {
267
+ r: string;
268
+ g: string;
269
+ b: string;
270
+ a: number;
271
+ };
272
+ };
273
+ property: string;
274
+ propertyType: CMSElementEditTypes;
275
+ parentRef: string;
276
+ };
277
+ textHighlight: {
278
+ value: {
279
+ hex: string;
280
+ rgb: {
281
+ r: string;
282
+ g: string;
283
+ b: string;
284
+ a: number;
285
+ };
286
+ };
287
+ property: string;
288
+ propertyType: CMSElementEditTypes;
289
+ };
290
+ bold: {
291
+ value: string;
292
+ property: string;
293
+ propertyType: CMSElementEditTypes;
294
+ parentRef: string;
295
+ };
296
+ italic: {
297
+ value: string;
298
+ property: string;
299
+ propertyType: CMSElementEditTypes;
300
+ parentRef: string;
301
+ };
302
+ linethrough: {
303
+ value: string;
304
+ property: string;
305
+ propertyType: CMSElementEditTypes;
306
+ parentRef: string;
307
+ };
308
+ underline: {
309
+ value: string;
310
+ property: string;
311
+ propertyType: CMSElementEditTypes;
312
+ parentRef: string;
313
+ };
314
+ textAlign: {
315
+ value: string;
316
+ property: string;
317
+ propertyType: CMSElementEditTypes;
318
+ parentRef: string;
319
+ };
320
+ characterSpacing: {
321
+ value: number;
322
+ unit: number;
323
+ property: string;
324
+ propertyType: CMSElementEditTypes;
325
+ parentRef: string;
326
+ };
327
+ lineHeight: {
328
+ value: number;
329
+ unit: number;
330
+ property: string;
331
+ propertyType: CMSElementEditTypes;
332
+ parentRef: string;
333
+ };
334
+ paragraphSpacing: {
335
+ value: number;
336
+ unit: number;
337
+ property: string;
338
+ propertyType: CMSElementEditTypes;
339
+ parentRef: string;
340
+ };
257
341
  selectorKey: SelectorKeysEnum;
258
342
  };
259
343
  productPriceStyles: {
package/dist/types/builder/tools/element-edit/common.d.ts CHANGED
@@ -97,6 +97,9 @@ export interface CMSElementEditPopupDesignInterface {
97
97
  dividerColor: CMSIBCommonInterface;
98
98
  iconColorDesc: CMSIBCommonInterface;
99
99
  iconSizeDesc: CMSIBSizeInterface;
100
+ itemSpacing: CMSIBSizeInterface;
101
+ itemGap: CMSIBSizeInterface;
102
+ gap: CMSIBSizeInterface;
100
103
  }
101
104
  export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
102
105
  layout?: L;
package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts CHANGED
@@ -1,12 +1,33 @@
1
- import { FlexSizeType, JustifyContentValue } from "../../../../components/global/types";
1
+ import { AlignItemsValue, FlexDirectionValue, FlexSizeType, FlexWrapValue, JustifyContentValue, LayouterProDisplayStyleType, OverflowValue } from "../../../../components/global/types";
2
2
  import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
3
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
4
4
  interface selfLayoutInterface {
5
5
  selectorKey: string;
6
6
  itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
7
+ displayStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
8
+ value: LayouterProDisplayStyleType;
9
+ };
10
+ direction?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
11
+ value: FlexDirectionValue;
12
+ };
13
+ rowGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
14
+ columnGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
7
15
  justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
8
16
  value: JustifyContentValue;
9
17
  };
18
+ alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
19
+ value: AlignItemsValue;
20
+ };
21
+ setItemsPerRow: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
22
+ isShow: boolean;
23
+ value: string | number | any;
24
+ };
25
+ flexWrap?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
26
+ value: FlexWrapValue;
27
+ };
28
+ flexboxOverflow?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
29
+ value: OverflowValue;
30
+ };
10
31
  flexSize?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
11
32
  value: FlexSizeType;
12
33
  };
package/dist/types/builder/tools/element-edit/orderStatus.d.ts CHANGED
@@ -16,6 +16,7 @@ export declare enum orderSelectorKeysEnum {
16
16
  EMPLOYEE_DETAILS = "employeeDetails",
17
17
  ORDER_CONTAINER = "orderContainer",
18
18
  ORDER_INFO = "orderInfo",
19
+ ORDER_INFO_Wrapper = "orderInfoWrapper",
19
20
  ORDER_INFO_CONTAINER = "orderInfoContainer",
20
21
  ORDER_INFO_HEADER = "orderInfoHeader",
21
22
  ORDER_NAME = "orderName",
@@ -26,7 +27,8 @@ export declare enum orderSelectorKeysEnum {
26
27
  QUICK_HEADER = "quickHeader",
27
28
  ACTIONS = "actions",
28
29
  PRODUCT_WIDGET = "productWidget",
29
- PRODUCT_WRAPPER = "productWrapper",
30
+ PRODUCT_WIDGET_WRAPPER = "productWidgetWrapper",
31
+ PRODUCT_WIDGET_ITEM = "productWidgetItem",
30
32
  PRODUCT_TITLE = "productTitle",
31
33
  PRODUCT_NAME = "productName",
32
34
  PRODUCT_CODE = "productCode",
@@ -277,6 +279,33 @@ export declare const getDefaultData: () => {
277
279
  };
278
280
  orderInfo: {
279
281
  selectorKey: orderSelectorKeysEnum;
282
+ orderInfoWrapper: {
283
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
284
+ itemGap: {
285
+ value: CMSCSSUnitTypesEnums;
286
+ unit: CMSCSSUnitTypesEnums;
287
+ property: string;
288
+ propertyType: CMSElementEditTypes;
289
+ };
290
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
291
+ borderColor: import("../../interfaces/global").CMSIBCommonInterface;
292
+ borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
293
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
294
+ showBorder: import("../../interfaces/global").CMSIBCommonInterface;
295
+ backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
296
+ showShadow: import("../../interfaces/global").CMSIBCommonInterface;
297
+ shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
298
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
299
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
300
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
301
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
302
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
303
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
304
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
305
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
306
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
307
+ selectorKey: orderSelectorKeysEnum;
308
+ };
280
309
  orderInfoContainer: {
281
310
  padding: import("../../interfaces/global").CSSPaddingValues | undefined;
282
311
  itemGap: {
@@ -455,70 +484,6 @@ export declare const getDefaultData: () => {
455
484
  property: string;
456
485
  propertyType: CMSElementEditTypes;
457
486
  };
458
- quickHeader: {
459
- theme: import("../../interfaces/global").CMSIBCommonInterface;
460
- font: import("../../interfaces/global").CMSIBCommonInterface;
461
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
462
- textColor: import("../../interfaces/global").CMSIBCommonInterface;
463
- bold: import("../../interfaces/global").CMSIBCommonInterface;
464
- italic: import("../../interfaces/global").CMSIBCommonInterface;
465
- linethrough: import("../../interfaces/global").CMSIBCommonInterface;
466
- underline: import("../../interfaces/global").CMSIBCommonInterface;
467
- textAlign: import("../../interfaces/global").CMSIBCommonInterface;
468
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
469
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
470
- backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
471
- padding: import("../../interfaces/global").CSSPaddingValues | undefined;
472
- margin: import("../../interfaces/global").CSSPaddingValues | undefined;
473
- borderColor: import("../../interfaces/global").CMSIBCommonInterface;
474
- borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
475
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
476
- showBorder: import("../../interfaces/global").CMSIBCommonInterface;
477
- showShadow: import("../../interfaces/global").CMSIBCommonInterface;
478
- shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
479
- blur: import("../../interfaces/global").CMSIBSizeInterface;
480
- spread: import("../../interfaces/global").CMSIBSizeInterface;
481
- angle: import("../../interfaces/global").CMSIBSizeInterface;
482
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
483
- exposure: import("../../interfaces/global").CMSIBSizeInterface;
484
- contrast: import("../../interfaces/global").CMSIBSizeInterface;
485
- saturation: import("../../interfaces/global").CMSIBSizeInterface;
486
- highlights: import("../../interfaces/global").CMSIBSizeInterface;
487
- shadows: import("../../interfaces/global").CMSIBSizeInterface;
488
- selectorKey: orderSelectorKeysEnum;
489
- };
490
- actions: {
491
- theme: import("../../interfaces/global").CMSIBCommonInterface;
492
- font: import("../../interfaces/global").CMSIBCommonInterface;
493
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
494
- textColor: import("../../interfaces/global").CMSIBCommonInterface;
495
- bold: import("../../interfaces/global").CMSIBCommonInterface;
496
- italic: import("../../interfaces/global").CMSIBCommonInterface;
497
- linethrough: import("../../interfaces/global").CMSIBCommonInterface;
498
- underline: import("../../interfaces/global").CMSIBCommonInterface;
499
- textAlign: import("../../interfaces/global").CMSIBCommonInterface;
500
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
501
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
502
- backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
503
- padding: import("../../interfaces/global").CSSPaddingValues | undefined;
504
- margin: import("../../interfaces/global").CSSPaddingValues | undefined;
505
- borderColor: import("../../interfaces/global").CMSIBCommonInterface;
506
- borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
507
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
508
- showBorder: import("../../interfaces/global").CMSIBCommonInterface;
509
- showShadow: import("../../interfaces/global").CMSIBCommonInterface;
510
- shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
511
- blur: import("../../interfaces/global").CMSIBSizeInterface;
512
- spread: import("../../interfaces/global").CMSIBSizeInterface;
513
- angle: import("../../interfaces/global").CMSIBSizeInterface;
514
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
515
- exposure: import("../../interfaces/global").CMSIBSizeInterface;
516
- contrast: import("../../interfaces/global").CMSIBSizeInterface;
517
- saturation: import("../../interfaces/global").CMSIBSizeInterface;
518
- highlights: import("../../interfaces/global").CMSIBSizeInterface;
519
- shadows: import("../../interfaces/global").CMSIBSizeInterface;
520
- selectorKey: orderSelectorKeysEnum;
521
- };
522
487
  margin: import("../../interfaces/global").CSSPaddingValues | undefined;
523
488
  borderColor: import("../../interfaces/global").CMSIBCommonInterface;
524
489
  borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
@@ -538,10 +503,107 @@ export declare const getDefaultData: () => {
538
503
  shadows: import("../../interfaces/global").CMSIBSizeInterface;
539
504
  selectorKey: orderSelectorKeysEnum;
540
505
  };
506
+ quickHeader: {
507
+ theme: import("../../interfaces/global").CMSIBCommonInterface;
508
+ font: import("../../interfaces/global").CMSIBCommonInterface;
509
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
510
+ textColor: import("../../interfaces/global").CMSIBCommonInterface;
511
+ bold: import("../../interfaces/global").CMSIBCommonInterface;
512
+ italic: import("../../interfaces/global").CMSIBCommonInterface;
513
+ linethrough: import("../../interfaces/global").CMSIBCommonInterface;
514
+ underline: import("../../interfaces/global").CMSIBCommonInterface;
515
+ textAlign: import("../../interfaces/global").CMSIBCommonInterface;
516
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
517
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
518
+ backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
519
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
520
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
521
+ borderColor: import("../../interfaces/global").CMSIBCommonInterface;
522
+ borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
523
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
524
+ showBorder: import("../../interfaces/global").CMSIBCommonInterface;
525
+ showShadow: import("../../interfaces/global").CMSIBCommonInterface;
526
+ shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
527
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
528
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
529
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
530
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
531
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
532
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
533
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
534
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
535
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
536
+ selectorKey: orderSelectorKeysEnum;
537
+ };
538
+ actions: {
539
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
540
+ itemGap: {
541
+ value: CMSCSSUnitTypesEnums;
542
+ unit: CMSCSSUnitTypesEnums;
543
+ property: string;
544
+ propertyType: CMSElementEditTypes;
545
+ };
546
+ theme: import("../../interfaces/global").CMSIBCommonInterface;
547
+ font: import("../../interfaces/global").CMSIBCommonInterface;
548
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
549
+ textColor: import("../../interfaces/global").CMSIBCommonInterface;
550
+ bold: import("../../interfaces/global").CMSIBCommonInterface;
551
+ italic: import("../../interfaces/global").CMSIBCommonInterface;
552
+ linethrough: import("../../interfaces/global").CMSIBCommonInterface;
553
+ underline: import("../../interfaces/global").CMSIBCommonInterface;
554
+ textAlign: import("../../interfaces/global").CMSIBCommonInterface;
555
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
556
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
557
+ backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
558
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
559
+ borderColor: import("../../interfaces/global").CMSIBCommonInterface;
560
+ borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
561
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
562
+ showBorder: import("../../interfaces/global").CMSIBCommonInterface;
563
+ showShadow: import("../../interfaces/global").CMSIBCommonInterface;
564
+ shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
565
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
566
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
567
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
568
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
569
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
570
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
571
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
572
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
573
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
574
+ selectorKey: orderSelectorKeysEnum;
575
+ };
541
576
  };
542
577
  productWidget: {
543
578
  selectorKey: orderSelectorKeysEnum;
544
- productWrapper: {
579
+ productWidgetWrapper: {
580
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
581
+ itemGap: {
582
+ value: CMSCSSUnitTypesEnums;
583
+ unit: CMSCSSUnitTypesEnums;
584
+ property: string;
585
+ propertyType: CMSElementEditTypes;
586
+ };
587
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
588
+ borderColor: import("../../interfaces/global").CMSIBCommonInterface;
589
+ borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
590
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
591
+ showBorder: import("../../interfaces/global").CMSIBCommonInterface;
592
+ backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
593
+ showShadow: import("../../interfaces/global").CMSIBCommonInterface;
594
+ shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
595
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
596
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
597
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
598
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
599
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
600
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
601
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
602
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
603
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
604
+ selectorKey: orderSelectorKeysEnum;
605
+ };
606
+ productWidgetItem: {
545
607
  itemGap: {
546
608
  value: CMSCSSUnitTypesEnums;
547
609
  unit: CMSCSSUnitTypesEnums;