@sc-360-v2/storefront-cms-library 0.3.12 → 0.3.14

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 (27) hide show
  1. package/dist/allocationDetails.scss +7 -1
  2. package/dist/badge.scss +382 -0
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker copy.scss +1123 -0
  5. package/dist/bulk-variant-picker.scss +2629 -647
  6. package/dist/cart-summary.scss +11 -4
  7. package/dist/contact-us.scss +7 -1
  8. package/dist/filters.scss +42 -0
  9. package/dist/hotspot.scss +7 -1
  10. package/dist/icons.js +1 -1
  11. package/dist/index.js +1 -1
  12. package/dist/layouter-pro.scss +3 -1
  13. package/dist/product-image.scss +23 -13
  14. package/dist/submit-quote.scss +250 -0
  15. package/dist/table.scss +8 -2
  16. package/dist/types/builder/elements/badge/index.d.ts +26 -0
  17. package/dist/types/builder/enums/index.d.ts +3 -1
  18. package/dist/types/builder/index.d.ts +2 -1
  19. package/dist/types/builder/tools/element-edit/badge.d.ts +47 -0
  20. package/dist/types/builder/tools/element-edit/bulkVariantPicker copy.d.ts +119 -0
  21. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +54 -17
  22. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  23. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +1 -1
  24. package/dist/types/global/types.d.ts +1 -1
  25. package/dist/uom-selector.scss +0 -1
  26. package/dist/widget.scss +2 -0
  27. package/package.json +1 -1
package/dist/cart-summary.scss CHANGED
@@ -161,13 +161,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
161
161
  gap: 8px;
162
162
  align-self: stretch;
163
163
  border-radius: 4px;
164
- border: 1px solid #243dc6;
165
- background: #243dc6;
166
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
167
- color: #fff;
168
164
  font-size: 16px;
169
165
  font-weight: 600;
170
166
  line-height: 24px;
167
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
168
+ &.proceed {
169
+ border: 1px solid #243dc6;
170
+ background: #243dc6;
171
+ color: #fff;
172
+ }
173
+ &.submit_quotes {
174
+ border: 1px solid #c9c9c9;
175
+ background: #fff;
176
+ color: #313131;
177
+ }
171
178
  }
172
179
  }
173
180
  }
package/dist/contact-us.scss CHANGED
@@ -4,7 +4,13 @@
4
4
  [data-div-type="element"] {
5
5
  &[data-element-type="contactUs"],
6
6
  &[data-element-type="createForm"] {
7
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
7
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
8
+ width: var(
9
+ --_sf-el-wh-st-mx,
10
+ calc(
11
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
12
+ )
13
+ );
8
14
  height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
9
15
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
10
16
  aspect-ratio: 1 / var(--_sf-aspect-ratio);
package/dist/filters.scss CHANGED
@@ -678,12 +678,46 @@ $resizeActive: '[data-cms-element-resizer="true"]';
678
678
  border-bottom: 1px solid var(--_gray-300);
679
679
  }
680
680
  li {
681
+ // display: flex;
682
+ // align-items: center;
683
+ // justify-content: space-between;
684
+ // padding-block: 6px;
685
+ // font-size: 14px;
681
686
  display: flex;
682
687
  align-items: center;
683
688
  justify-content: space-between;
684
689
  padding-block: 6px;
685
690
  font-size: 14px;
686
691
 
692
+ .filter-li-inner {
693
+ display: flex;
694
+ align-items: center;
695
+ justify-content: space-between;
696
+ width: 100%;
697
+ gap: 8px;
698
+ }
699
+
700
+ .filter-indicator {
701
+ width: 16px;
702
+ height: 16px;
703
+ flex-shrink: 0;
704
+ }
705
+
706
+ .filter-indicator img {
707
+ width: 16px;
708
+ height: 16px;
709
+ border-radius: 50%;
710
+ object-fit: cover;
711
+ border: 1px solid var(--_gray-300);
712
+ }
713
+
714
+ .color-circle {
715
+ width: 16px;
716
+ height: 16px;
717
+ border-radius: 50%;
718
+ border: 1px solid var(--_gray-300);
719
+ }
720
+
687
721
  a {
688
722
  // padding-block: 6px;
689
723
  padding-left: 10px;
@@ -1231,6 +1265,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1231
1265
  -moz-user-select: none;
1232
1266
  -ms-user-select: none;
1233
1267
  user-select: none;
1268
+ .color-image {
1269
+ width: 15px;
1270
+ height: 15px;
1271
+ border-radius: 50%;
1272
+ border: 1px solid var(--_gray-200);
1273
+ object-fit: "cover";
1274
+ display: "block";
1275
+ }
1234
1276
  .color {
1235
1277
  width: 15px;
1236
1278
  height: 15px;
package/dist/hotspot.scss CHANGED
@@ -147,7 +147,13 @@ $data: (
147
147
 
148
148
  [data-div-type="element"] {
149
149
  &[data-element-type="imageHotspot"] {
150
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
150
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
151
+ width: var(
152
+ --_sf-el-wh-st-mx,
153
+ calc(
154
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
155
+ )
156
+ );
151
157
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
152
158
  height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
153
159
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);