@sc-360-v2/storefront-cms-library 0.3.24 → 0.3.25

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 (17) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-details.scss +223 -72
  3. package/dist/dropdownTemplate.scss +30 -3
  4. package/dist/faq.scss +80 -88
  5. package/dist/filters.scss +484 -7
  6. package/dist/language-selector.scss +5 -1
  7. package/dist/myTemplates.scss +33 -0
  8. package/dist/order-status.scss +132 -48
  9. package/dist/quantity-selector.scss +1 -16
  10. package/dist/types/builder/enums/index.d.ts +0 -1
  11. package/dist/types/builder/index.d.ts +1 -2
  12. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +64 -1
  13. package/dist/types/builder/tools/element-edit/index.d.ts +1 -2
  14. package/dist/widget.scss +1 -0
  15. package/package.json +1 -1
  16. package/dist/types/builder/elements/my-templates/index.d.ts +0 -27
  17. package/dist/types/builder/tools/element-edit/myTemplates.d.ts +0 -443
package/dist/order-status.scss CHANGED
@@ -13,7 +13,7 @@
13
13
 
14
14
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
15
15
 
16
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
16
+ // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
17
 
18
18
  // aspect-ratio: var(
19
19
  // --_ctm-mob-aspect-ratio,
@@ -28,31 +28,62 @@
28
28
  justify-content: center;
29
29
  width: 100%;
30
30
  height: 100%;
31
+ min-height: prepareMediaVariable(--_ctm-lt-mn-ht);
31
32
  }
32
33
 
33
34
  .order-confirmation {
34
- border: 1px solid #e0e0e0;
35
- border-radius: 8px;
36
- padding: 24px;
35
+ border-color: var(
36
+ --_ctm-mob-dn-or-wt-br-cr,
37
+ var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr))
38
+ );
39
+ border-style: var(
40
+ --_ctm-mob-dn-or-wt-br-se,
41
+ var(--_ctm-tab-dn-or-wt-br-se, var(--_ctm-dn-or-wt-br-se))
42
+ );
43
+ border-width: var(
44
+ --_ctm-mob-dn-or-wt-br-wh,
45
+ var(--_ctm-tab-dn-or-wt-br-wh, var(--_ctm-dn-or-wt-br-wh))
46
+ );
47
+ border-radius: var(
48
+ --_ctm-mob-dn-or-wt-br-rs,
49
+ var(--_ctm-tab-dn-or-wt-br-rs, var(--_ctm-dn-or-wt-br-rs))
50
+ );
51
+ padding: prepareMediaVariable(--_ctm-lt-pg);
37
52
  width: 100%;
38
53
  height: 100%;
39
- margin: 24px auto;
54
+ // margin: 24px auto;
40
55
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
41
56
  color: #333;
57
+ background-color: var(
58
+ --_ctm-mob-dn-or-wt-bd-cr,
59
+ var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr))
60
+ );
42
61
 
43
62
  /* ───────────── Header ───────────── */
44
63
  .order-header {
45
64
  color: var(--_ctm-mob-dn-dn-hr-cr, var(--_ctm-tab-dn-dn-hr-cr, var(--_ctm-dn-dn-hr-cr)));
46
-
47
- background-color: var(--_ctm-dn-dn-hr-bd-cr);
48
- margin: var(--_ctm-dn-dn-hr-mn);
49
- padding: var(--_ctm-dn-dn-hr-pg);
50
- border-color: var(--_ctm-dn-dn-hr-br-cr);
51
-
52
- border-style: var(--_ctm-dn-dn-hr-br-se);
53
- border-width: var(--_ctm-dn-dn-hr-br-wh);
54
- border-radius: var(--_ctm-dn-dn-hr-br-rs);
55
-
65
+ background-color: var(
66
+ --_ctm-mob-dn-dn-hr-bd-cr,
67
+ var(--_ctm-tab-dn-dn-hr-bd-cr, var(--_ctm-dn-dn-hr-bd-cr))
68
+ );
69
+ margin: var(--_ctm-mob-dn-dn-hr-mn, var(--_ctm-tab-dn-dn-hr-mn, var(--_ctm-dn-dn-hr-mn)));
70
+ padding: var(--_ctm-mob-dn-dn-hr-pg, var(--_ctm-tab-dn-dn-hr-pg, var(--_ctm-dn-dn-hr-pg)));
71
+ border-color: var(
72
+ --_ctm-mob-dn-dn-hr-br-cr,
73
+ var(--_ctm-tab-dn-dn-hr-br-cr, var(--_ctm-dn-dn-hr-br-cr))
74
+ );
75
+ border-style: var(
76
+ --_ctm-mob-dn-dn-hr-br-se,
77
+ var(--_ctm-tab-dn-dn-hr-br-se, var(--_ctm-dn-dn-hr-br-se))
78
+ );
79
+ border-width: var(
80
+ --_ctm-mob-dn-dn-hr-br-wh,
81
+ var(--_ctm-tab-dn-dn-hr-br-wh, var(--_ctm-dn-dn-hr-br-wh))
82
+ );
83
+ border-radius: var(
84
+ --_ctm-mob-dn-dn-hr-br-rs,
85
+ var(--_ctm-tab-dn-dn-hr-br-rs, var(--_ctm-dn-dn-hr-br-rs))
86
+ );
56
87
  box-shadow: var(
57
88
  --_show-shadow,
58
89
  var(
@@ -79,7 +110,8 @@
79
110
  // margin: 0;
80
111
  // color: #1e293b;
81
112
 
82
- font-family: var(
113
+ font-family:
114
+ var(
83
115
  --_ctm-mob-dn-dn-hr-ft-fy,
84
116
  var(--_ctm-tab-dn-dn-hr-ft-fy, var(--_ctm-dn-dn-hr-ft-fy))
85
117
  ),
@@ -113,6 +145,7 @@
113
145
  var(--_ctm-tab-dn-dn-hr-ue, var(--_ctm-dn-dn-hr-ue))
114
146
  );
115
147
  }
148
+
116
149
  .user-meta {
117
150
  font-size: 0.85rem;
118
151
  color: #6b7280;
@@ -130,15 +163,28 @@
130
163
  // padding: 16px;
131
164
  // margin-bottom: 24px;
132
165
 
133
- background-color: var(--_ctm-dn-dn-tt-bd-cr);
134
- margin: var(--_ctm-dn-dn-tt-mn);
135
- padding: var(--_ctm-dn-dn-tt-pg);
136
- border-color: var(--_ctm-dn-dn-tt-br-cr);
137
-
138
- border-style: var(--_ctm-dn-dn-tt-br-se);
139
- border-width: var(--_ctm-dn-dn-tt-br-wh);
140
- border-radius: var(--_ctm-dn-dn-tt-br-rs);
141
-
166
+ background-color: var(
167
+ --_ctm-mob-dn-dn-tt-bd-cr,
168
+ var(--_ctm-tab-dn-dn-tt-bd-cr, var(--_ctm-dn-dn-tt-bd-cr))
169
+ );
170
+ margin: var(--_ctm-mob-dn-dn-tt-mn, var(--_ctm-tab-dn-dn-tt-mn, var(--_ctm-dn-dn-tt-mn)));
171
+ padding: var(--_ctm-mob-dn-dn-tt-pg, var(--_ctm-tab-dn-dn-tt-pg, var(--_ctm-dn-dn-tt-pg)));
172
+ border-color: var(
173
+ --_ctm-mob-dn-dn-tt-br-cr,
174
+ var(--_ctm-tab-dn-dn-tt-br-cr, var(--_ctm-dn-dn-tt-br-cr))
175
+ );
176
+ border-style: var(
177
+ --_ctm-mob-dn-dn-tt-br-se,
178
+ var(--_ctm-tab-dn-dn-tt-br-se, var(--_ctm-dn-dn-tt-br-se))
179
+ );
180
+ border-width: var(
181
+ --_ctm-mob-dn-dn-tt-br-wh,
182
+ var(--_ctm-tab-dn-dn-tt-br-wh, var(--_ctm-dn-dn-tt-br-wh))
183
+ );
184
+ border-radius: var(
185
+ --_ctm-mob-dn-dn-tt-br-rs,
186
+ var(--_ctm-tab-dn-dn-tt-br-rs, var(--_ctm-dn-dn-tt-br-rs))
187
+ );
142
188
  box-shadow: var(
143
189
  --_show-shadow,
144
190
  var(
@@ -163,12 +209,14 @@
163
209
  font-size: 28px;
164
210
  margin-right: 12px;
165
211
  }
212
+
166
213
  .success-text {
167
214
  h2 {
168
215
  margin: 0 0 4px;
169
216
  font-size: 1.1rem;
170
217
  font-weight: 600;
171
218
  }
219
+
172
220
  p {
173
221
  margin: 0;
174
222
  font-size: 0.7rem;
@@ -182,9 +230,7 @@
182
230
  display: grid;
183
231
  grid-template-columns: 2fr 1fr;
184
232
  gap: 16px;
185
- background: #fff;
186
233
  border-radius: 6px;
187
-
188
234
  margin-bottom: 24px;
189
235
  }
190
236
 
@@ -204,17 +250,30 @@
204
250
  .order-info {
205
251
  display: flex;
206
252
  flex-direction: column;
207
- gap: 16px; /* space between the two rows */
208
-
209
- background-color: var(--_ctm-dn-dn-ds-bd-cr);
210
- margin: var(--_ctm-dn-dn-ds-mn);
211
- padding: var(--_ctm-dn-dn-ds-pg);
212
- border-color: var(--_ctm-dn-dn-ds-br-cr);
213
-
214
- border-style: var(--_ctm-dn-dn-ds-br-se);
215
- border-width: var(--_ctm-dn-dn-ds-br-wh);
216
- border-radius: var(--_ctm-dn-dn-ds-br-rs);
217
-
253
+ gap: 16px;
254
+ /* space between the two rows */
255
+ background-color: var(
256
+ --_ctm-mob-dn-dn-ds-bd-cr,
257
+ var(--_ctm-tab-dn-dn-ds-bd-cr, var(--_ctm-dn-dn-ds-bd-cr))
258
+ );
259
+ margin: var(--_ctm-mob-dn-dn-ds-mn, var(--_ctm-tab-dn-dn-ds-mn, var(--_ctm-dn-dn-ds-mn)));
260
+ padding: var(--_ctm-mob-dn-dn-ds-pg, var(--_ctm-tab-dn-dn-ds-pg, var(--_ctm-dn-dn-ds-pg)));
261
+ border-color: var(
262
+ --_ctm-mob-dn-dn-ds-br-cr,
263
+ var(--_ctm-tab-dn-dn-ds-br-cr, var(--_ctm-dn-dn-ds-br-cr))
264
+ );
265
+ border-style: var(
266
+ --_ctm-mob-dn-dn-ds-br-se,
267
+ var(--_ctm-tab-dn-dn-ds-br-se, var(--_ctm-dn-dn-ds-br-se))
268
+ );
269
+ border-width: var(
270
+ --_ctm-mob-dn-dn-ds-br-wh,
271
+ var(--_ctm-tab-dn-dn-ds-br-wh, var(--_ctm-dn-dn-ds-br-wh))
272
+ );
273
+ border-radius: var(
274
+ --_ctm-mob-dn-dn-ds-br-rs,
275
+ var(--_ctm-mob-dn-dn-ds-br-rs, var(--_ctm-mob-dn-dn-ds-br-rs))
276
+ );
218
277
  box-shadow: var(
219
278
  --_show-shadow,
220
279
  var(
@@ -237,7 +296,8 @@
237
296
 
238
297
  .order-row {
239
298
  display: grid;
240
- gap: 12px 24px; /* 12px vertical, 24px horizontal */
299
+ gap: 12px 24px;
300
+ /* 12px vertical, 24px horizontal */
241
301
 
242
302
  /* First row: two equal columns + bottom border */
243
303
  &:first-child {
@@ -274,6 +334,7 @@
274
334
  font-size: 0.7rem;
275
335
  font-weight: 500;
276
336
  }
337
+
277
338
  .link-button {
278
339
  color: #2a33df;
279
340
  }
@@ -352,15 +413,34 @@
352
413
 
353
414
  /* ───────── Cart Items ───────── */
354
415
  .cart-items {
355
- background-color: var(--_ctm-dn-dn-ct-is-bd-cr);
356
- margin: var(--_ctm-dn-dn-ct-is-mn);
357
- padding: var(--_ctm-dn-dn-ct-is-pg);
358
- border-color: var(--_ctm-dn-dn-ct-is-br-cr);
359
-
360
- border-style: var(--_ctm-dn-dn-ct-is-br-se);
361
- border-width: var(--_ctm-dn-dn-ct-is-br-wh);
362
- border-radius: var(--_ctm-dn-dn-ct-is-br-rs);
363
-
416
+ background-color: var(
417
+ --_ctm-mob-dn-dn-ct-is-bd-cr,
418
+ var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
419
+ );
420
+ margin: var(
421
+ --_ctm-mob-dn-dn-ct-is-mn,
422
+ var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
423
+ );
424
+ padding: var(
425
+ --_ctm-mob-dn-dn-ct-is-pg,
426
+ var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
427
+ );
428
+ border-color: var(
429
+ --_ctm-mob-dn-dn-ct-is-br-cr,
430
+ var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
431
+ );
432
+ border-style: var(
433
+ --_ctm-mob-dn-dn-ct-is-br-se,
434
+ var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
435
+ );
436
+ border-width: var(
437
+ --_ctm-mob-dn-dn-ct-is-br-wh,
438
+ var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
439
+ );
440
+ border-radius: var(
441
+ --_ctm-mob-dn-dn-ct-is-br-rs,
442
+ var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
443
+ );
364
444
  box-shadow: var(
365
445
  --_show-shadow,
366
446
  var(
@@ -418,6 +498,7 @@
418
498
  font-weight: 500;
419
499
  color: #1e293b;
420
500
  }
501
+
421
502
  .item-specs,
422
503
  .item-qty,
423
504
  .estimated-delivery {
@@ -425,6 +506,7 @@
425
506
  font-size: 0.75rem;
426
507
  color: #6b7280;
427
508
  }
509
+
428
510
  .delivery-date {
429
511
  margin: 0;
430
512
  font-size: 0.75rem;
@@ -462,6 +544,7 @@
462
544
  margin-bottom: 8px;
463
545
  font-weight: 600;
464
546
  }
547
+
465
548
  p {
466
549
  font-size: 0.75rem;
467
550
  color: #6b7280;
@@ -474,6 +557,7 @@
474
557
  .order-details-wrapper {
475
558
  grid-template-columns: 1fr;
476
559
  }
560
+
477
561
  .items-grid {
478
562
  grid-template-columns: 1fr;
479
563
  }
package/dist/quantity-selector.scss CHANGED
@@ -340,8 +340,6 @@
340
340
  position: relative;
341
341
  width: 100%;
342
342
  margin-top: 0px;
343
- width: prepareMediaVariable(--_ctm-dn-dn-se-wh);
344
-
345
343
  label {
346
344
  font-size: 14px;
347
345
  color: var(--_gray-700);
@@ -443,10 +441,7 @@
443
441
  --_ctm-mob-dn-dn-se-on-ad-lt-sg,
444
442
  var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg))
445
443
  );
446
- gap: var(
447
- --_ctm-mob-dn-dn-se-dn-lt-im-sg,
448
- var(--_ctm-tab-dn-dn-se-dn-lt-im-sg, var(--_ctm-dn-dn-se-dn-lt-im-sg))
449
- );
444
+ gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
450
445
 
451
446
  &.top {
452
447
  bottom: 100%;
@@ -454,17 +449,7 @@
454
449
  }
455
450
 
456
451
  .list__option {
457
- padding: 12px;
458
452
  cursor: pointer;
459
- padding: var(
460
- --_ctm-mob-dn-dn-se-dn-lt-im-pg,
461
- var(--_ctm-tab-dn-dn-se-dn-lt-im-pg, var(--_ctm-dn-dn-se-dn-lt-im-pg))
462
- );
463
-
464
- &:hover {
465
- background-color: var(--_primary-25);
466
- color: var(--_primary-400);
467
- }
468
453
  }
469
454
  }
470
455
  }
package/dist/types/builder/enums/index.d.ts CHANGED
@@ -258,7 +258,6 @@ export declare const CMSElementsListEnum: {
258
258
  LIGHTBOX: string;
259
259
  CART: string;
260
260
  CHECKOUT: string;
261
- MY_TEMPLATES: string;
262
261
  PROFILE: string;
263
262
  PRODUCT: string;
264
263
  MENU: string;
package/dist/types/builder/index.d.ts CHANGED
@@ -41,7 +41,6 @@ import * as ElementEditSchema from "./tools/element-edit/index";
41
41
  import * as lightboxSchema from "./elements/lightbox/index";
42
42
  import * as cartSchema from "./elements/cart/index";
43
43
  import * as checkoutSchema from "./elements/checkout/index";
44
- import * as myTemplatesSchema from "./elements/my-templates/index";
45
44
  import * as profileSchema from "./elements/profile/index";
46
45
  import * as repeaterSchema from "./elements/repeater/index";
47
46
  import * as brandSchema from "./elements/brand/index";
@@ -83,4 +82,4 @@ import * as filterResultsSchema from "./elements/filter-results/index";
83
82
  import * as productSizeChartSchema from "./elements/product-sizechart/index";
84
83
  import * as badgeSchema from "./elements/badge/index";
85
84
  import * as cartAttributesSchema from "./elements/cart-attributes/index";
86
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, myTemplatesSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };
85
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };
package/dist/types/builder/tools/element-edit/cartDetails.d.ts CHANGED
@@ -15,7 +15,9 @@ export declare enum SelectorKeysEnum {
15
15
  PRODUCT_PRICE_STYLES = "productPriceStyles",
16
16
  PRODUCT_INFORMATION_STYLES = "productInformationStyles",
17
17
  PRODUCT_QUANTITY_STYLES = "productQuantityStyles",
18
- PRODUCT_IMAGE_STYLES = "productImageStyles"
18
+ PRODUCT_IMAGE_STYLES = "productImageStyles",
19
+ PRODUCT_REQUIRED_INFO = "productRequiredInfo",
20
+ PRODUCT_ATTRIBUTES_ITEMS = "productAttributesItems"
19
21
  }
20
22
  export declare const getDefaultData: () => {
21
23
  layout: {
@@ -310,6 +312,67 @@ export declare const getDefaultData: () => {
310
312
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
311
313
  showBorder: CMSIBCommonInterface;
312
314
  showShadow: CMSIBCommonInterface;
315
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
316
+ };
317
+ productAttributesItems: {
318
+ theme: CMSIBCommonInterface;
319
+ font: CMSIBCommonInterface;
320
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
321
+ textColor: CMSIBCommonInterface;
322
+ bold: CMSIBCommonInterface;
323
+ italic: CMSIBCommonInterface;
324
+ linethrough: CMSIBCommonInterface;
325
+ underline: CMSIBCommonInterface;
326
+ textAlign: CMSIBCommonInterface;
327
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
328
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
329
+ backgroundColor: CMSIBCommonInterface;
330
+ borderColor: CMSIBCommonInterface;
331
+ borderStyle: CMSIBCommonInterface;
332
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
333
+ showBorder: CMSIBCommonInterface;
334
+ showShadow: CMSIBCommonInterface;
335
+ shadowColor: CMSIBCommonInterface;
336
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
337
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
338
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
339
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
340
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
341
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
342
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
343
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
344
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
345
+ selectorKey: SelectorKeysEnum;
346
+ };
347
+ productRequiredInfo: {
348
+ theme: CMSIBCommonInterface;
349
+ font: CMSIBCommonInterface;
350
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
351
+ textColor: CMSIBCommonInterface;
352
+ bold: CMSIBCommonInterface;
353
+ italic: CMSIBCommonInterface;
354
+ linethrough: CMSIBCommonInterface;
355
+ underline: CMSIBCommonInterface;
356
+ textAlign: CMSIBCommonInterface;
357
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
358
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
359
+ backgroundColor: CMSIBCommonInterface;
360
+ borderColor: CMSIBCommonInterface;
361
+ borderStyle: CMSIBCommonInterface;
362
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
363
+ showBorder: CMSIBCommonInterface;
364
+ showShadow: CMSIBCommonInterface;
365
+ shadowColor: CMSIBCommonInterface;
366
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
367
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
368
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
369
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
370
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
371
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
372
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
373
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
374
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
375
+ selectorKey: SelectorKeysEnum;
313
376
  };
314
377
  };
315
378
  content: {
package/dist/types/builder/tools/element-edit/index.d.ts CHANGED
@@ -73,7 +73,6 @@ import * as itemStock from "./itemStock";
73
73
  import * as cartDetails from "./cartDetails";
74
74
  import * as cartSummary from "./cartSummary";
75
75
  import * as checkout from "./checkout";
76
- import * as myTemplates from ".//myTemplates";
77
76
  import * as allocationDetails from "./allocationDetails";
78
77
  import * as line from "./line";
79
78
  import * as tabsV2 from "./tabsV2";
@@ -98,4 +97,4 @@ import * as userElements from "./userElements";
98
97
  import * as badge from "./badge";
99
98
  import * as languageMenu from "./language-menu";
100
99
  import * as cartAttributes from "./cartAttributes";
101
- export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, myTemplates, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, };
100
+ export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, };
package/dist/widget.scss CHANGED
@@ -116,3 +116,4 @@
116
116
  @use "./submit-quote.scss";
117
117
  @use "./cartAttributes.scss";
118
118
  @use "./language-selector.scss";
119
+ @use "./myTemplates.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.24",
3
+ "version": "0.3.25",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {
package/dist/types/builder/elements/my-templates/index.d.ts DELETED
@@ -1,27 +0,0 @@
1
- import { CMSHTMLAttributes } from "../../../global/attributes";
2
- import { CommonStyleProperties } from "../../../global/style-properties";
3
- import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
4
- import { BuilderAttributes, CMSElementInterface } from "../common";
5
- export interface myTemplatesStyleProperties extends CommonStyleProperties {
6
- minHeight?: MinHeightValue;
7
- height?: HeightValue;
8
- minWidth?: MinWidthValue;
9
- maxWidth?: MaxWidthValue;
10
- maxHeight?: MaxHeightValue;
11
- gridArea?: GridAreaValue;
12
- boxSizing?: BoxSizingValue;
13
- padding?: PaddingValue;
14
- justifySelf?: JustifySelfValue;
15
- alignSelf?: AlignSelfValue;
16
- }
17
- export declare const getDefaultStyles: () => myTemplatesStyleProperties;
18
- export interface CMSmyTemplatesInterface extends Omit<CMSElementInterface, "attributes"> {
19
- attributes: {
20
- HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
- BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
22
- CUSTOM: any;
23
- };
24
- styles: myTemplatesStyleProperties;
25
- childrenStyles?: CommonStyleProperties;
26
- content?: string;
27
- }