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

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/add-existing-form.scss +66 -0
  2. package/dist/allocations.scss +8 -8
  3. package/dist/builder.js +1 -1
  4. package/dist/cart-summary.scss +12 -27
  5. package/dist/cart.scss +15 -13
  6. package/dist/checkout.scss +128 -40
  7. package/dist/filters.scss +9 -2
  8. package/dist/login.scss +5 -5
  9. package/dist/product-actions.scss +36 -42
  10. package/dist/product-sizechart.scss +6 -6
  11. package/dist/profile.scss +23 -12
  12. package/dist/quantity-selector.scss +8 -8
  13. package/dist/repeater.scss +10 -10
  14. package/dist/types/builder/elements/form-builder/index.d.ts +4 -0
  15. package/dist/types/builder/tools/element-edit/profile.d.ts +10 -1
  16. package/dist/widget.scss +1 -0
  17. 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
@@ -2145,6 +2145,7 @@ $dark-color: #343a40;
2145
2145
  justify-content: space-between;
2146
2146
  align-items: center;
2147
2147
  width: 100%;
2148
+ gap: 12px;
2148
2149
  .chk_payment_section_col_left {
2149
2150
  display: flex;
2150
2151
  gap: 12px;
@@ -2155,46 +2156,133 @@ $dark-color: #343a40;
2155
2156
  .chk_payment_section_method {
2156
2157
  display: flex;
2157
2158
  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
- );
2159
+ .chk_payment_section_method_details {
2160
+ display: flex;
2161
+ gap: 12px;
2162
+ .chk_payment_section_method_name {
2163
+ font-size: 14px;
2164
+ // font-weight: 700;
2165
+ line-height: 20px;
2166
+ // color: var(--_gray-700);
2167
+ white-space: nowrap;
2168
+ font-family: var(
2169
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2170
+ var(
2171
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2172
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy)
2173
+ )
2174
+ );
2175
+ color: var(
2176
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2177
+ var(
2178
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr,
2179
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-cr)
2180
+ )
2181
+ );
2182
+ font-weight: var(
2183
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2184
+ var(
2185
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt,
2186
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt)
2187
+ )
2188
+ );
2189
+ // font-size: var(
2190
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2191
+ // var(
2192
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2193
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se)
2194
+ // )
2195
+ // );
2196
+ padding: var(
2197
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2198
+ var(
2199
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2200
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg)
2201
+ )
2202
+ );
2203
+ }
2204
+ .po-container {
2205
+ // padding: 24px;
2206
+ max-width: 800px;
2207
+ .po-grid {
2208
+ display: grid;
2209
+ grid-template-columns: repeat(3, 1fr);
2210
+ // gap: 16px;
2211
+ .po-input {
2212
+ // height: 44px;
2213
+ border: 1px solid var(--_gray-200);
2214
+ border-radius: 4px;
2215
+ background-color: var(--_base-white);
2216
+ display: flex;
2217
+ // width: 120px;
2218
+ overflow: hidden;
2219
+ align-items: center;
2220
+ padding-inline: 12px;
2221
+ gap: 12px;
2222
+
2223
+ border-color: var(
2224
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-cr,
2225
+ var(
2226
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-cr,
2227
+ var(--_ctm-dn-an-tb-fm-wr-is-br-cr)
2228
+ )
2229
+ );
2230
+ border-style: var(
2231
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-se,
2232
+ var(
2233
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-se,
2234
+ var(--_ctm-dn-an-tb-fm-wr-is-br-se)
2235
+ )
2236
+ );
2237
+ border-width: var(
2238
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-wh,
2239
+ var(
2240
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-wh,
2241
+ var(--_ctm-dn-an-tb-fm-wr-is-br-wh)
2242
+ )
2243
+ );
2244
+ border-radius: var(
2245
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-rs,
2246
+ var(
2247
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-rs,
2248
+ var(--_ctm-dn-an-tb-fm-wr-is-br-rs)
2249
+ )
2250
+ );
2251
+ padding: var(
2252
+ --_ctm-mob-dn-an-tb-fm-wr-is-pg,
2253
+ var(
2254
+ --_ctm-tab-dn-an-tb-fm-wr-is-pg,
2255
+ var(--_ctm-dn-an-tb-fm-wr-is-pg)
2256
+ )
2257
+ );
2258
+
2259
+ &:focus {
2260
+ border: 1px solid var(--_primary-200);
2261
+ outline: 2px solid var(--_primary-50);
2262
+ }
2263
+ &:disabled {
2264
+ color: #aaa;
2265
+ background-color: #f9f9f9;
2266
+ border-color: #ddd;
2267
+ cursor: not-allowed;
2268
+ overflow: hidden;
2269
+ }
2270
+ }
2271
+ .p1-input {
2272
+ border-top-right-radius: 0;
2273
+ border-bottom-right-radius: 0;
2274
+ }
2275
+ .p2-input {
2276
+ border-radius: 0;
2277
+ border-left: none;
2278
+ border-right: none;
2279
+ }
2280
+ .p3-input {
2281
+ border-top-left-radius: 0;
2282
+ border-bottom-left-radius: 0;
2283
+ }
2284
+ }
2285
+ }
2198
2286
  }
2199
2287
  & > div {
2200
2288
  display: flex;
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/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/product-actions.scss CHANGED
@@ -118,9 +118,9 @@
118
118
  --_ctm-mob-dn-ad-to-ct-hr-se-at,
119
119
  var(--_ctm-tab-dn-ad-to-ct-hr-se-at, var(--_ctm-dn-ad-to-ct-hr-se-at))
120
120
  );
121
- --_sf-hr-in-ad-tt-sg: var(
122
- --_ctm-mob-dn-ad-to-ct-hr-se-in-ad-tt-sg,
123
- var(--_ctm-tab-dn-ad-to-ct-hr-se-in-ad-tt-sg, var(--_ctm-dn-ad-to-ct-hr-se-in-ad-tt-sg))
121
+ --_sf-hr-gp: var(
122
+ --_ctm-mob-dn-ad-to-ct-hr-se-gp,
123
+ var(--_ctm-tab-dn-ad-to-ct-hr-se-gp, var(--_ctm-dn-ad-to-ct-hr-se-gp))
124
124
  );
125
125
 
126
126
  // for shadow
@@ -219,7 +219,7 @@
219
219
  align-items: center;
220
220
 
221
221
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-at));
222
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-in-ad-tt-sg));
222
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-gp));
223
223
 
224
224
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-br-rs));
225
225
 
@@ -337,9 +337,9 @@
337
337
  --_ctm-mob-dn-by-nw-hr-se-at,
338
338
  var(--_ctm-tab-dn-by-nw-hr-se-at, var(--_ctm-dn-by-nw-hr-se-at))
339
339
  );
340
- --_sf-hr-in-ad-tt-sg: var(
341
- --_ctm-mob-dn-by-nw-hr-se-in-ad-tt-sg,
342
- var(--_ctm-tab-dn-by-nw-hr-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-hr-se-in-ad-tt-sg))
340
+ --_sf-hr-gp: var(
341
+ --_ctm-mob-dn-by-nw-hr-se-gp,
342
+ var(--_ctm-tab-dn-by-nw-hr-se-gp, var(--_ctm-dn-by-nw-hr-se-gp))
343
343
  );
344
344
 
345
345
  // for shadow
@@ -439,7 +439,7 @@
439
439
  gap: prepareMediaVariable(--_ctm-lt-gp);
440
440
 
441
441
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-at));
442
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-in-ad-tt-sg));
442
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-gp));
443
443
 
444
444
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-pg));
445
445
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-wh));
@@ -557,9 +557,9 @@
557
557
  --_ctm-mob-dn-wt-hr-se-at,
558
558
  var(--_ctm-tab-dn-wt-hr-se-at, var(--_ctm-dn-wt-hr-se-at))
559
559
  );
560
- --_sf-hr-in-ad-tt-sg: var(
561
- --_ctm-mob-dn-wt-hr-se-in-ad-tt-sg,
562
- var(--_ctm-tab-dn-wt-hr-se-in-ad-tt-sg, var(--_ctm-dn-wt-hr-se-in-ad-tt-sg))
560
+ --_sf-hr-gp: var(
561
+ --_ctm-mob-dn-wt-hr-se-gp,
562
+ var(--_ctm-tab-dn-wt-hr-se-gp, var(--_ctm-dn-wt-hr-se-gp))
563
563
  );
564
564
 
565
565
  // for shadow
@@ -656,7 +656,7 @@
656
656
  align-items: center;
657
657
 
658
658
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-wt-dt-se-at));
659
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-wt-dt-se-in-ad-tt-sg));
659
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-wt-dt-se-gp));
660
660
 
661
661
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-wt-dt-se-pg));
662
662
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-wt-dt-se-wh));
@@ -773,9 +773,9 @@
773
773
  --_ctm-mob-dn-ce-hr-se-at,
774
774
  var(--_ctm-tab-dn-ce-hr-se-at, var(--_ctm-dn-ce-hr-se-at))
775
775
  );
776
- --_sf-hr-in-ad-tt-sg: var(
777
- --_ctm-mob-dn-ce-hr-se-in-ad-tt-sg,
778
- var(--_ctm-tab-dn-ce-hr-se-in-ad-tt-sg, var(--_ctm-dn-ce-hr-se-in-ad-tt-sg))
776
+ --_sf-hr-gp: var(
777
+ --_ctm-mob-dn-ce-hr-se-gp,
778
+ var(--_ctm-tab-dn-ce-hr-se-gp, var(--_ctm-dn-ce-hr-se-gp))
779
779
  );
780
780
 
781
781
  // for shadow
@@ -872,7 +872,7 @@
872
872
  align-items: center;
873
873
 
874
874
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ce-dt-se-at));
875
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ce-dt-se-in-ad-tt-sg));
875
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ce-dt-se-gp));
876
876
 
877
877
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ce-dt-se-pg));
878
878
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ce-dt-se-wh));
@@ -989,9 +989,9 @@
989
989
  --_ctm-mob-dn-ad-to-qe-hr-se-at,
990
990
  var(--_ctm-tab-dn-ad-to-qe-hr-se-at, var(--_ctm-dn-ad-to-qe-hr-se-at))
991
991
  );
992
- --_sf-hr-in-ad-tt-sg: var(
993
- --_ctm-mob-dn-ad-to-qe-hr-se-in-ad-tt-sg,
994
- var(--_ctm-tab-dn-ad-to-qe-hr-se-in-ad-tt-sg, var(--_ctm-dn-ad-to-qe-hr-se-in-ad-tt-sg))
992
+ --_sf-hr-gp: var(
993
+ --_ctm-mob-dn-ad-to-qe-hr-se-gp,
994
+ var(--_ctm-tab-dn-ad-to-qe-hr-se-gp, var(--_ctm-dn-ad-to-qe-hr-se-gp))
995
995
  );
996
996
 
997
997
  // for shadow
@@ -1088,7 +1088,7 @@
1088
1088
  align-items: center;
1089
1089
 
1090
1090
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-at));
1091
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-in-ad-tt-sg));
1091
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-gp));
1092
1092
 
1093
1093
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-pg));
1094
1094
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-wh));
@@ -1208,12 +1208,9 @@
1208
1208
  --_ctm-mob-dn-ad-to-or-te-hr-se-at,
1209
1209
  var(--_ctm-tab-dn-ad-to-or-te-hr-se-at, var(--_ctm-dn-ad-to-or-te-hr-se-at))
1210
1210
  );
1211
- --_sf-hr-in-ad-tt-sg: var(
1212
- --_ctm-mob-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
1213
- var(
1214
- --_ctm-tab-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
1215
- var(--_ctm-dn-ad-to-or-te-hr-se-in-ad-tt-sg)
1216
- )
1211
+ --_sf-hr-gp: var(
1212
+ --_ctm-mob-dn-ad-to-or-te-hr-se-gp,
1213
+ var(--_ctm-tab-dn-ad-to-or-te-hr-se-gp, var(--_ctm-dn-ad-to-or-te-hr-se-gp))
1217
1214
  );
1218
1215
 
1219
1216
  // for shadow
@@ -1313,10 +1310,7 @@
1313
1310
  align-items: center;
1314
1311
 
1315
1312
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-at));
1316
- gap: var(
1317
- --_sf-hr-in-ad-tt-sg,
1318
- prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-in-ad-tt-sg)
1319
- );
1313
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-gp));
1320
1314
 
1321
1315
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-pg));
1322
1316
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-wh));
@@ -1447,9 +1441,9 @@
1447
1441
  --_ctm-mob-dn-ny-me-hr-se-at,
1448
1442
  var(--_ctm-tab-dn-ny-me-hr-se-at, var(--_ctm-dn-ny-me-hr-se-at))
1449
1443
  );
1450
- --_sf-hr-in-ad-tt-sg: var(
1451
- --_ctm-mob-dn-ny-me-hr-se-in-ad-tt-sg,
1452
- var(--_ctm-tab-dn-ny-me-hr-se-in-ad-tt-sg, var(--_ctm-dn-ny-me-hr-se-in-ad-tt-sg))
1444
+ --_sf-hr-gp: var(
1445
+ --_ctm-mob-dn-ny-me-hr-se-gp,
1446
+ var(--_ctm-tab-dn-ny-me-hr-se-gp, var(--_ctm-dn-ny-me-hr-se-gp))
1453
1447
  );
1454
1448
 
1455
1449
  // for shadow
@@ -1546,7 +1540,7 @@
1546
1540
  align-items: center;
1547
1541
 
1548
1542
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-at));
1549
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-in-ad-tt-sg));
1543
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-gp));
1550
1544
 
1551
1545
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-pg));
1552
1546
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-wh));
@@ -1662,9 +1656,9 @@
1662
1656
  --_ctm-mob-dn-dd-hr-se-at,
1663
1657
  var(--_ctm-tab-dn-dd-hr-se-at, var(--_ctm-dn-dd-hr-se-at))
1664
1658
  );
1665
- --_sf-hr-in-ad-tt-sg: var(
1666
- --_ctm-mob-dn-dd-hr-se-in-ad-tt-sg,
1667
- var(--_ctm-tab-dn-dd-hr-se-in-ad-tt-sg, var(--_ctm-dn-dd-hr-se-in-ad-tt-sg))
1659
+ --_sf-hr-gp: var(
1660
+ --_ctm-mob-dn-dd-hr-se-gp,
1661
+ var(--_ctm-tab-dn-dd-hr-se-gp, var(--_ctm-dn-dd-hr-se-gp))
1668
1662
  );
1669
1663
 
1670
1664
  // for shadow
@@ -1761,7 +1755,7 @@
1761
1755
  align-items: center;
1762
1756
 
1763
1757
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-dd-dt-se-at));
1764
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-dd-dt-se-in-ad-tt-sg));
1758
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-dd-dt-se-gp));
1765
1759
 
1766
1760
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-dd-dt-se-pg));
1767
1761
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-dd-dt-se-wh));
@@ -1877,9 +1871,9 @@
1877
1871
  --_ctm-mob-dn-me-hr-se-at,
1878
1872
  var(--_ctm-tab-dn-me-hr-se-at, var(--_ctm-dn-me-hr-se-at))
1879
1873
  );
1880
- --_sf-hr-in-ad-tt-sg: var(
1881
- --_ctm-mob-dn-me-hr-se-in-ad-tt-sg,
1882
- var(--_ctm-tab-dn-me-hr-se-in-ad-tt-sg, var(--_ctm-dn-me-hr-se-in-ad-tt-sg))
1874
+ --_sf-hr-gp: var(
1875
+ --_ctm-mob-dn-me-hr-se-gp,
1876
+ var(--_ctm-tab-dn-me-hr-se-gp, var(--_ctm-dn-me-hr-se-gp))
1883
1877
  );
1884
1878
 
1885
1879
  // for shadow
@@ -1976,7 +1970,7 @@
1976
1970
  align-items: center;
1977
1971
 
1978
1972
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-me-dt-se-at));
1979
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-me-dt-se-in-ad-tt-sg));
1973
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-me-dt-se-gp));
1980
1974
 
1981
1975
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-me-dt-se-pg));
1982
1976
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-me-dt-se-wh));
package/dist/product-sizechart.scss CHANGED
@@ -87,9 +87,9 @@
87
87
  --_ctm-mob-dn-se-ct-hr-se-at,
88
88
  var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at))
89
89
  );
90
- --_sf-hr-in-ad-tt-sg: var(
91
- --_ctm-mob-dn-se-ct-hr-se-in-ad-tt-sg,
92
- var(--_ctm-tab-dn-se-ct-hr-se-in-ad-tt-sg, var(--_ctm-dn-se-ct-hr-se-in-ad-tt-sg))
90
+ --_sf-hr-gp: var(
91
+ --_ctm-mob-dn-se-ct-hr-se-gp,
92
+ var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp))
93
93
  );
94
94
 
95
95
  // for shadow
@@ -174,7 +174,7 @@
174
174
  align-items: center;
175
175
 
176
176
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-at));
177
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-ad-tt-sg));
177
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-gp));
178
178
 
179
179
  width: 100%;
180
180
  height: 100%;
@@ -279,8 +279,8 @@
279
279
  var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at))
280
280
  );
281
281
  gap: var(
282
- --_ctm-mob-dn-me-se-ct-dt-se-in-ad-tt-sg,
283
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-ad-tt-sg, var(--_ctm-dn-me-se-ct-dt-se-in-ad-tt-sg))
282
+ --_ctm-mob-dn-me-se-ct-dt-se-gp,
283
+ var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp))
284
284
  );
285
285
  background-color: var(
286
286
  --_sf-at-hr-bd-cr,