@sc-360-v2/storefront-cms-library 0.4.14 → 0.4.16

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 (25) hide show
  1. package/dist/add-existing-form.scss +66 -0
  2. package/dist/add-products-tab.scss +8 -0
  3. package/dist/allocations.scss +8 -8
  4. package/dist/builder.js +1 -1
  5. package/dist/cart-summary.scss +12 -27
  6. package/dist/cart.scss +15 -13
  7. package/dist/checkout.scss +135 -48
  8. package/dist/filters.scss +9 -2
  9. package/dist/language-selector.scss +16 -1
  10. package/dist/login.scss +5 -5
  11. package/dist/modal.scss +1 -2
  12. package/dist/order-processing.scss +4 -0
  13. package/dist/product-actions.scss +36 -42
  14. package/dist/product-sizechart.scss +6 -6
  15. package/dist/profile.scss +23 -12
  16. package/dist/quantity-selector.scss +8 -8
  17. package/dist/repeater.scss +10 -10
  18. package/dist/store-locations.scss +33 -1
  19. package/dist/types/builder/elements/form-builder/index.d.ts +4 -0
  20. package/dist/types/builder/tools/element-edit/pickupLocations.d.ts +6 -1
  21. package/dist/types/builder/tools/element-edit/profile.d.ts +10 -1
  22. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +6 -1
  23. package/dist/uom-selector.scss +7 -3
  24. package/dist/widget.scss +1 -0
  25. package/package.json +1 -1
package/dist/cart-summary.scss CHANGED
@@ -1285,7 +1285,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1285
1285
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-br-wh)};
1286
1286
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-br-rs)};
1287
1287
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-at)};
1288
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-in-ad-tt-sg)};
1288
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-gp)};
1289
1289
 
1290
1290
  // for shadow
1291
1291
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-se-sw-ae)};
@@ -1328,7 +1328,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1328
1328
  align-items: center;
1329
1329
 
1330
1330
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-at));
1331
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-in-ad-tt-sg));
1331
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-gp));
1332
1332
 
1333
1333
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-br-rs));
1334
1334
 
@@ -1428,7 +1428,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1428
1428
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-br-wh)};
1429
1429
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-br-rs)};
1430
1430
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-at)};
1431
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-in-ad-tt-sg)};
1431
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-gp)};
1432
1432
 
1433
1433
  // for shadow
1434
1434
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-se-sw-ae)};
@@ -1474,10 +1474,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1474
1474
  align-items: center;
1475
1475
 
1476
1476
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-at));
1477
- gap: var(
1478
- --_sf-hr-in-ad-tt-sg,
1479
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-in-ad-tt-sg)
1480
- );
1477
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-gp));
1481
1478
 
1482
1479
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-rs));
1483
1480
 
@@ -1589,7 +1586,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1589
1586
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-br-wh)};
1590
1587
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-br-rs)};
1591
1588
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-at)};
1592
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-in-ad-tt-sg)};
1589
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-gp)};
1593
1590
 
1594
1591
  // for shadow
1595
1592
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-sw-ae)};
@@ -1635,10 +1632,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1635
1632
  align-items: center;
1636
1633
 
1637
1634
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-at));
1638
- gap: var(
1639
- --_sf-hr-in-ad-tt-sg,
1640
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-in-ad-tt-sg)
1641
- );
1635
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-gp));
1642
1636
 
1643
1637
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-rs));
1644
1638
 
@@ -1749,7 +1743,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1749
1743
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-br-wh)};
1750
1744
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-br-rs)};
1751
1745
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-at)};
1752
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-in-ad-tt-sg)};
1746
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-gp)};
1753
1747
 
1754
1748
  // for shadow
1755
1749
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-se-sw-ae)};
@@ -1795,10 +1789,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1795
1789
  align-items: center;
1796
1790
 
1797
1791
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-at));
1798
- gap: var(
1799
- --_sf-hr-in-ad-tt-sg,
1800
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-in-ad-tt-sg)
1801
- );
1792
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-gp));
1802
1793
 
1803
1794
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-rs));
1804
1795
 
@@ -1909,7 +1900,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1909
1900
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-br-wh)};
1910
1901
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-br-rs)};
1911
1902
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-at)};
1912
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-in-ad-tt-sg)};
1903
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-gp)};
1913
1904
 
1914
1905
  // for shadow
1915
1906
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-se-sw-ae)};
@@ -1955,10 +1946,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1955
1946
  align-items: center;
1956
1947
 
1957
1948
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-at));
1958
- gap: var(
1959
- --_sf-hr-in-ad-tt-sg,
1960
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-ad-tt-sg)
1961
- );
1949
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-gp));
1962
1950
 
1963
1951
  border-radius: var(
1964
1952
  --_sf-hr-br-rs,
@@ -2088,7 +2076,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2088
2076
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-br-wh)};
2089
2077
  --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-br-rs)};
2090
2078
  --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-at)};
2091
- --_sf-hr-in-ad-tt-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-in-ad-tt-sg)};
2079
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-gp)};
2092
2080
 
2093
2081
  // for shadow
2094
2082
  --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-se-sw-ae)};
@@ -2134,10 +2122,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2134
2122
  align-items: center;
2135
2123
 
2136
2124
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-at));
2137
- gap: var(
2138
- --_sf-hr-in-ad-tt-sg,
2139
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-in-ad-tt-sg)
2140
- );
2125
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-gp));
2141
2126
 
2142
2127
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-rs));
2143
2128
 
package/dist/cart.scss CHANGED
@@ -37,20 +37,22 @@
37
37
  gap: 8px;
38
38
  .cart__div {
39
39
  position: relative;
40
- svg {
41
- width: var(
42
- --_ctm-mob-dn-ct-in-in-se,
43
- var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
44
- );
45
- height: var(
46
- --_ctm-mob-dn-ct-in-in-se,
47
- var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
48
- );
49
- path {
50
- stroke: var(
51
- --_ctm-mob-dn-ct-in-in-c1,
52
- var(--_ctm-tab-dn-ct-in-in-c1, var(--_ctm-dn-ct-in-in-c1))
40
+ span {
41
+ svg {
42
+ width: var(
43
+ --_ctm-mob-dn-ct-in-in-se,
44
+ var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
45
+ );
46
+ height: var(
47
+ --_ctm-mob-dn-ct-in-in-se,
48
+ var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
53
49
  );
50
+ path {
51
+ stroke: var(
52
+ --_ctm-mob-dn-ct-in-in-c1,
53
+ var(--_ctm-tab-dn-ct-in-in-c1, var(--_ctm-dn-ct-in-in-c1))
54
+ );
55
+ }
54
56
  }
55
57
  }
56
58
 
package/dist/checkout.scss CHANGED
@@ -2155,46 +2155,133 @@ $dark-color: #343a40;
2155
2155
  .chk_payment_section_method {
2156
2156
  display: flex;
2157
2157
  flex-direction: column;
2158
- .chk_payment_section_method_name {
2159
- font-size: 14px;
2160
- // font-weight: 700;
2161
- line-height: 20px;
2162
- // color: var(--_gray-700);
2163
- font-family: var(
2164
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2165
- var(
2166
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2167
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy)
2168
- )
2169
- );
2170
- color: var(
2171
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2172
- var(
2173
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2174
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr)
2175
- )
2176
- );
2177
- font-weight: var(
2178
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2179
- var(
2180
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2181
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt)
2182
- )
2183
- );
2184
- // font-size: var(
2185
- // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2186
- // var(
2187
- // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2188
- // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se)
2189
- // )
2190
- // );
2191
- padding: var(
2192
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2193
- var(
2194
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2195
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg)
2196
- )
2197
- );
2158
+ .chk_payment_section_method_details {
2159
+ display: flex;
2160
+ gap: 12px;
2161
+ .chk_payment_section_method_name {
2162
+ font-size: 14px;
2163
+ // font-weight: 700;
2164
+ line-height: 20px;
2165
+ // color: var(--_gray-700);
2166
+ white-space: nowrap;
2167
+ font-family: var(
2168
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2169
+ var(
2170
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2171
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy)
2172
+ )
2173
+ );
2174
+ color: var(
2175
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2176
+ var(
2177
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2178
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr)
2179
+ )
2180
+ );
2181
+ font-weight: var(
2182
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2183
+ var(
2184
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2185
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt)
2186
+ )
2187
+ );
2188
+ // font-size: var(
2189
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2190
+ // var(
2191
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2192
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se)
2193
+ // )
2194
+ // );
2195
+ padding: var(
2196
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2197
+ var(
2198
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2199
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg)
2200
+ )
2201
+ );
2202
+ }
2203
+ .po-container {
2204
+ // padding: 24px;
2205
+ max-width: 800px;
2206
+ .po-grid {
2207
+ display: grid;
2208
+ grid-template-columns: repeat(3, 1fr);
2209
+ // gap: 16px;
2210
+ .po-input {
2211
+ // height: 44px;
2212
+ border: 1px solid var(--_gray-200);
2213
+ border-radius: 4px;
2214
+ background-color: var(--_base-white);
2215
+ display: flex;
2216
+ // width: 120px;
2217
+ overflow: hidden;
2218
+ align-items: center;
2219
+ padding-inline: 12px;
2220
+ gap: 12px;
2221
+
2222
+ border-color: var(
2223
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-cr,
2224
+ var(
2225
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-cr,
2226
+ var(--_ctm-dn-an-tb-fm-wr-is-br-cr)
2227
+ )
2228
+ );
2229
+ border-style: var(
2230
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-se,
2231
+ var(
2232
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-se,
2233
+ var(--_ctm-dn-an-tb-fm-wr-is-br-se)
2234
+ )
2235
+ );
2236
+ border-width: var(
2237
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-wh,
2238
+ var(
2239
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-wh,
2240
+ var(--_ctm-dn-an-tb-fm-wr-is-br-wh)
2241
+ )
2242
+ );
2243
+ border-radius: var(
2244
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-rs,
2245
+ var(
2246
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-rs,
2247
+ var(--_ctm-dn-an-tb-fm-wr-is-br-rs)
2248
+ )
2249
+ );
2250
+ padding: var(
2251
+ --_ctm-mob-dn-an-tb-fm-wr-is-pg,
2252
+ var(
2253
+ --_ctm-tab-dn-an-tb-fm-wr-is-pg,
2254
+ var(--_ctm-dn-an-tb-fm-wr-is-pg)
2255
+ )
2256
+ );
2257
+
2258
+ &:focus {
2259
+ border: 1px solid var(--_primary-200);
2260
+ outline: 2px solid var(--_primary-50);
2261
+ }
2262
+ &:disabled {
2263
+ color: #aaa;
2264
+ background-color: #f9f9f9;
2265
+ border-color: #ddd;
2266
+ cursor: not-allowed;
2267
+ overflow: hidden;
2268
+ }
2269
+ }
2270
+ .p1-input {
2271
+ border-top-right-radius: 0;
2272
+ border-bottom-right-radius: 0;
2273
+ }
2274
+ .p2-input {
2275
+ border-radius: 0;
2276
+ border-left: none;
2277
+ border-right: none;
2278
+ }
2279
+ .p3-input {
2280
+ border-top-left-radius: 0;
2281
+ border-bottom-left-radius: 0;
2282
+ }
2283
+ }
2284
+ }
2198
2285
  }
2199
2286
  & > div {
2200
2287
  display: flex;
@@ -5184,12 +5271,12 @@ $dark-color: #343a40;
5184
5271
  }
5185
5272
 
5186
5273
  .summary-content {
5187
- &.show_button_only {
5188
- &:hover {
5189
- display: block !important;
5190
- background-color: var(--_base-white);
5191
- }
5192
- }
5274
+ // &.show_button_only {
5275
+ // &:hover {
5276
+ // display: block !important;
5277
+ // background-color: var(--_base-white);
5278
+ // }
5279
+ // }
5193
5280
  display: flex;
5194
5281
  flex-direction: row;
5195
5282
  justify-content: space-between;
@@ -5197,7 +5284,7 @@ $dark-color: #343a40;
5197
5284
  padding: 12px;
5198
5285
  border-radius: 4px;
5199
5286
  cursor: pointer;
5200
- transition: bacground 400ms ease-in;
5287
+ transition: background 400ms ease-in;
5201
5288
  // gap: 0.5rem;
5202
5289
  background-color: var(
5203
5290
  --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-cr-bd-cr,
@@ -5306,7 +5393,7 @@ $dark-color: #343a40;
5306
5393
  }
5307
5394
 
5308
5395
  .right-btn {
5309
- display: none;
5396
+ display: flex;
5310
5397
  align-items: center;
5311
5398
  gap: 24px;
5312
5399
  &.selected {
package/dist/filters.scss CHANGED
@@ -2046,7 +2046,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2046
2046
 
2047
2047
  // Multi Range Slider Starts
2048
2048
  .double-slider-box {
2049
- background-color: #fff;
2050
2049
  border-radius: 10px;
2051
2050
  // padding: 20px;
2052
2051
  width: 100%;
@@ -2174,7 +2173,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2174
2173
  top: -35px;
2175
2174
  font-size: 12px;
2176
2175
  color: #555;
2177
- background-color: #fff;
2176
+ // background-color: #fff;
2178
2177
  border: 1px solid #ddd;
2179
2178
  border-radius: 5px;
2180
2179
  white-space: nowrap;
@@ -2185,12 +2184,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2185
2184
  left: 42px;
2186
2185
  top: 20px;
2187
2186
  transform: translateX(-50%);
2187
+ input {
2188
+ padding-left: 0px !important;
2189
+ text-align: left !important;
2190
+ }
2188
2191
  }
2189
2192
 
2190
2193
  .max-tooltip {
2191
2194
  right: 45px;
2192
2195
  top: 20px;
2193
2196
  transform: translateX(50%);
2197
+ input {
2198
+ padding-left: 0px !important;
2199
+ text-align: left !important;
2200
+ }
2194
2201
  }
2195
2202
 
2196
2203
  .price-range-container {
package/dist/language-selector.scss CHANGED
@@ -218,11 +218,17 @@
218
218
  &[data-flag-style="Rounded"] {
219
219
  .language__flag {
220
220
  border-radius: 5px;
221
+ svg {
222
+ border-radius: 5px;
223
+ }
221
224
  }
222
225
  }
223
226
  &[data-flag-style="Circle"] {
224
227
  .language__flag {
225
228
  border-radius: 50%;
229
+ svg {
230
+ border-radius: 50%;
231
+ }
226
232
  }
227
233
  }
228
234
 
@@ -380,7 +386,16 @@
380
386
  .value__selected__new {
381
387
  width: 100%;
382
388
  padding: 8px 12px;
383
- text-align: left;
389
+ // text-align: left;
390
+ font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
391
+ font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
392
+ color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
393
+ font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
394
+ text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
395
+ font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
396
+ text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
397
+ letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
398
+ line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
384
399
  }
385
400
  .est__dropdown__main {
386
401
  position: relative;
package/dist/login.scss CHANGED
@@ -374,19 +374,19 @@
374
374
 
375
375
  .psw__contain {
376
376
  margin-bottom: 24px;
377
+ margin-top: 8px;
378
+
377
379
  .psw_status {
378
380
  display: flex;
379
381
  align-items: center;
380
382
  justify-content: space-between;
381
383
  gap: 10px;
382
-
383
384
  .step {
384
- width: 20%;
385
+ // width: 20%;1
385
386
  height: 3px;
386
387
  border-radius: 4px;
387
388
  background-color: var(--_gray-300);
388
389
  flex-grow: 1;
389
-
390
390
  &.active {
391
391
  background-color: var(--_success-600);
392
392
  }
@@ -397,10 +397,10 @@
397
397
  padding: 16px;
398
398
  border-radius: 6px !important;
399
399
  // height: 100px;
400
- overflow-y: auto;
401
- margin-top: 20px;
402
400
  max-height: 160px;
403
401
  overflow-y: auto;
402
+ // margin-top: 20px;
403
+ margin-top: 5px;
404
404
  .title {
405
405
  font-size: 14px;
406
406
  font-weight: 600;
package/dist/modal.scss CHANGED
@@ -1441,7 +1441,6 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
1441
1441
  width: 64px;
1442
1442
  height: 64px;
1443
1443
  margin-bottom: 24px;
1444
-
1445
1444
  &::before,
1446
1445
  &::after {
1447
1446
  content: "";
@@ -1466,7 +1465,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
1466
1465
  }
1467
1466
  }
1468
1467
  h3 {
1469
- margin-bottom: 12px;
1468
+ margin-block: 10px;
1470
1469
  }
1471
1470
  }
1472
1471
  @keyframes processing_loader_spin {
package/dist/order-processing.scss CHANGED
@@ -45,6 +45,10 @@
45
45
  }
46
46
  }
47
47
 
48
+ h3 {
49
+ margin-block: 10px;
50
+ }
51
+
48
52
  @keyframes processing_loader_spin {
49
53
  0% {
50
54
  transform: rotate(0deg);