@sc-360-v2/storefront-cms-library 0.4.47 → 0.4.49

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 (16) hide show
  1. package/dist/add-products-tab.scss +847 -0
  2. package/dist/allocations.scss +217 -218
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker.scss +511 -309
  5. package/dist/cart-details.scss +877 -56
  6. package/dist/cart-summary.scss +38 -38
  7. package/dist/cartAttributes.scss +37 -5
  8. package/dist/cartDropdownOverlay.scss +7 -0
  9. package/dist/dropdownTemplate.scss +41 -3
  10. package/dist/language-selector.scss +0 -30
  11. package/dist/profile.scss +2 -2
  12. package/dist/static-global.scss +31 -0
  13. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +215 -0
  14. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +1 -1
  15. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +66 -0
  16. package/package.json +1 -1
package/dist/cart-summary.scss CHANGED
@@ -596,86 +596,86 @@ $resizeActive: '[data-cms-element-resizer="true"]';
596
596
  // font-size: 14px;
597
597
  // font-weight: 400;
598
598
  font-family: var(
599
- --_ctm-mob-dn-sw-cn-ce-ft-fy,
600
- var(--_ctm-tab-dn-sw-cn-ce-ft-fy, var(--_ctm-dn-sw-cn-ce-ft-fy))
599
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy,
600
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy, var(--_ctm-dn-sw-cn-ce-ll-ft-fy))
601
601
  );
602
602
  color: var(
603
- --_ctm-mob-dn-sw-cn-ce-cr,
604
- var(--_ctm-tab-dn-sw-cn-ce-cr, var(--_ctm-dn-sw-cn-ce-cr))
603
+ --_ctm-mob-dn-sw-cn-ce-ll-cr,
604
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr, var(--_ctm-dn-sw-cn-ce-ll-cr))
605
605
  );
606
606
  font-weight: var(
607
- --_ctm-mob-dn-sw-cn-ce-ft-wt,
608
- var(--_ctm-tab-dn-sw-cn-ce-ft-wt, var(--_ctm-dn-sw-cn-ce-ft-wt))
607
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt,
608
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt, var(--_ctm-dn-sw-cn-ce-ll-ft-wt))
609
609
  );
610
610
  font-size: var(
611
- --_ctm-mob-dn-sw-cn-ce-ft-se,
612
- var(--_ctm-tab-dn-sw-cn-ce-ft-se, var(--_ctm-dn-sw-cn-ce-ft-se))
611
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se,
612
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se, var(--_ctm-dn-sw-cn-ce-ll-ft-se))
613
613
  );
614
614
  // font-size: 14px;
615
615
  text-decoration: var(
616
- --_ctm-mob-dn-sw-cn-ce-ue,
617
- var(--_ctm-tab-dn-sw-cn-ce-ue, var(--_ctm-dn-sw-cn-ce-ue))
616
+ --_ctm-mob-dn-sw-cn-ce-ll-ue,
617
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue, var(--_ctm-dn-sw-cn-ce-ll-ue))
618
618
  );
619
619
  letter-spacing: var(
620
- --_ctm-mob-dn-sw-cn-ce-lr-sg,
621
- var(--_ctm-tab-dn-sw-cn-ce-lr-sg, var(--_ctm-dn-sw-cn-ce-lr-sg))
620
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg,
621
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg, var(--_ctm-dn-sw-cn-ce-ll-lr-sg))
622
622
  );
623
623
  line-height: var(
624
- --_ctm-mob-dn-sw-cn-ce-le-ht,
625
- var(--_ctm-tab-dn-sw-cn-ce-le-ht, var(--_ctm-dn-sw-cn-ce-le-ht))
624
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht,
625
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht, var(--_ctm-dn-sw-cn-ce-ll-le-ht))
626
626
  );
627
627
  font-style: var(
628
- --_ctm-mob-dn-sw-cn-ce-ft-se-ic,
629
- var(--_ctm-tab-dn-sw-cn-ce-ft-se-ic, var(--_ctm-dn-sw-cn-ce-ft-se-ic))
628
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic,
629
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic))
630
630
  );
631
631
  text-align: var(
632
- --_ctm-mob-dn-sw-cn-ce-tt-an,
633
- var(--_ctm-tab-dn-sw-cn-ce-tt-an, var(--_ctm-dn-sw-cn-ce-tt-an))
632
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an,
633
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
634
634
  );
635
635
  }
636
636
  .cart_summary_show_coupon_value {
637
637
  font-family: var(
638
- --_ctm-mob-dn-sw-cn-ce-ft-fy-dc,
639
- var(--_ctm-tab-dn-sw-cn-ce-ft-fy-dc, var(--_ctm-dn-sw-cn-ce-ft-fy-dc))
638
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
639
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-fy-dc))
640
640
  );
641
641
  color: var(
642
- --_ctm-mob-dn-sw-cn-ce-cr-dc,
643
- var(--_ctm-tab-dn-sw-cn-ce-cr-dc, var(--_ctm-dn-sw-cn-ce-cr-dc))
642
+ --_ctm-mob-dn-sw-cn-ce-ll-cr-dc,
643
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr-dc, var(--_ctm-dn-sw-cn-ce-ll-cr-dc))
644
644
  );
645
645
  font-weight: var(
646
- --_ctm-mob-dn-sw-cn-ce-ft-wt-dc,
647
- var(--_ctm-tab-dn-sw-cn-ce-ft-wt-dc, var(--_ctm-dn-sw-cn-ce-ft-wt-dc))
646
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt-dc,
647
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-wt-dc))
648
648
  );
649
649
  font-size: var(
650
- --_ctm-mob-dn-sw-cn-ce-ft-se-dc,
651
- var(--_ctm-tab-dn-sw-cn-ce-ft-se-dc, var(--_ctm-dn-sw-cn-ce-ft-se-dc))
650
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-dc,
651
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-dc))
652
652
  );
653
653
  text-decoration: var(
654
- --_ctm-mob-dn-sw-cn-ce-ue-dc,
655
- var(--_ctm-tab-dn-sw-cn-ce-ue-dc, var(--_ctm-dn-sw-cn-ce-ue-dc))
654
+ --_ctm-mob-dn-sw-cn-ce-ll-ue-dc,
655
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue-dc, var(--_ctm-dn-sw-cn-ce-ll-ue-dc))
656
656
  );
657
657
  letter-spacing: var(
658
- --_ctm-mob-dn-sw-cn-ce-lr-sg-dc,
659
- var(--_ctm-tab-dn-sw-cn-ce-lr-sg-dc, var(--_ctm-dn-sw-cn-ce-lr-sg-dc))
658
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg-dc,
659
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg-dc, var(--_ctm-dn-sw-cn-ce-ll-lr-sg-dc))
660
660
  );
661
661
  line-height: var(
662
- --_ctm-mob-dn-sw-cn-ce-le-ht-dc,
663
- var(--_ctm-tab-dn-sw-cn-ce-le-ht-dc, var(--_ctm-dn-sw-cn-ce-le-ht-dc))
662
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht-dc,
663
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht-dc, var(--_ctm-dn-sw-cn-ce-ll-le-ht-dc))
664
664
  );
665
665
  font-style: var(
666
- --_ctm-mob-dn-sw-cn-ce-ft-se-ic-dc,
667
- var(--_ctm-tab-dn-sw-cn-ce-ft-se-ic-dc, var(--_ctm-dn-sw-cn-ce-ft-se-ic-dc))
666
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic-dc,
667
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic-dc))
668
668
  );
669
669
  text-align: var(
670
- --_ctm-mob-dn-sw-cn-ce-tt-an-dc,
671
- var(--_ctm-tab-dn-sw-cn-ce-tt-an-dc, var(--_ctm-dn-sw-cn-ce-tt-an-dc))
670
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an-dc,
671
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
672
672
  );
673
673
  }
674
674
  }
675
675
  .cart_summary_content_details_wrapper {
676
676
  display: flex;
677
677
  flex-direction: column;
678
- gap: 12px;
678
+ gap: 8px;
679
679
  .cart_summary_shippingLabel_text {
680
680
  // font-size: 14px;
681
681
  // color: var(--_gray-500);
@@ -835,7 +835,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
835
835
  .cart_summary_total_wrapper {
836
836
  display: flex;
837
837
  flex-direction: column;
838
- gap: 12px;
838
+ gap: 8px;
839
839
  .subtotal_wrapper {
840
840
  display: flex;
841
841
  align-items: center;
package/dist/cartAttributes.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="cartAttributes"] {
@@ -200,16 +201,36 @@
200
201
  var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs))
201
202
  );
202
203
  .attriTitle {
203
- font-weight: 600;
204
+ // font-weight: 600;
204
205
  // font-size: 14px;
205
206
  // line-height: 20px;
206
207
  // color: #101828;
207
208
  // padding-bottom: 6px;
209
+ font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-fy);
210
+ color: prepareMediaVariable(--_ctm-dn-as-cr-as-te-cr);
211
+ font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-wt);
212
+ font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-se);
213
+ text-decoration: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ue);
214
+ letter-spacing: prepareMediaVariable(--_ctm-dn-as-cr-as-te-lr-sg);
215
+ line-height: prepareMediaVariable(--_ctm-dn-as-cr-as-te-le-ht);
216
+ font-style: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-se-ic);
217
+ text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-an);
218
+ padding: prepareMediaVariable(--_ctm-dn-as-cr-as-te-pg);
208
219
  }
209
220
  .attriDes {
210
- font-weight: 400;
221
+ // font-weight: 400;
211
222
  // font-size: 14px;
212
223
  // line-height: 20px;
224
+ font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-fy);
225
+ color: prepareMediaVariable(--_ctm-dn-as-cr-as-in-cr);
226
+ font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-wt);
227
+ font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-se);
228
+ text-decoration: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ue);
229
+ letter-spacing: prepareMediaVariable(--_ctm-dn-as-cr-as-in-lr-sg);
230
+ line-height: prepareMediaVariable(--_ctm-dn-as-cr-as-in-le-ht);
231
+ font-style: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-se-ic);
232
+ text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-an);
233
+ padding: prepareMediaVariable(--_ctm-dn-as-cr-as-in-pg);
213
234
  }
214
235
  .attribute {
215
236
  width: 100%;
@@ -377,6 +398,17 @@
377
398
  --_ctm-mob-dn-as-cr-as-is-tt-an,
378
399
  var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
379
400
  );
401
+ transition:
402
+ background-color 0.2s,
403
+ color 0.2s,
404
+ border-color 0.2s,
405
+ box-shadow 0.2s;
406
+ &:focus {
407
+ box-shadow:
408
+ 0px 1px 2px rgba(16, 24, 40, 0.05),
409
+ 0px 0px 0px 2px var(--primary-100);
410
+ border: 1px solid var(--primary-300);
411
+ }
380
412
  }
381
413
  .dropdown-input-section {
382
414
  height: auto !important;
@@ -446,11 +478,11 @@
446
478
  align-items: center;
447
479
  .color-swatch {
448
480
  position: relative;
449
- top: 1px;
481
+ // top: 1px;
450
482
  }
451
483
  .svg_icon svg {
452
- width: 20px;
453
- height: 20px;
484
+ width: 16px;
485
+ height: 16px;
454
486
  }
455
487
  }
456
488
  }
package/dist/cartDropdownOverlay.scss CHANGED
@@ -86,7 +86,14 @@ $button-padding: 6px 12px;
86
86
  display: flex;
87
87
  flex-direction: column;
88
88
  width: 260px;
89
+ &.show__panel {
90
+ animation: slideUp 0.4s ease-in-out;
91
+ }
89
92
 
93
+ &.hide__panel {
94
+ animation: slideDown 0.4s ease-in-out;
95
+ pointer-events: none;
96
+ }
90
97
  // width: 220px;
91
98
  .header-template {
92
99
  display: flex;
package/dist/dropdownTemplate.scss CHANGED
@@ -38,7 +38,18 @@
38
38
  vertical-align: middle;
39
39
  g {
40
40
  path {
41
- stroke: #98a2b3;
41
+ stroke: var(--_thm-cs-be-se-3);
42
+ }
43
+ }
44
+ }
45
+ }
46
+ &:hover {
47
+ .svg_icon {
48
+ svg {
49
+ g {
50
+ path {
51
+ stroke: var(--_thm-cs-be-se-1);
52
+ }
42
53
  }
43
54
  }
44
55
  }
@@ -53,6 +64,33 @@
53
64
  border-radius: 4px;
54
65
  padding: 2px 4px;
55
66
  font-size: 12px;
67
+ .svg_icon {
68
+ vertical-align: middle;
69
+ display: flex;
70
+ svg {
71
+ width: 12px;
72
+ height: 12px;
73
+ cursor: pointer;
74
+ vertical-align: middle;
75
+ g {
76
+ path {
77
+ stroke: var(--_thm-cs-be-se-3);
78
+ }
79
+ }
80
+ }
81
+ }
82
+ &:hover {
83
+ border: 1px solid var(--_thm-cs-be-se-1);
84
+ .svg_icon {
85
+ svg {
86
+ g {
87
+ path {
88
+ stroke: var(--_thm-cs-be-se-1);
89
+ }
90
+ }
91
+ }
92
+ }
93
+ }
56
94
  }
57
95
  }
58
96
  }
@@ -142,9 +180,9 @@
142
180
  .readonly-input,
143
181
  .dropdown__clear__icon,
144
182
  .dropdown__icon {
145
- // transition: transform 0.4s ease-in-out;
183
+ transition: transform 0.4s ease-in-out;
146
184
  .icon {
147
- // transition: transform 0.4s ease-in-out;
185
+ transition: transform 0.4s ease-in-out;
148
186
  display: flex;
149
187
  // transform: rotate(0deg);
150
188
  &:hover {
package/dist/language-selector.scss CHANGED
@@ -526,33 +526,3 @@
526
526
  }
527
527
  }
528
528
  }
529
-
530
- @keyframes slideUp {
531
- from {
532
- transform: translateY(10px);
533
- opacity: 0;
534
- visibility: hidden;
535
- pointer-events: none;
536
- }
537
- to {
538
- transform: translateY(0);
539
- opacity: 1;
540
- visibility: visible;
541
- pointer-events: auto;
542
- }
543
- }
544
-
545
- @keyframes slideDown {
546
- from {
547
- transform: translateY(10);
548
- opacity: 1;
549
- visibility: visible;
550
- pointer-events: auto;
551
- }
552
- to {
553
- transform: translateY(0px);
554
- opacity: 0;
555
- visibility: hidden;
556
- pointer-events: none;
557
- }
558
- }
package/dist/profile.scss CHANGED
@@ -295,9 +295,9 @@
295
295
  }
296
296
  .add_order_menu {
297
297
  position: absolute;
298
- top: calc(100% + var(--_ctm-dn-pe-wt-cr-ot-y, 0px));
298
+ top: calc(100% + prepareMediaVariable(--_ctm-dn-pe-wt-cr-ot-y, 0px));
299
+ transform: translateX(calc(-50% + prepareMediaVariable(--_ctm-dn-pe-wt-cr-ot-x, 0px)));
299
300
  left: 50%;
300
- transform: translateX(calc(-50% + var(--_ctm-dn-pe-wt-cr-ot-x, 0px)));
301
301
  width: prepareMediaVariable(--_ctm-lt-dn-wh);
302
302
  background-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-bd-cr);
303
303
  border-radius: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-rs);
package/dist/static-global.scss CHANGED
@@ -87,3 +87,34 @@ $data: (
87
87
  // }
88
88
  // }
89
89
  }
90
+
91
+ // common transitions
92
+ @keyframes slideUp {
93
+ from {
94
+ transform: translateY(10px);
95
+ opacity: 0;
96
+ visibility: hidden;
97
+ pointer-events: none;
98
+ }
99
+ to {
100
+ transform: translateY(0);
101
+ opacity: 1;
102
+ visibility: visible;
103
+ pointer-events: auto;
104
+ }
105
+ }
106
+
107
+ @keyframes slideDown {
108
+ from {
109
+ transform: translateY(10);
110
+ opacity: 1;
111
+ visibility: visible;
112
+ pointer-events: auto;
113
+ }
114
+ to {
115
+ transform: translateY(0px);
116
+ opacity: 0;
117
+ visibility: hidden;
118
+ pointer-events: none;
119
+ }
120
+ }
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -26,6 +26,13 @@ export declare enum SelectorKeysEnum {
26
26
  PRODUCT_TITLE = "productTitle",
27
27
  PRODUCT_DESCRIPTION = "productDescription",
28
28
  PRODUCT_PRICE = "productPrice",
29
+ GIFT_CARD = "giftCard",
30
+ CARD_WRAPPER = "cardWrapper",
31
+ CARD = "card",
32
+ TITLES = "titles",
33
+ LABELS = "labels",
34
+ INPUTS = "inputs",
35
+ DIVIDER = "divider",
29
36
  ADD_TO_CART = "addToCart",
30
37
  ALLOCATIONS_HEADING_SDESIGN = "allocationsHeadingDesign",
31
38
  ALLOCATIONS_NAME_DESIGN = "allocationsNameDesign",
@@ -1002,6 +1009,214 @@ export declare const getDefaultData: () => {
1002
1009
  backgroundColor: CMSIBCommonInterface;
1003
1010
  selectorKey: SelectorKeysEnum;
1004
1011
  };
1012
+ giftCard: {
1013
+ selectorKey: SelectorKeysEnum;
1014
+ cardWrapper: {
1015
+ padding: any;
1016
+ itemGap: {
1017
+ value: CMSCSSUnitTypesEnums;
1018
+ unit: CMSCSSUnitTypesEnums;
1019
+ property: string;
1020
+ propertyType: CMSElementEditTypes;
1021
+ };
1022
+ borderColor: CMSIBCommonInterface;
1023
+ borderStyle: CMSIBCommonInterface;
1024
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1025
+ showBorder: CMSIBCommonInterface;
1026
+ showShadow: CMSIBCommonInterface;
1027
+ shadowColor: CMSIBCommonInterface;
1028
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1029
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1030
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1031
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1032
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1033
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1034
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1035
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1036
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1037
+ selectorKey: SelectorKeysEnum;
1038
+ };
1039
+ card: {
1040
+ selectorKey: SelectorKeysEnum;
1041
+ defaultState: {
1042
+ padding: any;
1043
+ theme: CMSIBCommonInterface;
1044
+ font: CMSIBCommonInterface;
1045
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1046
+ textColor: CMSIBCommonInterface;
1047
+ bold: CMSIBCommonInterface;
1048
+ italic: CMSIBCommonInterface;
1049
+ linethrough: CMSIBCommonInterface;
1050
+ underline: CMSIBCommonInterface;
1051
+ textAlign: CMSIBCommonInterface;
1052
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1053
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1054
+ backgroundColor: CMSIBCommonInterface;
1055
+ borderColor: CMSIBCommonInterface;
1056
+ borderStyle: CMSIBCommonInterface;
1057
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1058
+ showBorder: CMSIBCommonInterface;
1059
+ showShadow: CMSIBCommonInterface;
1060
+ shadowColor: CMSIBCommonInterface;
1061
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1062
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1063
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1064
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1065
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1066
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1067
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1068
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1069
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1070
+ selectorKey: SelectorKeysEnum;
1071
+ };
1072
+ selectedState: {
1073
+ padding: any;
1074
+ theme: CMSIBCommonInterface;
1075
+ font: CMSIBCommonInterface;
1076
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1077
+ textColor: CMSIBCommonInterface;
1078
+ bold: CMSIBCommonInterface;
1079
+ italic: CMSIBCommonInterface;
1080
+ linethrough: CMSIBCommonInterface;
1081
+ underline: CMSIBCommonInterface;
1082
+ textAlign: CMSIBCommonInterface;
1083
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1084
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1085
+ backgroundColor: CMSIBCommonInterface;
1086
+ borderColor: CMSIBCommonInterface;
1087
+ borderStyle: CMSIBCommonInterface;
1088
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1089
+ showBorder: CMSIBCommonInterface;
1090
+ showShadow: CMSIBCommonInterface;
1091
+ shadowColor: CMSIBCommonInterface;
1092
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1093
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1094
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1095
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1096
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1097
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1098
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1099
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1100
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1101
+ selectorKey: SelectorKeysEnum;
1102
+ };
1103
+ };
1104
+ titles: {
1105
+ theme: CMSIBCommonInterface;
1106
+ font: CMSIBCommonInterface;
1107
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1108
+ textColor: CMSIBCommonInterface;
1109
+ bold: CMSIBCommonInterface;
1110
+ italic: CMSIBCommonInterface;
1111
+ linethrough: CMSIBCommonInterface;
1112
+ underline: CMSIBCommonInterface;
1113
+ textAlign: CMSIBCommonInterface;
1114
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1115
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1116
+ backgroundColor: CMSIBCommonInterface;
1117
+ borderColor: CMSIBCommonInterface;
1118
+ borderStyle: CMSIBCommonInterface;
1119
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1120
+ showBorder: CMSIBCommonInterface;
1121
+ showShadow: CMSIBCommonInterface;
1122
+ shadowColor: CMSIBCommonInterface;
1123
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1124
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1125
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1126
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1127
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1128
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1129
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1130
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1131
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1132
+ selectorKey: SelectorKeysEnum;
1133
+ };
1134
+ labels: {
1135
+ padding: any;
1136
+ theme: CMSIBCommonInterface;
1137
+ font: CMSIBCommonInterface;
1138
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1139
+ textColor: CMSIBCommonInterface;
1140
+ bold: CMSIBCommonInterface;
1141
+ italic: CMSIBCommonInterface;
1142
+ linethrough: CMSIBCommonInterface;
1143
+ underline: CMSIBCommonInterface;
1144
+ textAlign: CMSIBCommonInterface;
1145
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1146
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1147
+ backgroundColor: CMSIBCommonInterface;
1148
+ borderColor: CMSIBCommonInterface;
1149
+ borderStyle: CMSIBCommonInterface;
1150
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1151
+ showBorder: CMSIBCommonInterface;
1152
+ showShadow: CMSIBCommonInterface;
1153
+ shadowColor: CMSIBCommonInterface;
1154
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1155
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1156
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1157
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1158
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1159
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1160
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1161
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1162
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1163
+ selectorKey: SelectorKeysEnum;
1164
+ };
1165
+ inputs: {
1166
+ padding: any;
1167
+ theme: CMSIBCommonInterface;
1168
+ font: CMSIBCommonInterface;
1169
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
1170
+ textColor: CMSIBCommonInterface;
1171
+ bold: CMSIBCommonInterface;
1172
+ italic: CMSIBCommonInterface;
1173
+ linethrough: CMSIBCommonInterface;
1174
+ underline: CMSIBCommonInterface;
1175
+ textAlign: CMSIBCommonInterface;
1176
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
1177
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
1178
+ backgroundColor: CMSIBCommonInterface;
1179
+ borderColor: CMSIBCommonInterface;
1180
+ borderStyle: CMSIBCommonInterface;
1181
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1182
+ showBorder: CMSIBCommonInterface;
1183
+ showShadow: CMSIBCommonInterface;
1184
+ shadowColor: CMSIBCommonInterface;
1185
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1186
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1187
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1188
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1189
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
1190
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
1191
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
1192
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
1193
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
1194
+ selectorKey: SelectorKeysEnum;
1195
+ };
1196
+ divider: {
1197
+ showDivider: {
1198
+ value: boolean;
1199
+ parentRef: string;
1200
+ property?: any;
1201
+ propertyType?: any;
1202
+ isReadOnly?: boolean | undefined;
1203
+ };
1204
+ dividerWeight: {
1205
+ value: string;
1206
+ property: string;
1207
+ unit: CMSCSSUnitTypesEnums;
1208
+ propertyType: CMSElementEditTypes;
1209
+ };
1210
+ dividerColor: {
1211
+ property: string;
1212
+ parentRef: string;
1213
+ value?: any;
1214
+ propertyType?: any;
1215
+ isReadOnly?: boolean | undefined;
1216
+ };
1217
+ selectorKey: SelectorKeysEnum;
1218
+ };
1219
+ };
1005
1220
  variantPicker: {
1006
1221
  selectorKey: SelectorKeysEnum;
1007
1222
  variantPickerLayout: {
package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts CHANGED
@@ -92,7 +92,7 @@ interface selfDesignInterface {
92
92
  selectorKey: string;
93
93
  [key: string]: any;
94
94
  }
95
- export declare enum SelfEnums {
95
+ export declare enum SelectorKeysEnum {
96
96
  LAYOUT = "layout",
97
97
  CONTENT = "content",
98
98
  DESIGN = "design",