@sc-360-v2/storefront-cms-library 0.4.61 → 0.4.63

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 (10) hide show
  1. package/dist/cart-details.scss +150 -4
  2. package/dist/cart-summary.scss +2728 -2728
  3. package/dist/customization-tree.scss +161 -160
  4. package/dist/icon-list.scss +10 -10
  5. package/dist/image-temp.scss +3 -1
  6. package/dist/layouter.scss +4 -4
  7. package/dist/repeater-grid-toggle.scss +58 -58
  8. package/dist/repeater.scss +6 -6
  9. package/dist/user-elements.scss +1 -0
  10. package/package.json +1 -1
package/dist/cart-details.scss CHANGED
@@ -990,6 +990,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
990
990
  border-style: var(--_ctm-dn-ct-im-ss-br-se);
991
991
  border-color: var(--_ctm-dn-ct-im-ss-br-cr);
992
992
  border-width: var(--_ctm-dn-ct-im-ss-br-wh);
993
+ gap: 16px;
994
+ display: grid;
993
995
 
994
996
  // @include prepareMediaQueries($defaultValues);
995
997
 
@@ -1013,13 +1015,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1013
1015
 
1014
1016
  .product_image {
1015
1017
  width: 130px;
1016
- background-size: contain;
1017
1018
  height: 130px;
1018
1019
  background-color: var(--_gray-50);
1019
- border-radius: 4px;
1020
- background-repeat: no-repeat;
1021
- background-position: center;
1020
+ border-radius: 8px;
1022
1021
  border: 1px solid var(--_thm-cs-be-se-3);
1022
+ overflow: hidden;
1023
+ flex-shrink: 0;
1024
+
1025
+ img {
1026
+ width: 100%;
1027
+ height: 100%;
1028
+ object-fit: contain;
1029
+ border-radius: 8px;
1030
+ }
1023
1031
  }
1024
1032
 
1025
1033
  .product_info_wrapper {
@@ -1695,6 +1703,144 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1695
1703
  }
1696
1704
  }
1697
1705
  }
1706
+
1707
+ .cart_item_accordians {
1708
+ display: flex;
1709
+ flex-direction: column;
1710
+ gap: 0;
1711
+ width: 100%;
1712
+ overflow: hidden;
1713
+ padding-left: 44px;
1714
+
1715
+ .cart_item_accordion {
1716
+ border-top: 1px solid var(--_thm-cs-be-se-3);
1717
+
1718
+ &:last-child {
1719
+ border-bottom: 1px solid var(--_thm-cs-be-se-3);
1720
+ }
1721
+
1722
+ .cart_item_accordion_header {
1723
+ display: flex;
1724
+ justify-content: space-between;
1725
+ align-items: center;
1726
+ width: 100%;
1727
+ padding: 12px 0;
1728
+ cursor: pointer;
1729
+ background: none;
1730
+ border: none;
1731
+
1732
+ .cart_item_accordion_title {
1733
+ color: var(
1734
+ --_ctm-mob-dn-pt-as-ss-cr,
1735
+ var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr, var(--_thm-cs-tt-ls-as)))
1736
+ );
1737
+ font-family: var(
1738
+ --_sf-hr-ff,
1739
+ var(
1740
+ --_ctm-mob-dn-pt-as-ss-ft-fy,
1741
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1742
+ )
1743
+ );
1744
+ font-size: var(
1745
+ --_ctm-mob-dn-pt-as-ss-ft-se,
1746
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
1747
+ );
1748
+ font-weight: var(
1749
+ --_ctm-mob-dn-pt-as-ss-ft-wt,
1750
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
1751
+ );
1752
+ font-style: var(
1753
+ --_ctm-mob-dn-pt-as-ss-ft-se-ic,
1754
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
1755
+ );
1756
+ line-height: var(
1757
+ --_ctm-mob-dn-pt-as-ss-le-ht,
1758
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
1759
+ );
1760
+ letter-spacing: var(
1761
+ --_ctm-mob-dn-pt-as-ss-lr-sg,
1762
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
1763
+ );
1764
+ text-decoration: var(
1765
+ --_ctm-mob-dn-pt-as-ss-ue,
1766
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
1767
+ );
1768
+ }
1769
+
1770
+ .cart_item_accordion_left {
1771
+ display: flex;
1772
+ align-items: center;
1773
+ gap: 8px;
1774
+
1775
+ .svg_icon {
1776
+ display: flex;
1777
+ align-items: center;
1778
+ justify-content: center;
1779
+ svg {
1780
+ path {
1781
+ stroke: var(--_thm-cs-tt-ls-as);
1782
+ }
1783
+ width: 18px;
1784
+ height: 18px;
1785
+ transition: transform 400ms linear;
1786
+ transform: rotate(-90deg);
1787
+ }
1788
+ }
1789
+
1790
+ .svg_icon.down svg {
1791
+ transform: rotate(0deg);
1792
+ }
1793
+ }
1794
+
1795
+ .cart_item_accordion_right {
1796
+ display: flex;
1797
+ align-items: center;
1798
+ gap: 8px;
1799
+
1800
+ .cart_item_accordion_price {
1801
+ white-space: nowrap;
1802
+ color: var(
1803
+ --_ctm-mob-dn-pt-pe-ss-cr,
1804
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1805
+ );
1806
+ font-family: var(
1807
+ --_sf-hr-ff,
1808
+ var(
1809
+ --_ctm-mob-dn-pt-pe-ss-ft-fy,
1810
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1811
+ )
1812
+ );
1813
+ font-size: var(
1814
+ --_ctm-mob-dn-pt-pe-ss-ft-se,
1815
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
1816
+ );
1817
+ font-weight: var(
1818
+ --_ctm-mob-dn-pt-pe-ss-ft-wt,
1819
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1820
+ );
1821
+ }
1822
+ }
1823
+ }
1824
+
1825
+ .cart_item_accordion_body {
1826
+ padding: 0 0 12px 0;
1827
+
1828
+ .bundle-products-list {
1829
+ padding: 16px;
1830
+ display: grid;
1831
+ gap: 16px;
1832
+ border: 1px solid var(--_thm-cs-be-se-3);
1833
+ border-radius: 4px;
1834
+ .bundle-product-item {
1835
+ .product_qty_price_wrapper {
1836
+ gap: 8px;
1837
+ }
1838
+ }
1839
+ }
1840
+ }
1841
+ }
1842
+ }
1843
+
1698
1844
  // .cart_product_wrapper {
1699
1845
  // display: flex;
1700
1846
  // justify-content: space-between;