@sc-360-v2/storefront-cms-library 0.3.40 → 0.3.41

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 (13) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/buyForHeaders.scss +6 -0
  3. package/dist/checkout.scss +192 -35
  4. package/dist/customization-tree.scss +2 -0
  5. package/dist/review-cart.scss +1 -0
  6. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +247 -1
  7. package/dist/types/builder/tools/element-edit/allocations.d.ts +17 -1
  8. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +0 -441
  9. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +530 -0
  10. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +23 -2
  11. package/dist/types/builder/tools/element-edit/productActions.d.ts +0 -441
  12. package/dist/types/builder/tools/element-edit/repeater.d.ts +1 -439
  13. package/package.json +1 -1
package/dist/buyForHeaders.scss CHANGED
@@ -74,6 +74,12 @@
74
74
  letter-spacing: var(--_ctm-buy-dn-me-es-ll-ss-lr-sg);
75
75
  line-height: var(--_ctm-buy-dn-me-es-ll-ss-le-ht);
76
76
  cursor: pointer;
77
+ padding: 6px 12px;
78
+ font-weight: 500;
79
+ border-radius: 6px;
80
+ &:hover {
81
+ background-color: var(--_primary-25);
82
+ }
77
83
  }
78
84
 
79
85
  .employee-switch {
package/dist/checkout.scss CHANGED
@@ -44,23 +44,28 @@ $dark-color: #343a40;
44
44
  }
45
45
 
46
46
  .sign_in_section {
47
+ display: flex;
48
+ flex-direction: column;
49
+ gap: 12px;
47
50
  flex: 1;
48
51
  max-width: 500px;
49
52
  word-break: keep-all;
50
53
 
51
54
  h2 {
52
- font-size: 1.75rem;
53
- font-weight: bold;
54
- margin-bottom: 0.5rem;
55
+ margin-bottom: -6px;
56
+ font-family: "Lato";
57
+ font-weight: 700;
58
+ font-size: 24px;
59
+ line-height: 32px;
60
+ color: var(--_gray-900);
55
61
  }
56
62
 
57
63
  p {
58
- font-size: 0.95rem;
59
- margin-bottom: 1rem;
60
- }
61
-
62
- .sign_in_form {
63
- margin-bottom: 0.75rem;
64
+ font-family: "Lato";
65
+ font-weight: 400;
66
+ font-size: 14px;
67
+ line-height: 20px;
68
+ color: var(--_gray-600);
64
69
  }
65
70
 
66
71
  .forgot_password {
@@ -85,20 +90,32 @@ $dark-color: #343a40;
85
90
  .create_account_section {
86
91
  display: flex;
87
92
  justify-content: space-between;
88
- gap: 2rem;
93
+ gap: 12px;
94
+ word-break: keep-all;
89
95
 
90
96
  .create_form_wrapper {
97
+ display: flex;
98
+ flex-direction: column;
99
+ gap: 12px;
91
100
  flex: 1;
92
101
  max-width: 500px;
102
+ word-break: keep-all;
93
103
 
94
104
  h2 {
95
- font-size: 1.5rem;
96
- font-weight: bold;
105
+ margin-bottom: -6px;
106
+ font-family: "Lato";
107
+ font-weight: 700;
108
+ font-size: 24px;
109
+ line-height: 32px;
110
+ color: var(--_gray-900);
97
111
  }
98
112
 
99
113
  p {
100
- font-size: 0.95rem;
101
- margin-bottom: 1rem;
114
+ font-family: "Lato";
115
+ font-weight: 400;
116
+ font-size: 14px;
117
+ line-height: 20px;
118
+ color: var(--_gray-600);
102
119
  }
103
120
 
104
121
  .create_account_text {
@@ -123,21 +140,26 @@ $dark-color: #343a40;
123
140
  display: flex;
124
141
  flex-direction: column;
125
142
  justify-content: center;
126
- gap: 2rem;
143
+ gap: 48px;
127
144
 
128
145
  .guest_box,
129
146
  .create_account_box {
130
- padding: 1.5rem;
131
-
132
147
  h3 {
133
- font-size: 1.25rem;
134
- font-weight: bold;
135
- margin-bottom: 0.5rem;
148
+ margin-bottom: 6px;
149
+ font-family: "Lato";
150
+ font-weight: 700;
151
+ font-size: 24px;
152
+ line-height: 32px;
153
+ color: var(--_gray-900);
136
154
  }
137
155
 
138
156
  p {
139
- font-size: 0.9rem;
140
- margin-bottom: 1rem;
157
+ margin-bottom: 12px;
158
+ font-family: "Lato";
159
+ font-weight: 400;
160
+ font-size: 14px;
161
+ line-height: 20px;
162
+ color: var(--_gray-600);
141
163
  }
142
164
 
143
165
  .btn_secondary {
@@ -244,6 +266,9 @@ $dark-color: #343a40;
244
266
  line-height: var(--_ctm-dn-ct-on-an-cr-dn-an-te-dn-le-ht);
245
267
  letter-spacing: var(--_ctm-dn-ct-on-an-cr-dn-an-te-dn-lr-sg);
246
268
  text-decoration: var(--_ctm-dn-ct-on-an-cr-dn-an-te-dn-ue);
269
+ span {
270
+ display: flex;
271
+ }
247
272
  }
248
273
  .edit-btn {
249
274
  cursor: pointer;
@@ -291,11 +316,83 @@ $dark-color: #343a40;
291
316
  }
292
317
 
293
318
  .accordion-body {
319
+ .summary {
320
+ .chk_shipping_method_label {
321
+ display: flex;
322
+ align-items: center;
323
+ gap: 4px;
324
+ color: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-cr);
325
+ font-family: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-cr);
326
+ font-size: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-ft-se);
327
+ font-style: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-ft-se-ic);
328
+ font-weight: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-ft-wt);
329
+ line-height: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-le-ht);
330
+ letter-spacing: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-lr-sg);
331
+ text-decoration: var(--_ctm-dn-sg-md-dn-sg-md-ll-dn-ue);
332
+ }
333
+
334
+ .chk_shipping_method_heading {
335
+ color: var(--_ctm-dn-sg-md-dn-hg-dn-cr);
336
+ font-family: var(--_ctm-dn-sg-md-dn-hg-dn-ft-fy);
337
+ font-size: var(--_ctm-dn-sg-md-dn-hg-dn-ft-se);
338
+ font-style: var(--_ctm-dn-sg-md-dn-hg-dn-ft-se-ic);
339
+ font-weight: var(--_ctm-dn-sg-md-dn-hg-dn-ft-wt);
340
+ line-height: var(--_ctm-dn-sg-md-dn-hg-dn-le-ht);
341
+ letter-spacing: var(--_ctm-dn-sg-md-dn-hg-dn-lr-sg);
342
+ text-decoration: var(--_ctm-dn-sg-md-dn-hg-dn-ue);
343
+ }
344
+ }
345
+
294
346
  .shipping-address {
295
347
  display: flex;
296
348
  flex-direction: column;
297
349
  gap: 24px;
298
350
 
351
+ .chk_saved_address_button {
352
+ cursor: pointer;
353
+ align-self: flex-start;
354
+ white-space: nowrap;
355
+ display: flex;
356
+ gap: 4px;
357
+ align-items: flex-start;
358
+ border-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-bd-cr);
359
+ border-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-cr);
360
+ border-radius: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-rs);
361
+ border-style: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-se);
362
+ border-width: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-wh);
363
+ color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-cr);
364
+ font-family: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-ft-fy);
365
+ font-size: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-ft-se);
366
+ font-style: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-ft-se-ic);
367
+ font-weight: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-ft-wt);
368
+ line-height: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-le-ht);
369
+ letter-spacing: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-lr-sg);
370
+ box-shadow: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-sw-ae)
371
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-sw-br)
372
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-sw-sd)
373
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-sw-cr);
374
+ text-decoration: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-ue);
375
+ &:hover {
376
+ background-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-bd-cr);
377
+ border-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-br-cr);
378
+ border-radius: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-br-rs);
379
+ border-style: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-br-se);
380
+ border-width: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-br-wh);
381
+ color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-cr);
382
+ font-family: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-ft-fy);
383
+ font-size: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-ft-se);
384
+ font-style: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-ft-se-ic);
385
+ font-weight: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-ft-wt);
386
+ line-height: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-le-ht);
387
+ letter-spacing: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-lr-sg);
388
+ box-shadow: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-sw-ae)
389
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-sw-ae)
390
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-sw-sd)
391
+ var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-sw-cr);
392
+ text-decoration: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-hr-se-ue);
393
+ }
394
+ }
395
+
299
396
  .shipping_address_container {
300
397
  display: flex;
301
398
  flex-direction: column;
@@ -630,15 +727,15 @@ $dark-color: #343a40;
630
727
  align-items: center;
631
728
  gap: 4px;
632
729
 
633
- .chk_multi_address_product_label {
634
- color: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-cr);
635
- font-family: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-ft-fy);
636
- font-size: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-ft-se);
637
- font-style: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-ft-se-ic);
638
- font-weight: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-ft-wt);
639
- line-height: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-le-ht);
640
- letter-spacing: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-lr-sg);
641
- text-decoration: var(--_ctm-dn-me-sg-as-dn-me-sg-as-ll-dn-ue);
730
+ .chk_multi_address_product_info {
731
+ color: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-cr);
732
+ font-family: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-ft-fy);
733
+ font-size: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-ft-se);
734
+ font-style: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-ft-se-ic);
735
+ font-weight: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-ft-wt);
736
+ line-height: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-le-ht);
737
+ letter-spacing: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-lr-sg);
738
+ text-decoration: var(--_ctm-dn-me-sg-as-dn-pt-in-dn-ue);
642
739
  }
643
740
 
644
741
  .chk_multi_address_product_qty {
@@ -795,7 +892,7 @@ $dark-color: #343a40;
795
892
  &__grid {
796
893
  display: grid;
797
894
  grid-template-columns: 1fr;
798
- gap: var(--_ctm-lt-im-gp);
895
+ gap: var(--_ctm-lt-sg-md-le-gp);
799
896
 
800
897
  @media (min-width: 768px) {
801
898
  grid-template-columns: 1fr 1fr;
@@ -835,7 +932,7 @@ $dark-color: #343a40;
835
932
  width: 20px;
836
933
  margin-right: 12px;
837
934
  height: 20px;
838
- border: 1px solid #d0d5dd; /* blue ring */
935
+ border: 1px solid transparent; /* blue ring */
839
936
  border-radius: 50%;
840
937
  display: inline-block;
841
938
  box-sizing: border-box;
@@ -935,6 +1032,7 @@ $dark-color: #343a40;
935
1032
  var(--_ctm-dn-pt-os-dn-pt-os-bn-dn-dt-se-sw-sd)
936
1033
  var(--_ctm-dn-pt-os-dn-pt-os-bn-dn-dt-se-sw-cr);
937
1034
  text-decoration: var(--_ctm-dn-pt-os-dn-pt-os-bn-dn-dt-se-ue);
1035
+ text-align: left;
938
1036
 
939
1037
  &:hover {
940
1038
  background-color: var(--_ctm-dn-pt-os-dn-pt-os-bn-dn-hr-se-bd-cr);
@@ -1205,6 +1303,17 @@ $dark-color: #343a40;
1205
1303
  gap: 24px;
1206
1304
  }
1207
1305
 
1306
+ .chk_payment_options_heading {
1307
+ color: var(--_ctm-dn-pt-os-dn-pt-hg-dn-cr);
1308
+ font-family: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ft-fy);
1309
+ font-size: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ft-se);
1310
+ font-style: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ft-se-ic);
1311
+ font-weight: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ft-wt);
1312
+ line-height: var(--_ctm-dn-pt-os-dn-pt-hg-dn-le-ht);
1313
+ letter-spacing: var(--_ctm-dn-pt-os-dn-pt-hg-dn-lr-sg);
1314
+ text-decoration: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ue);
1315
+ }
1316
+
1208
1317
  &_form_wrapper {
1209
1318
  display: flex;
1210
1319
  flex-direction: column;
@@ -1588,6 +1697,44 @@ $dark-color: #343a40;
1588
1697
  }
1589
1698
  }
1590
1699
 
1700
+ .chk_shipping_address_use_as_billing_address_chkbx {
1701
+ display: flex;
1702
+ align-items: center;
1703
+ cursor: pointer;
1704
+ gap: 10px;
1705
+ color: var(--_ctm-dn-pt-os-dn-cx-ll-dn-cr);
1706
+ font-family: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-fy);
1707
+ font-size: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se);
1708
+ font-style: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se-ic);
1709
+ font-weight: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-wt);
1710
+ line-height: var(--_ctm-dn-pt-os-dn-cx-ll-dn-le-ht);
1711
+ letter-spacing: var(--_ctm-dn-pt-os-dn-cx-ll-dn-lr-sg);
1712
+ text-decoration: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ue);
1713
+
1714
+ .custom-checkbox {
1715
+ width: 20px;
1716
+ height: 20px;
1717
+ border: 1px solid #d0d5dd;
1718
+ border-radius: 4px;
1719
+ position: relative;
1720
+ background-color: #fff;
1721
+ transition: all 0.2s ease;
1722
+
1723
+ &::after {
1724
+ content: "";
1725
+ position: absolute;
1726
+ display: none;
1727
+ left: 5px;
1728
+ top: 0.5px;
1729
+ width: 5px;
1730
+ height: 10px;
1731
+ border: solid #fff;
1732
+ border-width: 0 2px 2px 0;
1733
+ transform: rotate(45deg);
1734
+ }
1735
+ }
1736
+ }
1737
+
1591
1738
  input[type="checkbox"]:checked + label {
1592
1739
  .custom-checkbox {
1593
1740
  background-color: #004dff;
@@ -1707,16 +1854,20 @@ $dark-color: #343a40;
1707
1854
  }
1708
1855
 
1709
1856
  .right-btn {
1710
- display: flex;
1857
+ display: none;
1711
1858
  gap: 24px;
1712
1859
 
1860
+ &:has(.chk_saved_address_button.selected) {
1861
+ display: flex !important;
1862
+ }
1863
+
1713
1864
  .chk_saved_address_button {
1714
1865
  cursor: pointer;
1715
1866
  align-self: flex-start;
1716
1867
  white-space: nowrap;
1717
1868
  display: flex;
1718
1869
  gap: 4px;
1719
- align-items: center;
1870
+ align-items: flex-start;
1720
1871
  border-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-bd-cr);
1721
1872
  border-color: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-cr);
1722
1873
  border-radius: var(--_ctm-dn-sd-sg-as-dn-sd-sg-as-bn-dn-dt-se-br-rs);
@@ -1755,6 +1906,12 @@ $dark-color: #343a40;
1755
1906
  }
1756
1907
  }
1757
1908
  }
1909
+
1910
+ &:hover {
1911
+ .right-btn {
1912
+ display: flex;
1913
+ }
1914
+ }
1758
1915
  }
1759
1916
  }
1760
1917
  }
package/dist/customization-tree.scss CHANGED
@@ -98,6 +98,8 @@ $link-color: #243dc6;
98
98
  font-weight: 400;
99
99
  line-height: 20px;
100
100
  white-space: nowrap;
101
+ display: inline-block;
102
+ margin-left: 8px;
101
103
 
102
104
  &:hover {
103
105
  text-decoration: underline;
package/dist/review-cart.scss CHANGED
@@ -120,6 +120,7 @@
120
120
  grid-template-columns: repeat(2, 1fr);
121
121
  gap: 24px 38px;
122
122
  padding-right: 12px;
123
+ margin-top: 24px;
123
124
  .cart_item-card {
124
125
  display: flex;
125
126
  gap: 12px;
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -24,7 +24,10 @@ export declare enum SelectorKeysEnum {
24
24
  PRODUCT_INFO_DESIGN = "productInfoDesign",
25
25
  PRODUCT_PRICE_DESIGN = "productPriceDesign",
26
26
  SELECT_BUTTON_DESIGN = "selectButtonDesign",
27
- ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
27
+ ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
28
+ OPTION_TITLE = "optionTitle",
29
+ SWATCH_OPTION_VALUE_STYLE = "swatchOptionValueStyle",
30
+ SINGLE_OPTION_VALUE_STYLE = "singleOptionValueStyle"
28
31
  }
29
32
  export declare const getDefaultData: () => {
30
33
  layout: {
@@ -441,6 +444,249 @@ export declare const getDefaultData: () => {
441
444
  selectorKey: SelectorKeysEnum;
442
445
  };
443
446
  };
447
+ swatchOptionValueStyle: {
448
+ selectorKey: SelectorKeysEnum;
449
+ selectedState: {
450
+ borderColor: CMSIBCommonInterface;
451
+ borderStyle: CMSIBCommonInterface;
452
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
453
+ showBorder: CMSIBCommonInterface;
454
+ showShadow: CMSIBCommonInterface;
455
+ shadowColor: CMSIBCommonInterface;
456
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
457
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
458
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
459
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
460
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
461
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
462
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
463
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
464
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
465
+ selectorKey: SelectorKeysEnum;
466
+ };
467
+ hoverState: {
468
+ borderColor: CMSIBCommonInterface;
469
+ borderStyle: CMSIBCommonInterface;
470
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
471
+ showBorder: CMSIBCommonInterface;
472
+ showShadow: CMSIBCommonInterface;
473
+ shadowColor: CMSIBCommonInterface;
474
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
475
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
476
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
477
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
478
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
479
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
480
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
481
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
482
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
483
+ selectorKey: SelectorKeysEnum;
484
+ };
485
+ defaultState: {
486
+ borderColor: CMSIBCommonInterface;
487
+ borderStyle: CMSIBCommonInterface;
488
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
489
+ showBorder: CMSIBCommonInterface;
490
+ showShadow: CMSIBCommonInterface;
491
+ shadowColor: CMSIBCommonInterface;
492
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
493
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
494
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
495
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
496
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
497
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
498
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
499
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
500
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
501
+ selectorKey: SelectorKeysEnum;
502
+ };
503
+ };
504
+ singleOptionValueStyle: {
505
+ selectorKey: SelectorKeysEnum;
506
+ selectedState: {
507
+ borderColor: CMSIBCommonInterface;
508
+ borderStyle: CMSIBCommonInterface;
509
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
510
+ showBorder: CMSIBCommonInterface;
511
+ showShadow: CMSIBCommonInterface;
512
+ shadowColor: CMSIBCommonInterface;
513
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
514
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
515
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
516
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
517
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
518
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
519
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
520
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
521
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
522
+ theme: CMSIBCommonInterface;
523
+ font: CMSIBCommonInterface;
524
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
525
+ textColor: CMSIBCommonInterface;
526
+ bold: CMSIBCommonInterface;
527
+ italic: CMSIBCommonInterface;
528
+ linethrough: CMSIBCommonInterface;
529
+ underline: CMSIBCommonInterface;
530
+ textAlign: CMSIBCommonInterface;
531
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
532
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
533
+ backgroundColor: CMSIBCommonInterface;
534
+ selectorKey: SelectorKeysEnum;
535
+ };
536
+ hoverState: {
537
+ borderColor: CMSIBCommonInterface;
538
+ borderStyle: CMSIBCommonInterface;
539
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
540
+ showBorder: CMSIBCommonInterface;
541
+ showShadow: CMSIBCommonInterface;
542
+ shadowColor: CMSIBCommonInterface;
543
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
544
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
545
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
546
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
547
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
548
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
549
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
550
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
551
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
552
+ theme: CMSIBCommonInterface;
553
+ font: CMSIBCommonInterface;
554
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
555
+ textColor: CMSIBCommonInterface;
556
+ bold: CMSIBCommonInterface;
557
+ italic: CMSIBCommonInterface;
558
+ linethrough: CMSIBCommonInterface;
559
+ underline: CMSIBCommonInterface;
560
+ textAlign: CMSIBCommonInterface;
561
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
562
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
563
+ backgroundColor: CMSIBCommonInterface;
564
+ selectorKey: SelectorKeysEnum;
565
+ };
566
+ defaultState: {
567
+ borderColor: CMSIBCommonInterface;
568
+ borderStyle: CMSIBCommonInterface;
569
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
570
+ showBorder: CMSIBCommonInterface;
571
+ showShadow: CMSIBCommonInterface;
572
+ shadowColor: CMSIBCommonInterface;
573
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
574
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
575
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
576
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
577
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
578
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
579
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
580
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
581
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
582
+ theme: CMSIBCommonInterface;
583
+ font: CMSIBCommonInterface;
584
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
585
+ textColor: CMSIBCommonInterface;
586
+ bold: CMSIBCommonInterface;
587
+ italic: CMSIBCommonInterface;
588
+ linethrough: CMSIBCommonInterface;
589
+ underline: CMSIBCommonInterface;
590
+ textAlign: CMSIBCommonInterface;
591
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
592
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
593
+ backgroundColor: CMSIBCommonInterface;
594
+ selectorKey: SelectorKeysEnum;
595
+ };
596
+ };
597
+ optionTitle: {
598
+ selectorKey: SelectorKeysEnum;
599
+ selectedState: {
600
+ borderColor: CMSIBCommonInterface;
601
+ borderStyle: CMSIBCommonInterface;
602
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
603
+ showBorder: CMSIBCommonInterface;
604
+ showShadow: CMSIBCommonInterface;
605
+ shadowColor: CMSIBCommonInterface;
606
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
607
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
608
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
609
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
610
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
611
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
612
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
613
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
614
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
615
+ theme: CMSIBCommonInterface;
616
+ font: CMSIBCommonInterface;
617
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
618
+ textColor: CMSIBCommonInterface;
619
+ bold: CMSIBCommonInterface;
620
+ italic: CMSIBCommonInterface;
621
+ linethrough: CMSIBCommonInterface;
622
+ underline: CMSIBCommonInterface;
623
+ textAlign: CMSIBCommonInterface;
624
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
625
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
626
+ backgroundColor: CMSIBCommonInterface;
627
+ selectorKey: SelectorKeysEnum;
628
+ };
629
+ hoverState: {
630
+ borderColor: CMSIBCommonInterface;
631
+ borderStyle: CMSIBCommonInterface;
632
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
633
+ showBorder: CMSIBCommonInterface;
634
+ showShadow: CMSIBCommonInterface;
635
+ shadowColor: CMSIBCommonInterface;
636
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
637
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
638
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
639
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
640
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
641
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
642
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
643
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
644
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
645
+ theme: CMSIBCommonInterface;
646
+ font: CMSIBCommonInterface;
647
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
648
+ textColor: CMSIBCommonInterface;
649
+ bold: CMSIBCommonInterface;
650
+ italic: CMSIBCommonInterface;
651
+ linethrough: CMSIBCommonInterface;
652
+ underline: CMSIBCommonInterface;
653
+ textAlign: CMSIBCommonInterface;
654
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
655
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
656
+ backgroundColor: CMSIBCommonInterface;
657
+ selectorKey: SelectorKeysEnum;
658
+ };
659
+ defaultState: {
660
+ borderColor: CMSIBCommonInterface;
661
+ borderStyle: CMSIBCommonInterface;
662
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
663
+ showBorder: CMSIBCommonInterface;
664
+ showShadow: CMSIBCommonInterface;
665
+ shadowColor: CMSIBCommonInterface;
666
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
667
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
668
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
669
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
670
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
671
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
672
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
673
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
674
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
675
+ theme: CMSIBCommonInterface;
676
+ font: CMSIBCommonInterface;
677
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
678
+ textColor: CMSIBCommonInterface;
679
+ bold: CMSIBCommonInterface;
680
+ italic: CMSIBCommonInterface;
681
+ linethrough: CMSIBCommonInterface;
682
+ underline: CMSIBCommonInterface;
683
+ textAlign: CMSIBCommonInterface;
684
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
685
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
686
+ backgroundColor: CMSIBCommonInterface;
687
+ selectorKey: SelectorKeysEnum;
688
+ };
689
+ };
444
690
  addToCartButtonDesign: {
445
691
  selectorKey: SelectorKeysEnum;
446
692
  selectedState: {