@sc-360-v2/storefront-cms-library 0.4.80 → 0.4.82

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.
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  $selector: ".repeater__view__toggle";
5
6
  $wrapper: ".tgl__wrapper";
@@ -17,19 +18,35 @@ $wrapper: ".tgl__wrapper";
17
18
  &#{$wrapper} {
18
19
  display: var(--_d-flex);
19
20
  align-items: center;
20
- border: 1px solid var(--_gray-200);
21
+ // border: 1px solid var(--_gray-200);
22
+ border-style: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-se, solid);
23
+ border-width: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-wh, 1px);
24
+ border-color: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-cr, var(--_gray-200));
21
25
  --_br-6: 6px;
22
26
  --_width-40: 40px;
27
+ --_width-20: 20px;
23
28
  border-radius: var(--_br-6);
24
- background-color: var(--_base-white);
29
+ // --_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr,
30
+ background-color: prepareMediaVariable(
31
+ --_ctm-rep-dn-gd-vw-cl-se-lt-se-bd-cr,
32
+ var(--_base-white)
33
+ );
25
34
 
26
35
  & > button {
27
36
  display: var(--_d-flex);
28
- $size: var(--_width-40);
29
- width: $size;
30
- height: $size;
37
+ // $size: var(--_width-40);
38
+ $size: #{var(
39
+ --_sf-at-btn-size,
40
+ #{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-se, var(--_width-20))}
41
+ )};
42
+ width: calc(#{$size} * 2);
43
+ height: calc(#{$size} * 2);
31
44
  align-items: center;
32
45
  justify-content: center;
46
+ background: var(
47
+ --_sf-at-btn-bd,
48
+ #{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr)}
49
+ );
33
50
 
34
51
  &:first-of-type {
35
52
  border-radius: 4px 0 0 4px;
@@ -39,16 +56,31 @@ $wrapper: ".tgl__wrapper";
39
56
  }
40
57
 
41
58
  &[data-style-active="true"] {
42
- --_sf-at-pt-cl: var(--_gray-800);
43
- background: var(--_gray-200);
59
+ // --_sf-at-pt-cl: var(--_gray-700);
60
+ --_sf-at-btn-size: #{prepareMediaVariable(
61
+ --_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-se,
62
+ var(--_width-20)
63
+ )};
64
+ --_sf-at-pt-cl: #{prepareMediaVariable(
65
+ --_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-c1,
66
+ var(--_gray-700)
67
+ )};
68
+ --_sf-at-btn-bd: #{prepareMediaVariable(
69
+ --_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-bd-cr,
70
+ var(--_gray-200)
71
+ )};
72
+ // background: var(--_gray-200);
44
73
  }
45
74
 
46
75
  svg {
47
- width: calc(#{$size} * 0.5);
48
- height: calc(#{$size} * 0.5);
76
+ width: calc(#{$size} * 1);
77
+ height: calc(#{$size} * 1);
49
78
 
50
79
  path {
51
- stroke: var(--_sf-at-pt-cl, var(--_gray-500));
80
+ stroke: var(
81
+ --_sf-at-pt-cl,
82
+ #{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-c1, var(--_gray-500))}
83
+ );
52
84
  }
53
85
  }
54
86
  }
@@ -2127,7 +2127,6 @@ $activeElementSelector: "[data-has-clicked='true']";
2127
2127
  }
2128
2128
 
2129
2129
  .right-btn {
2130
- display: none;
2131
2130
  gap: 24px;
2132
2131
 
2133
2132
  &:has(.chk_saved_address_button.selected) {
@@ -290,3 +290,9 @@ $data: (
290
290
  font-size: 12px;
291
291
  color: var(--_error-500);
292
292
  }
293
+ button {
294
+ &.disabled {
295
+ cursor: not-allowed;
296
+ opacity: 0.6;
297
+ }
298
+ }
@@ -32,7 +32,15 @@ export declare enum SelectorKeysEnum {
32
32
  PRODUCT_INFO_DESIGN = "productInfoDesign",
33
33
  PRODUCT_PRICE_DESIGN = "productPriceDesign",
34
34
  SELECT_BUTTON_DESIGN = "selectButtonDesign",
35
- ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
35
+ ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
36
+ PRODUCT_CARD_QUANTITY = "productCardQuantity",
37
+ QUANTITY_INPUT = "quantityInput",
38
+ QUANTITY_LABEL = "quantityLabel",
39
+ ADD_TO_CART_LAYOUT = "addToCartLayout",
40
+ ADD_TO_CART_TITLE = "addToCartTitle",
41
+ ADD_TO_CART_LABEL = "addToCartLabel",
42
+ ADD_TO_CART_QUANTITY_INPUT = "addToCartInput",
43
+ ADD_TO_CART_PRICE = "addToCartPrice"
36
44
  }
37
45
  export declare const getDefaultData: () => {
38
46
  layout: {
@@ -1464,6 +1472,149 @@ export declare const getDefaultData: () => {
1464
1472
  paginationLine: any;
1465
1473
  layout: any;
1466
1474
  };
1475
+ productQuantity: {
1476
+ selectorKey: SelectorKeysEnum;
1477
+ quantityInput: {
1478
+ padding: any;
1479
+ theme: CMSIBCommonInterface;
1480
+ font: CMSIBCommonInterface;
1481
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1482
+ textColor: CMSIBCommonInterface;
1483
+ bold: CMSIBCommonInterface;
1484
+ italic: CMSIBCommonInterface;
1485
+ linethrough: CMSIBCommonInterface;
1486
+ underline: CMSIBCommonInterface;
1487
+ textAlign: CMSIBCommonInterface;
1488
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1489
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1490
+ backgroundColor: CMSIBCommonInterface;
1491
+ borderColor: CMSIBCommonInterface;
1492
+ borderStyle: CMSIBCommonInterface;
1493
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1494
+ showBorder: CMSIBCommonInterface;
1495
+ showShadow: CMSIBCommonInterface;
1496
+ shadowColor: CMSIBCommonInterface;
1497
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1498
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1499
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1500
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1501
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1502
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1503
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1504
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1505
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1506
+ selectorKey: SelectorKeysEnum;
1507
+ };
1508
+ quantityLabel: {
1509
+ theme: CMSIBCommonInterface;
1510
+ font: CMSIBCommonInterface;
1511
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1512
+ textColor: CMSIBCommonInterface;
1513
+ bold: CMSIBCommonInterface;
1514
+ italic: CMSIBCommonInterface;
1515
+ linethrough: CMSIBCommonInterface;
1516
+ underline: CMSIBCommonInterface;
1517
+ textAlign: CMSIBCommonInterface;
1518
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1519
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1520
+ backgroundColor: CMSIBCommonInterface;
1521
+ selectorKey: SelectorKeysEnum;
1522
+ };
1523
+ };
1524
+ addToCartLayout: {
1525
+ selectorKey: SelectorKeysEnum;
1526
+ quantityLabel: {
1527
+ theme: CMSIBCommonInterface;
1528
+ font: CMSIBCommonInterface;
1529
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1530
+ textColor: CMSIBCommonInterface;
1531
+ bold: CMSIBCommonInterface;
1532
+ italic: CMSIBCommonInterface;
1533
+ linethrough: CMSIBCommonInterface;
1534
+ underline: CMSIBCommonInterface;
1535
+ textAlign: CMSIBCommonInterface;
1536
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1537
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1538
+ backgroundColor: CMSIBCommonInterface;
1539
+ selectorKey: SelectorKeysEnum;
1540
+ };
1541
+ priceLabel: {
1542
+ theme: CMSIBCommonInterface;
1543
+ font: CMSIBCommonInterface;
1544
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1545
+ textColor: CMSIBCommonInterface;
1546
+ bold: CMSIBCommonInterface;
1547
+ italic: CMSIBCommonInterface;
1548
+ linethrough: CMSIBCommonInterface;
1549
+ underline: CMSIBCommonInterface;
1550
+ textAlign: CMSIBCommonInterface;
1551
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1552
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1553
+ backgroundColor: CMSIBCommonInterface;
1554
+ selectorKey: SelectorKeysEnum;
1555
+ };
1556
+ input: {
1557
+ padding: any;
1558
+ theme: CMSIBCommonInterface;
1559
+ font: CMSIBCommonInterface;
1560
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1561
+ textColor: CMSIBCommonInterface;
1562
+ bold: CMSIBCommonInterface;
1563
+ italic: CMSIBCommonInterface;
1564
+ linethrough: CMSIBCommonInterface;
1565
+ underline: CMSIBCommonInterface;
1566
+ textAlign: CMSIBCommonInterface;
1567
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1568
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1569
+ backgroundColor: CMSIBCommonInterface;
1570
+ borderColor: CMSIBCommonInterface;
1571
+ borderStyle: CMSIBCommonInterface;
1572
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1573
+ showBorder: CMSIBCommonInterface;
1574
+ showShadow: CMSIBCommonInterface;
1575
+ shadowColor: CMSIBCommonInterface;
1576
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1577
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1578
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1579
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1580
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1581
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1582
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1583
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1584
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1585
+ selectorKey: SelectorKeysEnum;
1586
+ };
1587
+ title: {
1588
+ theme: CMSIBCommonInterface;
1589
+ font: CMSIBCommonInterface;
1590
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1591
+ textColor: CMSIBCommonInterface;
1592
+ bold: CMSIBCommonInterface;
1593
+ italic: CMSIBCommonInterface;
1594
+ linethrough: CMSIBCommonInterface;
1595
+ underline: CMSIBCommonInterface;
1596
+ textAlign: CMSIBCommonInterface;
1597
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1598
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1599
+ backgroundColor: CMSIBCommonInterface;
1600
+ selectorKey: SelectorKeysEnum;
1601
+ };
1602
+ price: {
1603
+ theme: CMSIBCommonInterface;
1604
+ font: CMSIBCommonInterface;
1605
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1606
+ textColor: CMSIBCommonInterface;
1607
+ bold: CMSIBCommonInterface;
1608
+ italic: CMSIBCommonInterface;
1609
+ linethrough: CMSIBCommonInterface;
1610
+ underline: CMSIBCommonInterface;
1611
+ textAlign: CMSIBCommonInterface;
1612
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1613
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1614
+ backgroundColor: CMSIBCommonInterface;
1615
+ selectorKey: SelectorKeysEnum;
1616
+ };
1617
+ };
1467
1618
  };
1468
1619
  errorMessage: {
1469
1620
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
@@ -389,6 +389,7 @@ export declare const getDefaultData: () => {
389
389
  borderColor: CMSIBCommonInterface;
390
390
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
391
391
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
392
+ padding: any;
392
393
  showShadow: CMSIBCommonInterface;
393
394
  shadowColor: CMSIBCommonInterface;
394
395
  angle: import("../../interfaces/global").CMSIBSizeInterface;
@@ -445,6 +446,7 @@ export declare const getDefaultData: () => {
445
446
  borderColor: CMSIBCommonInterface;
446
447
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
447
448
  borderRadius: import("../../interfaces/global").CSSPaddingValues;
449
+ padding: any;
448
450
  showShadow: CMSIBCommonInterface;
449
451
  shadowColor: CMSIBCommonInterface;
450
452
  angle: import("../../interfaces/global").CMSIBSizeInterface;
@@ -62,6 +62,7 @@ export interface selfDesignInterface {
62
62
  selectorKey: string;
63
63
  repeaterWidget: any;
64
64
  buttonStyle: any;
65
+ gridViewControlStyle: any;
65
66
  }
66
67
  export declare enum selfSelectorKeysEnum {
67
68
  LAYOUT = "layout",
@@ -71,7 +72,10 @@ export declare enum selfSelectorKeysEnum {
71
72
  DEFAULT_STATE = "defaultState",
72
73
  HOVER_STATE = "hoverState",
73
74
  SELECTED_STATE = "selectedState",
74
- BUTTON_STYLE = "buttonStyle"
75
+ BUTTON_STYLE = "buttonStyle",
76
+ GRID_VIEW_CONTROL_STYLE = "gridViewControlStyle",
77
+ BUTTON = "button",
78
+ LAYOUT_STYLE = "layoutStyle"
75
79
  }
76
80
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
77
81
  export {};
@@ -64,6 +64,12 @@ export declare const getDefaultData: () => {
64
64
  property: string;
65
65
  propertyType: CMSElementEditTypes;
66
66
  };
67
+ quotaDropdownSpacing: {
68
+ value: number;
69
+ unit: number;
70
+ property: string;
71
+ propertyType: CMSElementEditTypes;
72
+ };
67
73
  quotaShowOtherItems: {
68
74
  value: string;
69
75
  property: string;
@@ -85,6 +91,12 @@ export declare const getDefaultData: () => {
85
91
  property: string;
86
92
  propertyType: CMSElementEditTypes;
87
93
  };
94
+ allowanceDropdownSpacing: {
95
+ value: number;
96
+ unit: number;
97
+ property: string;
98
+ propertyType: CMSElementEditTypes;
99
+ };
88
100
  itemSpacing: {
89
101
  value: number;
90
102
  unit: number;
@@ -363,6 +375,11 @@ export declare const getDefaultData: () => {
363
375
  selectorKey: SelectorKeysEnum;
364
376
  };
365
377
  quotaHeadingDesign: {
378
+ maxCharacters: {
379
+ value: number;
380
+ property: string;
381
+ propertyType: CMSElementEditTypes;
382
+ };
366
383
  theme: CMSIBCommonInterface;
367
384
  font: CMSIBCommonInterface;
368
385
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -475,6 +492,11 @@ export declare const getDefaultData: () => {
475
492
  selectorKey: SelectorKeysEnum;
476
493
  };
477
494
  allowanceHeadingDesign: {
495
+ maxCharacters: {
496
+ value: number;
497
+ property: string;
498
+ propertyType: CMSElementEditTypes;
499
+ };
478
500
  theme: CMSIBCommonInterface;
479
501
  font: CMSIBCommonInterface;
480
502
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -563,6 +563,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
563
563
  flex-direction: column;
564
564
  align-items: flex-start;
565
565
  position: relative;
566
+
567
+ .secondary_vertical_scroll_wrapper {
568
+ flex-direction: column;
569
+ width: 100%;
570
+ gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
571
+
572
+ .child {
573
+ width: 100%;
574
+ }
575
+ }
566
576
  }
567
577
 
568
578
  &[data-content-alignment="Horizontal"] {
@@ -705,7 +715,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
705
715
  justify-content: space-between;
706
716
  align-items: center;
707
717
  width: 100%;
708
- gap: 16px;
718
+ gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
709
719
  @media (max-width: 768px) {
710
720
  flex-wrap: wrap;
711
721
  }
@@ -729,12 +739,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
729
739
  flex-direction: column;
730
740
  align-items: flex-start;
731
741
  }
732
- .secondary_vertical_scroll_wrapper {
733
- gap: calc(prepareMediaVariable(--_ctm-lt-im-sg) / 2);
734
- .child {
735
- height: 100%;
736
- }
737
- }
738
742
  }
739
743
  }
740
744
  }
@@ -850,6 +854,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
850
854
  .user_elements_user_data_wrapper {
851
855
  .user_elements_user_data {
852
856
  display: flex;
857
+ align-items: center;
858
+ gap: 6px;
853
859
 
854
860
  .user_elements_user_id {
855
861
  display: flex;
@@ -1019,7 +1025,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1019
1025
  border-width: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-wh);
1020
1026
  box-shadow: var(--_ctm-dn-qa-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-br)
1021
1027
  var(--_ctm-dn-qa-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-cr);
1022
- gap: prepareMediaVariable(--_ctm-lt-qa-im-sg);
1028
+ gap: prepareMediaVariable(--_ctm-lt-qa-dn-sg);
1023
1029
  .quota_label_wrapper {
1024
1030
  display: flex;
1025
1031
  flex-direction: column;
@@ -1234,7 +1240,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1234
1240
  border-width: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-wh);
1235
1241
  box-shadow: var(--_ctm-dn-ae-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-br)
1236
1242
  var(--_ctm-dn-ae-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-cr);
1237
- gap: prepareMediaVariable(--_ctm-lt-ae-im-sg);
1243
+ gap: prepareMediaVariable(--_ctm-lt-ae-dn-sg);
1238
1244
  .allowance_label_wrapper {
1239
1245
  display: flex;
1240
1246
  flex-direction: column;
@@ -1310,7 +1316,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1310
1316
  display: flex;
1311
1317
  justify-content: center;
1312
1318
  align-items: center;
1313
- color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-cr);
1319
+ color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-cr);
1314
1320
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-fy);
1315
1321
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se);
1316
1322
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se-ic);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.80",
3
+ "version": "0.4.82",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {