@sc-360-v2/storefront-cms-library 0.2.43 → 0.2.45

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 (38) hide show
  1. package/README.md +12 -12
  2. package/dist/allocations.scss +106 -0
  3. package/dist/amount-estimator.scss +27 -15
  4. package/dist/builder.js +1 -1
  5. package/dist/button.scss +4 -1
  6. package/dist/cart.scss +45 -0
  7. package/dist/container.scss +41 -0
  8. package/dist/countdown.scss +11 -3
  9. package/dist/custom-fonts.scss +41 -0
  10. package/dist/globals.scss +94 -94
  11. package/dist/hotspot.scss +5 -5
  12. package/dist/image-temp.scss +7 -1
  13. package/dist/layouter-item.scss +65 -0
  14. package/dist/layouter.scss +259 -0
  15. package/dist/light-box-v2.scss +71 -0
  16. package/dist/product-basic-elements.scss +20 -8
  17. package/dist/product-highlights.scss +38 -5
  18. package/dist/product-image copy.scss +788 -0
  19. package/dist/product-image.scss +529 -444
  20. package/dist/productDetails.scss +15 -2
  21. package/dist/profile.scss +14 -0
  22. package/dist/quantity-selector.scss +2 -0
  23. package/dist/repeater-item.scss +44 -3
  24. package/dist/repeater.scss +38 -0
  25. package/dist/search.scss +61 -21
  26. package/dist/section.scss +69 -54
  27. package/dist/static-text.scss +53 -0
  28. package/dist/text-temp.scss +24 -13
  29. package/dist/types/builder/elements/category-details/index.d.ts +68 -0
  30. package/dist/types/builder/enums/index.d.ts +3 -0
  31. package/dist/types/builder/index.d.ts +2 -1
  32. package/dist/types/builder/tools/element-edit/categoryDetails.d.ts +17 -0
  33. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  34. package/dist/uom-selector.scss +280 -4
  35. package/dist/variant-picker.scss +71 -0
  36. package/dist/volume-pricing.scss +8 -0
  37. package/dist/widget.scss +5 -1
  38. package/package.json +1 -1
package/dist/uom-selector.scss CHANGED
@@ -51,6 +51,8 @@
51
51
  }
52
52
  .uom__container {
53
53
  padding: var(--_ctm-lt-pg);
54
+ border: 1px solid rgba(75, 69, 70, 1);
55
+ border-radius: 20px;
54
56
  .stack {
55
57
  display: flex;
56
58
  flex-direction: column;
@@ -72,7 +74,7 @@
72
74
  gap: var(--_ctm-lt-im-sg);
73
75
  .item {
74
76
  display: flex;
75
- align-items: center;
77
+ align-items: var(--_ctm-dn-im-se-dt-se-ct-at);
76
78
  justify-content: center;
77
79
  flex-direction: column;
78
80
  gap: 4px;
@@ -162,6 +164,98 @@
162
164
  text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
163
165
  }
164
166
  }
167
+ .active {
168
+ display: flex;
169
+ align-items: var(--_ctm-dn-im-se-sd-se-ct-at);
170
+ justify-content: center;
171
+ flex-direction: column;
172
+ gap: 4px;
173
+ padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
174
+ cursor: pointer;
175
+ background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
176
+ border-color: var(
177
+ --_show-border-im-se,
178
+ var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
179
+ );
180
+ border-style: var(
181
+ --_show-border-im-se,
182
+ var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
183
+ );
184
+ border-width: var(
185
+ --_show-border-im-se,
186
+ var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
187
+ );
188
+ border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
189
+ box-shadow: var(
190
+ --_show-shadow-im-se,
191
+ var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
192
+ var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
193
+ var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
194
+ var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
195
+ );
196
+ .each {
197
+ color: var(--_ctm-dn-um-se-cr);
198
+ font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
199
+ font-size: var(--_ctm-dn-um-se-ft-se);
200
+ font-weight: var(--_ctm-dn-um-se-ft-wt);
201
+ font-style: var(--_ctm-dn-um-se-ft-se-ic);
202
+ text-align: var(--_ctm-dn-um-se-tt-an);
203
+ letter-spacing: var(--_ctm-dn-um-se-lr-sg);
204
+ line-height: var(--_ctm-dn-um-se-le-ht);
205
+ text-decoration: var(--_ctm-dn-um-se-ue);
206
+ }
207
+ .price {
208
+ color: var(--_ctm-dn-pt-pe-cr);
209
+ font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
210
+ font-size: var(--_ctm-dn-pt-pe-ft-se);
211
+ font-weight: var(--_ctm-dn-pt-pe-ft-wt);
212
+ font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
213
+ text-align: var(--_ctm-dn-pt-pe-tt-an);
214
+ letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
215
+ line-height: var(--_ctm-dn-pt-pe-le-ht);
216
+ text-decoration: var(--_ctm-dn-pt-pe-ue);
217
+ }
218
+ .off__price {
219
+ font-size: 12px;
220
+ display: flex;
221
+ justify-content: space-around;
222
+ gap: 10px;
223
+ align-items: center;
224
+ .offer__price {
225
+ color: var(--_ctm-dn-ss-cr);
226
+ font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
227
+ font-size: var(--_ctm-dn-ss-ft-se);
228
+ font-weight: var(--_ctm-dn-ss-ft-wt);
229
+ font-style: var(--_ctm-dn-ss-ft-se-ic);
230
+ text-align: var(--_ctm-dn-ss-tt-an);
231
+ letter-spacing: var(--_ctm-dn-ss-lr-sg);
232
+ line-height: var(--_ctm-dn-ss-le-ht);
233
+ text-decoration: var(--_ctm-dn-ss-ue);
234
+ }
235
+ .discount__price {
236
+ color: var(--_ctm-dn-al-pe-cr);
237
+ font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
238
+ font-size: var(--_ctm-dn-al-pe-ft-se);
239
+ font-weight: var(--_ctm-dn-al-pe-ft-wt);
240
+ font-style: var(--_ctm-dn-al-pe-ft-se-ic);
241
+ text-align: var(--_ctm-dn-al-pe-tt-an);
242
+ letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
243
+ line-height: var(--_ctm-dn-al-pe-le-ht);
244
+ text-decoration: var(--_ctm-dn-al-pe-ue);
245
+ }
246
+ }
247
+ .units {
248
+ color: var(--_ctm-dn-pe-pr-ut-cr);
249
+ font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
250
+ font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
251
+ font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
252
+ font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
253
+ text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
254
+ letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
255
+ line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
256
+ text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
257
+ }
258
+ }
165
259
  }
166
260
  .vertical {
167
261
  display: flex;
@@ -169,7 +263,7 @@
169
263
  gap: var(--_ctm-lt-im-sg);
170
264
  .item {
171
265
  display: flex;
172
- align-items: center;
266
+ align-items: var(--_ctm-dn-im-se-dt-se-ct-at);
173
267
  justify-content: space-between;
174
268
  padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
175
269
  cursor: pointer;
@@ -257,6 +351,96 @@
257
351
  }
258
352
  }
259
353
  }
354
+ .active {
355
+ display: flex;
356
+ align-items: var(--_ctm-dn-im-se-sd-se-ct-at);
357
+ justify-content: space-between;
358
+ padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
359
+ cursor: pointer;
360
+ background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
361
+ border-color: var(
362
+ --_show-border-im-se,
363
+ var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
364
+ );
365
+ border-style: var(
366
+ --_show-border-im-se,
367
+ var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
368
+ );
369
+ border-width: var(
370
+ --_show-border-im-se,
371
+ var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
372
+ );
373
+ border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
374
+ box-shadow: var(
375
+ --_show-shadow-im-se,
376
+ var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
377
+ var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
378
+ var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
379
+ var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
380
+ );
381
+ .text {
382
+ color: var(--_ctm-dn-um-se-cr);
383
+ font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
384
+ font-size: var(--_ctm-dn-um-se-ft-se);
385
+ font-weight: var(--_ctm-dn-um-se-ft-wt);
386
+ font-style: var(--_ctm-dn-um-se-ft-se-ic);
387
+ text-align: var(--_ctm-dn-um-se-tt-an);
388
+ letter-spacing: var(--_ctm-dn-um-se-lr-sg);
389
+ line-height: var(--_ctm-dn-um-se-le-ht);
390
+ text-decoration: var(--_ctm-dn-um-se-ue);
391
+ }
392
+ .off__price {
393
+ .hilight__price {
394
+ color: var(--_ctm-dn-pt-pe-cr);
395
+ font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
396
+ font-size: var(--_ctm-dn-pt-pe-ft-se);
397
+ font-weight: var(--_ctm-dn-pt-pe-ft-wt);
398
+ font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
399
+ text-align: var(--_ctm-dn-pt-pe-tt-an);
400
+ letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
401
+ line-height: var(--_ctm-dn-pt-pe-le-ht);
402
+ text-decoration: var(--_ctm-dn-pt-pe-ue);
403
+ }
404
+ .secondary__price {
405
+ color: var(--_ctm-dn-pe-pr-ut-cr);
406
+ font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
407
+ font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
408
+ font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
409
+ font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
410
+ text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
411
+ letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
412
+ line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
413
+ text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
414
+ }
415
+ }
416
+ .discount__price {
417
+ display: flex;
418
+ justify-content: space-around;
419
+ gap: 10px;
420
+ .price {
421
+ color: var(--_ctm-dn-al-pe-cr);
422
+ font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
423
+ font-size: var(--_ctm-dn-al-pe-ft-se);
424
+ font-weight: var(--_ctm-dn-al-pe-ft-wt);
425
+ font-style: var(--_ctm-dn-al-pe-ft-se-ic);
426
+ text-align: var(--_ctm-dn-al-pe-tt-an);
427
+ letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
428
+ line-height: var(--_ctm-dn-al-pe-le-ht);
429
+ text-decoration: var(--_ctm-dn-al-pe-ue);
430
+ }
431
+ .save__price {
432
+ color: var(--_ctm-dn-ss-cr);
433
+ font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
434
+ font-size: var(--_ctm-dn-ss-ft-se);
435
+ font-weight: var(--_ctm-dn-ss-ft-wt);
436
+ font-style: var(--_ctm-dn-ss-ft-se-ic);
437
+ text-align: var(--_ctm-dn-ss-tt-an);
438
+ letter-spacing: var(--_ctm-dn-ss-lr-sg);
439
+ line-height: var(--_ctm-dn-ss-le-ht);
440
+ text-decoration: var(--_ctm-dn-ss-ue);
441
+ }
442
+ }
443
+ }
260
444
  }
261
445
  .grid {
262
446
  display: grid;
@@ -360,6 +544,99 @@
360
544
  text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
361
545
  }
362
546
  }
547
+ .active {
548
+ display: flex;
549
+ align-items: center;
550
+ justify-content: center;
551
+ flex-direction: column;
552
+ gap: 4px;
553
+ padding: var(--_ctm-dn-im-se-sd-se-vl-pg) var(--_ctm-dn-im-se-sd-se-hl-pg);
554
+ cursor: pointer;
555
+ background-color: var(--_ctm-dn-im-se-sd-se-bd-cr);
556
+ border-color: var(
557
+ --_show-border-im-se,
558
+ var(--_ctm-dn-im-se-sd-se-br-cr, var(--_tst-dn-br-cr))
559
+ );
560
+ border-style: var(
561
+ --_show-border-im-se,
562
+ var(--_ctm-dn-im-se-sd-se-br-se, var(--_tst-dn-br-se))
563
+ );
564
+ border-width: var(
565
+ --_show-border-im-se,
566
+ var(--_ctm-dn-im-se-sd-se-br-wh, var(--_tst-dn-br-wh))
567
+ );
568
+ border-radius: var(--_ctm-dn-im-se-sd-se-br-rs, var(--_tst-dn-br-rs));
569
+ box-shadow: var(
570
+ --_show-shadow-im-se,
571
+ var(--_ctm-dn-im-se-sd-se-sw-ae, var(--_tst-dn-sw-ae))
572
+ var(--_ctm-dn-im-se-sd-se-sw-br, var(--_tst-dn-sw-br))
573
+ var(--_ctm-dn-im-se-sd-se-sw-sd, var(--_tst-dn-sw-sd))
574
+ var(--_ctm-dn-im-se-sd-se-sw-cr, var(--_tst-dn-sw-cr))
575
+ );
576
+ cursor: pointer;
577
+ .each {
578
+ color: var(--_ctm-dn-um-se-cr);
579
+ font-family: var(--_ctm-dn-um-se-ft-fy), sans-serif;
580
+ font-size: var(--_ctm-dn-um-se-ft-se);
581
+ font-weight: var(--_ctm-dn-um-se-ft-wt);
582
+ font-style: var(--_ctm-dn-um-se-ft-se-ic);
583
+ text-align: var(--_ctm-dn-um-se-tt-an);
584
+ letter-spacing: var(--_ctm-dn-um-se-lr-sg);
585
+ line-height: var(--_ctm-dn-um-se-le-ht);
586
+ text-decoration: var(--_ctm-dn-um-se-ue);
587
+ }
588
+ .price {
589
+ color: var(--_ctm-dn-pt-pe-cr);
590
+ font-family: var(--_ctm-dn-pt-pe-ft-fy), sans-serif;
591
+ font-size: var(--_ctm-dn-pt-pe-ft-se);
592
+ font-weight: var(--_ctm-dn-pt-pe-ft-wt);
593
+ font-style: var(--_ctm-dn-pt-pe-ft-se-ic);
594
+ text-align: var(--_ctm-dn-pt-pe-tt-an);
595
+ letter-spacing: var(--_ctm-dn-pt-pe-lr-sg);
596
+ line-height: var(--_ctm-dn-pt-pe-le-ht);
597
+ text-decoration: var(--_ctm-dn-pt-pe-ue);
598
+ }
599
+ .off__price {
600
+ font-size: 12px;
601
+ display: flex;
602
+ justify-content: space-around;
603
+ gap: 10px;
604
+ align-items: center;
605
+ .offer__price {
606
+ color: var(--_ctm-dn-ss-cr);
607
+ font-family: var(--_ctm-dn-ss-ft-fy), sans-serif;
608
+ font-size: var(--_ctm-dn-ss-ft-se);
609
+ font-weight: var(--_ctm-dn-ss-ft-wt);
610
+ font-style: var(--_ctm-dn-ss-ft-se-ic);
611
+ text-align: var(--_ctm-dn-ss-tt-an);
612
+ letter-spacing: var(--_ctm-dn-ss-lr-sg);
613
+ line-height: var(--_ctm-dn-ss-le-ht);
614
+ text-decoration: var(--_ctm-dn-ss-ue);
615
+ }
616
+ .discount__price {
617
+ color: var(--_ctm-dn-al-pe-cr);
618
+ font-family: var(--_ctm-dn-al-pe-ft-fy), sans-serif;
619
+ font-size: var(--_ctm-dn-al-pe-ft-se);
620
+ font-weight: var(--_ctm-dn-al-pe-ft-wt);
621
+ font-style: var(--_ctm-dn-al-pe-ft-se-ic);
622
+ text-align: var(--_ctm-dn-al-pe-tt-an);
623
+ letter-spacing: var(--_ctm-dn-al-pe-lr-sg);
624
+ line-height: var(--_ctm-dn-al-pe-le-ht);
625
+ text-decoration: var(--_ctm-dn-al-pe-ue);
626
+ }
627
+ }
628
+ .units {
629
+ color: var(--_ctm-dn-pe-pr-ut-cr);
630
+ font-family: var(--_ctm-dn-pe-pr-ut-ft-fy), sans-serif;
631
+ font-size: var(--_ctm-dn-pe-pr-ut-ft-se);
632
+ font-weight: var(--_ctm-dn-pe-pr-ut-ft-wt);
633
+ font-style: var(--_ctm-dn-pe-pr-ut-ft-se-ic);
634
+ text-align: var(--_ctm-dn-pe-pr-ut-tt-an);
635
+ letter-spacing: var(--_ctm-dn-pe-pr-ut-lr-sg);
636
+ line-height: var(--_ctm-dn-pe-pr-ut-le-ht);
637
+ text-decoration: var(--_ctm-dn-pe-pr-ut-ue);
638
+ }
639
+ }
363
640
  }
364
641
  }
365
642
  .table-content {
@@ -408,7 +685,7 @@
408
685
  tr {
409
686
  th {
410
687
  padding: var(--_ctm-lt-hr-cl-pg);
411
- text-align: var(--_ctm-lt-ct-at);
688
+ text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
412
689
  border: 0;
413
690
  background-color: var(--_ctm-dn-te-hr-bd-cr);
414
691
  color: var(--_ctm-dn-hr-tt-cr);
@@ -416,7 +693,6 @@
416
693
  font-size: var(--_ctm-dn-hr-tt-ft-se);
417
694
  font-weight: var(--_ctm-dn-hr-tt-ft-wt);
418
695
  font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
419
- text-align: var(--_ctm-dn-hr-tt-tt-an);
420
696
  letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
421
697
  line-height: var(--_ctm-dn-hr-tt-le-ht);
422
698
  text-decoration: var(--_ctm-dn-hr-tt-ue);
package/dist/variant-picker.scss CHANGED
@@ -45,6 +45,15 @@
45
45
  padding: var(--_ctm-lt-sh-te-dy-se-im-pg);
46
46
  .title {
47
47
  margin-bottom: 4px;
48
+ color: var(--_ctm-dn-sd-vt-ne-cr);
49
+ font-family: var(--_ctm-dn-sd-vt-ne-ft-fy), sans-serif;
50
+ font-size: var(--_ctm-dn-sd-vt-ne-ft-se);
51
+ font-weight: var(--_ctm-dn-sd-vt-ne-ft-wt);
52
+ font-style: var(--_ctm-dn-sd-vt-ne-ft-se-ic);
53
+ text-align: var(--_ctm-dn-sd-vt-ne-tt-an);
54
+ letter-spacing: var(--_ctm-dn-sd-vt-ne-lr-sg);
55
+ line-height: var(--_ctm-dn-sd-vt-ne-le-ht);
56
+ text-decoration: var(--_ctm-dn-sd-vt-ne-ue);
48
57
  }
49
58
  .select__group {
50
59
  display: flex;
@@ -57,6 +66,19 @@
57
66
  .item {
58
67
  // padding: var(--_ctm-lt-sh-te-dy-se-im-pg);
59
68
  background-color: var(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr);
69
+ &[data-dt-se-bd-se="circle"] {
70
+ border-radius: 999px;
71
+ }
72
+ &[data-dt-se-bd-se="square"],
73
+ &[data-dt-se-bd-se="none"] {
74
+ border-radius: 0px;
75
+ }
76
+ &[data-dt-se-bd-se="rounded"] {
77
+ border-radius: var(
78
+ --_ctm-dn-sh-on-ve-se-dt-se-br-rs,
79
+ var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
80
+ );
81
+ }
60
82
  // height: 30px;
61
83
  // width: 30px;
62
84
  // &[data-dt-se-bd-se="Circle"] {
@@ -68,6 +90,19 @@
68
90
  // }
69
91
  &:hover {
70
92
  background-color: var(--_ctm-dn-sh-on-ve-se-hr-se-bd-cr);
93
+ &[data-dt-se-bd-se="circle"] {
94
+ border-radius: 999px;
95
+ }
96
+ &[data-dt-se-bd-se="square"],
97
+ &[data-dt-se-bd-se="none"] {
98
+ border-radius: 0px;
99
+ }
100
+ &[data-dt-se-bd-se="rounded"] {
101
+ border-radius: var(
102
+ --_ctm-dn-sh-on-ve-se-dt-se-br-rs,
103
+ var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
104
+ );
105
+ }
71
106
  // height: 30px;
72
107
  // width: 30px;
73
108
  // &[data-dt-se-bd-se="Circle"] {
@@ -93,6 +128,19 @@
93
128
  --_show-border-im-se,
94
129
  var(--_ctm-dn-sh-on-ve-se-sd-se-br-wh, var(--_tst-dn-br-wh))
95
130
  );
131
+ &[data-dt-se-bd-se="circle"] {
132
+ border-radius: 999px;
133
+ }
134
+ &[data-dt-se-bd-se="square"],
135
+ &[data-dt-se-bd-se="none"] {
136
+ border-radius: 0px;
137
+ }
138
+ &[data-dt-se-bd-se="rounded"] {
139
+ border-radius: var(
140
+ --_ctm-dn-sh-on-ve-se-dt-se-br-rs,
141
+ var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
142
+ );
143
+ }
96
144
  // height: 30px;
97
145
  // width: 30px;
98
146
  // &[data-dt-se-bd-se="Circle"] {
@@ -130,6 +178,20 @@
130
178
  border-radius: var(--_ctm-dn-sh-on-ve-se-dt-se-br-rs);
131
179
  cursor: pointer;
132
180
  overflow: hidden;
181
+
182
+ &[data-dt-se-sh-se="circle"] {
183
+ border-radius: 999px;
184
+ }
185
+ &[data-dt-se-sh-se="square"] {
186
+ border-radius: 0px;
187
+ }
188
+ &[data-dt-se-sh-se="rounded"] {
189
+ border-radius: var(
190
+ --_ctm-dn-sh-on-ve-se-dt-se-br-rs,
191
+ var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
192
+ );
193
+ }
194
+
133
195
  &:hover {
134
196
  border-color: var(
135
197
  --_show-border-im-se,
@@ -194,6 +256,15 @@
194
256
  padding: var(--_ctm-lt-se-st-dy-se-im-pg);
195
257
  .title {
196
258
  margin-bottom: 4px;
259
+ color: var(--_ctm-dn-sd-vt-ne-cr);
260
+ font-family: var(--_ctm-dn-sd-vt-ne-ft-fy), sans-serif;
261
+ font-size: var(--_ctm-dn-sd-vt-ne-ft-se);
262
+ font-weight: var(--_ctm-dn-sd-vt-ne-ft-wt);
263
+ font-style: var(--_ctm-dn-sd-vt-ne-ft-se-ic);
264
+ text-align: var(--_ctm-dn-sd-vt-ne-tt-an);
265
+ letter-spacing: var(--_ctm-dn-sd-vt-ne-lr-sg);
266
+ line-height: var(--_ctm-dn-sd-vt-ne-le-ht);
267
+ text-decoration: var(--_ctm-dn-sd-vt-ne-ue);
197
268
  }
198
269
  .select__group {
199
270
  display: flex;
package/dist/volume-pricing.scss CHANGED
@@ -29,10 +29,17 @@
29
29
  padding: 10px;
30
30
  font-weight: 600;
31
31
  color: rgba(75, 69, 70, 1);
32
+ // min-width: 250px;
32
33
  }
33
34
  .volume__container {
34
35
  padding: var(--_ctm-lt-pg);
36
+ border: 1px solid rgba(75, 69, 70, 1);
37
+ border-radius: 20px;
38
+
35
39
  .stack {
40
+ display: flex;
41
+ gap: 10px;
42
+ flex-direction: column;
36
43
  .static {
37
44
  color: var(--_ctm-dn-um-te-se-cr);
38
45
  font-family: var(--_ctm-dn-um-te-se-ft-fy), sans-serif;
@@ -238,6 +245,7 @@
238
245
  }
239
246
  }
240
247
  .table-content {
248
+ width: 100%;
241
249
  border-collapse: collapse;
242
250
  background-color: var(--_ctm-dn-te-bd-cr);
243
251
  border-color: var(--_show-border-im-se, var(--_ctm-dn-te-br-cr, var(--_tst-dn-br-cr)));
package/dist/widget.scss CHANGED
@@ -13,6 +13,7 @@
13
13
  @use "./tabs.scss";
14
14
  @use "./button.scss";
15
15
  @use "./code-temp.scss";
16
+ @use "./static-text.scss";
16
17
  @use "./embed-temp.scss";
17
18
  @use "./text-temp.scss";
18
19
  @use "./image-temp.scss";
@@ -38,7 +39,7 @@
38
39
  @use "./uom-selector.scss";
39
40
  @use "./product-image.scss";
40
41
  @use "./product-basic-elements.scss";
41
- @use "./lightbox.scss";
42
+ // @use "./lightbox.scss";
42
43
  @use "./cart.scss";
43
44
  @use "./profile.scss";
44
45
  @use "./product.scss";
@@ -55,7 +56,10 @@
55
56
  @use "./filters.scss";
56
57
  @use "./sort.scss";
57
58
  @use "./custom-fonts.scss";
59
+ @use "./light-box-v2.scss";
58
60
  @use "./past-orders.scss";
59
61
  @use "./quotes.scss";
60
62
  @use "./rfqs.scss";
61
63
  @use "./search.scss";
64
+ @use "./layouter.scss";
65
+ @use "./layouter-item.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.43",
3
+ "version": "0.2.45",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {