@merchi/product-form 1.19.42 → 1.19.44

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 (13) hide show
  1. package/lib/components/DropzoneInput.js +7 -9
  2. package/lib/components/PantoneColourBrowser.d.ts +18 -0
  3. package/lib/components/PantoneColourBrowser.js +297 -0
  4. package/lib/components/VariationEmbroideryInput.js +304 -85
  5. package/lib/components/VariationPantoneSelect.js +159 -24
  6. package/lib/components/VariationSelectElements.d.ts +2 -0
  7. package/lib/components/VariationSelectElements.js +4 -3
  8. package/lib/styles/globals.css +327 -0
  9. package/lib/styles/globals.css.map +1 -1
  10. package/lib/styles/globals.scss +328 -0
  11. package/lib/utils/embroidery.d.ts +16 -0
  12. package/lib/utils/embroidery.js +48 -1
  13. package/package.json +1 -1
package/lib/styles/globals.css CHANGED
@@ -1744,10 +1744,337 @@
1744
1744
  animation: merchi-product-form-spin 0.8s linear infinite;
1745
1745
  }
1746
1746
 
1747
+ .merchi-embed-form_dropzone-icon .animate_spin {
1748
+ display: block;
1749
+ width: 1.5rem;
1750
+ height: 1.5rem;
1751
+ }
1752
+
1753
+ .merchi-embroidery-measure {
1754
+ display: inline-flex;
1755
+ align-items: center;
1756
+ justify-content: center;
1757
+ gap: 0.35rem;
1758
+ }
1759
+
1760
+ .merchi-embroidery-measure .animate_spin {
1761
+ width: 0.9rem;
1762
+ height: 0.9rem;
1763
+ flex: 0 0 auto;
1764
+ }
1765
+
1766
+ .merchi-embroidery-size-input::-webkit-outer-spin-button,
1767
+ .merchi-embroidery-size-input::-webkit-inner-spin-button {
1768
+ -webkit-appearance: none;
1769
+ margin: 0;
1770
+ }
1771
+
1772
+ .merchi-embroidery-size-input {
1773
+ -moz-appearance: textfield;
1774
+ appearance: textfield;
1775
+ }
1776
+
1777
+ .merchi-embroidery-previews {
1778
+ position: relative;
1779
+ display: flex;
1780
+ flex-wrap: wrap;
1781
+ gap: 1rem;
1782
+ justify-content: center;
1783
+ align-items: flex-start;
1784
+ width: 100%;
1785
+ padding-right: 1.5rem;
1786
+ }
1787
+
1788
+ .merchi-embroidery-previews figure {
1789
+ margin: 0;
1790
+ text-align: center;
1791
+ }
1792
+
1793
+ .merchi-embroidery-previews figcaption {
1794
+ margin-top: 0.25rem;
1795
+ font-size: 0.75rem;
1796
+ color: #6b7280;
1797
+ }
1798
+
1799
+ .merchi-embroidery-previews img,
1800
+ .merchi-embroidery-previews canvas {
1801
+ display: block;
1802
+ width: auto;
1803
+ height: auto;
1804
+ max-width: 180px;
1805
+ max-height: 160px;
1806
+ object-fit: contain;
1807
+ background: #f4f4f5;
1808
+ border-radius: 0.25rem;
1809
+ }
1810
+
1811
+ .merchi-embroidery-previews .merchi-embed-form_file-preview-icon-wrapper,
1812
+ .merchi-embroidery-previews button[aria-label="Remove artwork"] {
1813
+ position: absolute;
1814
+ top: 0;
1815
+ right: 0;
1816
+ }
1817
+
1818
+ .merchi-embroidery-preview-note {
1819
+ margin: 0;
1820
+ max-width: 140px;
1821
+ font-size: 0.75rem;
1822
+ color: #6b7280;
1823
+ }
1824
+
1825
+ .merchi-embroidery-threads {
1826
+ display: flex;
1827
+ flex-wrap: wrap;
1828
+ gap: 0.5rem;
1829
+ justify-content: center;
1830
+ }
1831
+
1832
+ .merchi-embroidery-thread {
1833
+ display: inline-flex;
1834
+ align-items: center;
1835
+ gap: 0.2rem;
1836
+ }
1837
+
1838
+ .merchi-embroidery-thread input[type=color] {
1839
+ -webkit-appearance: none;
1840
+ appearance: none;
1841
+ width: 1.75rem;
1842
+ height: 1.75rem;
1843
+ padding: 0;
1844
+ border: 1px solid rgba(0, 0, 0, 0.2);
1845
+ border-radius: 50%;
1846
+ overflow: hidden;
1847
+ background: transparent;
1848
+ cursor: pointer;
1849
+ }
1850
+
1851
+ .merchi-embroidery-thread input[type=color]::-webkit-color-swatch-wrapper {
1852
+ padding: 0;
1853
+ }
1854
+
1855
+ .merchi-embroidery-thread input[type=color]::-webkit-color-swatch,
1856
+ .merchi-embroidery-thread input[type=color]::-moz-color-swatch {
1857
+ border: 0;
1858
+ border-radius: 50%;
1859
+ }
1860
+
1861
+ .merchi-embroidery-thread button {
1862
+ display: inline-flex;
1863
+ align-items: center;
1864
+ justify-content: center;
1865
+ width: 1.1rem;
1866
+ height: 1.1rem;
1867
+ padding: 0;
1868
+ border: 0;
1869
+ border-radius: 999px;
1870
+ background: transparent;
1871
+ color: #6b7280;
1872
+ cursor: pointer;
1873
+ }
1874
+
1875
+ .merchi-embroidery-thread button:disabled {
1876
+ opacity: 0.35;
1877
+ cursor: not-allowed;
1878
+ }
1879
+
1747
1880
  @keyframes merchi-product-form-spin {
1748
1881
  to {
1749
1882
  transform: rotate(360deg);
1750
1883
  }
1751
1884
  }
1885
+ .merchi-pantone-view-all {
1886
+ display: inline-flex;
1887
+ align-items: center;
1888
+ margin-top: 0.65rem;
1889
+ padding: 0.4rem 0.75rem;
1890
+ border: 1px solid rgba(0, 0, 0, 0.16);
1891
+ border-radius: 0.5rem;
1892
+ background: #fff;
1893
+ color: inherit;
1894
+ font: inherit;
1895
+ font-size: 0.8125rem;
1896
+ font-weight: 600;
1897
+ line-height: 1.2;
1898
+ cursor: pointer;
1899
+ }
1900
+
1901
+ .merchi-pantone-view-all:hover:not(:disabled) {
1902
+ background: #f4f4f5;
1903
+ }
1904
+
1905
+ .merchi-pantone-view-all:disabled {
1906
+ opacity: 0.5;
1907
+ cursor: not-allowed;
1908
+ }
1909
+
1910
+ .merchi-pantone-browser {
1911
+ position: fixed;
1912
+ inset: 0;
1913
+ z-index: 13000;
1914
+ display: flex;
1915
+ align-items: center;
1916
+ justify-content: center;
1917
+ padding: 1rem;
1918
+ }
1919
+
1920
+ .merchi-pantone-browser-backdrop {
1921
+ position: absolute;
1922
+ inset: 0;
1923
+ border: 0;
1924
+ padding: 0;
1925
+ background: rgba(0, 0, 0, 0.45);
1926
+ cursor: pointer;
1927
+ }
1928
+
1929
+ .merchi-pantone-browser-dialog {
1930
+ position: relative;
1931
+ display: flex;
1932
+ flex-direction: column;
1933
+ width: min(920px, 100%);
1934
+ height: min(90vh, 820px);
1935
+ background: #fff;
1936
+ color: #18181b;
1937
+ border-radius: 1rem;
1938
+ box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
1939
+ overflow: hidden;
1940
+ }
1941
+
1942
+ .merchi-pantone-browser-header {
1943
+ display: flex;
1944
+ align-items: flex-start;
1945
+ justify-content: space-between;
1946
+ gap: 1rem;
1947
+ padding: 1.1rem 1.1rem 0.4rem 1.25rem;
1948
+ }
1949
+
1950
+ .merchi-pantone-browser-header h2 {
1951
+ margin: 0;
1952
+ font-size: 1.05rem;
1953
+ font-weight: 700;
1954
+ line-height: 1.3;
1955
+ }
1956
+
1957
+ .merchi-pantone-browser-header p {
1958
+ margin: 0.25rem 0 0;
1959
+ color: #52525b;
1960
+ font-size: 0.8rem;
1961
+ line-height: 1.4;
1962
+ }
1963
+
1964
+ .merchi-pantone-browser-close {
1965
+ flex: 0 0 auto;
1966
+ width: 2rem;
1967
+ height: 2rem;
1968
+ border: 0;
1969
+ border-radius: 0.5rem;
1970
+ background: transparent;
1971
+ color: #18181b;
1972
+ font-size: 1.5rem;
1973
+ line-height: 1;
1974
+ cursor: pointer;
1975
+ }
1976
+
1977
+ .merchi-pantone-browser-close:hover {
1978
+ background: #f4f4f5;
1979
+ }
1980
+
1981
+ .merchi-pantone-browser-tools {
1982
+ display: flex;
1983
+ flex-direction: column;
1984
+ gap: 0.65rem;
1985
+ padding: 0.75rem 1.25rem 0.5rem;
1986
+ }
1987
+
1988
+ .merchi-pantone-browser-search {
1989
+ width: 100%;
1990
+ height: 2.5rem;
1991
+ border: 1px solid rgba(0, 0, 0, 0.16);
1992
+ border-radius: 0.5rem;
1993
+ padding: 0 0.75rem;
1994
+ background: #fff;
1995
+ color: #18181b;
1996
+ font: inherit;
1997
+ font-size: 0.875rem;
1998
+ }
1999
+
2000
+ .merchi-pantone-browser-books {
2001
+ display: flex;
2002
+ flex-wrap: wrap;
2003
+ gap: 0.4rem;
2004
+ }
2005
+
2006
+ .merchi-pantone-browser-book {
2007
+ border: 1px solid rgba(0, 0, 0, 0.12);
2008
+ background: #fff;
2009
+ color: #18181b;
2010
+ border-radius: 999px;
2011
+ padding: 0.25rem 0.7rem;
2012
+ font: inherit;
2013
+ font-size: 0.75rem;
2014
+ font-weight: 600;
2015
+ cursor: pointer;
2016
+ }
2017
+
2018
+ .merchi-pantone-browser-book.is-active {
2019
+ background: #18181b;
2020
+ border-color: #18181b;
2021
+ color: #fff;
2022
+ }
2023
+
2024
+ .merchi-pantone-browser-count,
2025
+ .merchi-pantone-browser-empty {
2026
+ margin: 0;
2027
+ color: #71717a;
2028
+ font-size: 0.75rem;
2029
+ }
2030
+
2031
+ .merchi-pantone-browser-scroll {
2032
+ flex: 1 1 auto;
2033
+ min-height: 0;
2034
+ overflow-y: auto;
2035
+ padding: 0.25rem 1.25rem 1.25rem;
2036
+ }
2037
+
2038
+ .merchi-pantone-swatch {
2039
+ display: flex;
2040
+ flex-direction: column;
2041
+ align-items: center;
2042
+ gap: 0.35rem;
2043
+ height: 78px;
2044
+ margin: 0;
2045
+ padding: 0;
2046
+ border: 0;
2047
+ background: transparent;
2048
+ color: inherit;
2049
+ font: inherit;
2050
+ cursor: pointer;
2051
+ }
2052
+
2053
+ .merchi-pantone-swatch:disabled {
2054
+ opacity: 0.4;
2055
+ cursor: not-allowed;
2056
+ }
2057
+
2058
+ .merchi-pantone-swatch-chip {
2059
+ display: block;
2060
+ width: 100%;
2061
+ height: 48px;
2062
+ border-radius: 0.5rem;
2063
+ border: 1px solid rgba(0, 0, 0, 0.12);
2064
+ }
2065
+
2066
+ .merchi-pantone-swatch.is-selected .merchi-pantone-swatch-chip {
2067
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
2068
+ }
2069
+
2070
+ .merchi-pantone-swatch-code {
2071
+ max-width: 100%;
2072
+ overflow: hidden;
2073
+ text-overflow: ellipsis;
2074
+ white-space: nowrap;
2075
+ font-size: 0.7rem;
2076
+ font-weight: 600;
2077
+ line-height: 1.2;
2078
+ }
1752
2079
 
1753
2080
  /*# sourceMappingURL=globals.css.map */
package/lib/styles/globals.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/styles/globals.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAGC;AAEC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbL;AAiBC;;AACA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAZF;IAaI;;EAEA;IACE;;;AAKN;AAAA;EAGE;EACA;EACA;EACA;;AApDH;AAuDC;;AACA;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAzEL;AA6EC;;AAKI;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAvGL;AA2GC;;AAEE;EACE;EACA;;AA/GL;AAmHC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAtIL;AA0IC;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAtMP;AA2MC;;AAEE;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnQP;AAwQC;;AAEE;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AArUP;AA0UC;;AAEE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAtcL;AA0cC;;AAEE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AA1eL;AA+eC;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAvgBH;AA0gBC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAplBH;AAulBC;;AAIE;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AAIA;AACA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;AAAA;IAEE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;IACE","file":"globals.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/globals.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAGC;AAEC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbL;AAiBC;;AACA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAZF;IAaI;;EAEA;IACE;;;AAKN;AAAA;EAGE;EACA;EACA;EACA;;AApDH;AAuDC;;AACA;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAzEL;AA6EC;;AAKI;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAvGL;AA2GC;;AAEE;EACE;EACA;;AA/GL;AAmHC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAtIL;AA0IC;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAtMP;AA2MC;;AAEE;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnQP;AAwQC;;AAEE;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AArUP;AA0UC;;AAEE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAtcL;AA0cC;;AAEE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AA1eL;AA+eC;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAvgBH;AA0gBC;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAplBH;AAulBC;;AAIE;EACE;EACA;EACA;;;AAKN;AAAA;AAAA;AAIA;AACA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;AAAA;IAEE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"globals.css"}
package/lib/styles/globals.scss CHANGED
@@ -1857,8 +1857,336 @@
1857
1857
  animation: merchi-product-form-spin 0.8s linear infinite;
1858
1858
  }
1859
1859
 
1860
+ .merchi-embed-form_dropzone-icon .animate_spin {
1861
+ display: block;
1862
+ width: 1.5rem;
1863
+ height: 1.5rem;
1864
+ }
1865
+
1866
+ .merchi-embroidery-measure {
1867
+ display: inline-flex;
1868
+ align-items: center;
1869
+ justify-content: center;
1870
+ gap: 0.35rem;
1871
+ }
1872
+
1873
+ .merchi-embroidery-measure .animate_spin {
1874
+ width: 0.9rem;
1875
+ height: 0.9rem;
1876
+ flex: 0 0 auto;
1877
+ }
1878
+
1879
+ .merchi-embroidery-size-input::-webkit-outer-spin-button,
1880
+ .merchi-embroidery-size-input::-webkit-inner-spin-button {
1881
+ -webkit-appearance: none;
1882
+ margin: 0;
1883
+ }
1884
+
1885
+ .merchi-embroidery-size-input {
1886
+ -moz-appearance: textfield;
1887
+ appearance: textfield;
1888
+ }
1889
+
1890
+ .merchi-embroidery-previews {
1891
+ position: relative;
1892
+ display: flex;
1893
+ flex-wrap: wrap;
1894
+ gap: 1rem;
1895
+ justify-content: center;
1896
+ align-items: flex-start;
1897
+ width: 100%;
1898
+ padding-right: 1.5rem;
1899
+ }
1900
+
1901
+ .merchi-embroidery-previews figure {
1902
+ margin: 0;
1903
+ text-align: center;
1904
+ }
1905
+
1906
+ .merchi-embroidery-previews figcaption {
1907
+ margin-top: 0.25rem;
1908
+ font-size: 0.75rem;
1909
+ color: #6b7280;
1910
+ }
1911
+
1912
+ .merchi-embroidery-previews img,
1913
+ .merchi-embroidery-previews canvas {
1914
+ display: block;
1915
+ width: auto;
1916
+ height: auto;
1917
+ max-width: 180px;
1918
+ max-height: 160px;
1919
+ object-fit: contain;
1920
+ background: #f4f4f5;
1921
+ border-radius: 0.25rem;
1922
+ }
1923
+
1924
+ .merchi-embroidery-previews .merchi-embed-form_file-preview-icon-wrapper,
1925
+ .merchi-embroidery-previews button[aria-label='Remove artwork'] {
1926
+ position: absolute;
1927
+ top: 0;
1928
+ right: 0;
1929
+ }
1930
+
1931
+ .merchi-embroidery-preview-note {
1932
+ margin: 0;
1933
+ max-width: 140px;
1934
+ font-size: 0.75rem;
1935
+ color: #6b7280;
1936
+ }
1937
+
1938
+ .merchi-embroidery-threads {
1939
+ display: flex;
1940
+ flex-wrap: wrap;
1941
+ gap: 0.5rem;
1942
+ justify-content: center;
1943
+ }
1944
+
1945
+ .merchi-embroidery-thread {
1946
+ display: inline-flex;
1947
+ align-items: center;
1948
+ gap: 0.2rem;
1949
+ }
1950
+
1951
+ .merchi-embroidery-thread input[type='color'] {
1952
+ -webkit-appearance: none;
1953
+ appearance: none;
1954
+ width: 1.75rem;
1955
+ height: 1.75rem;
1956
+ padding: 0;
1957
+ border: 1px solid rgba(0, 0, 0, 0.2);
1958
+ border-radius: 50%;
1959
+ overflow: hidden;
1960
+ background: transparent;
1961
+ cursor: pointer;
1962
+ }
1963
+
1964
+ .merchi-embroidery-thread input[type='color']::-webkit-color-swatch-wrapper {
1965
+ padding: 0;
1966
+ }
1967
+
1968
+ .merchi-embroidery-thread input[type='color']::-webkit-color-swatch,
1969
+ .merchi-embroidery-thread input[type='color']::-moz-color-swatch {
1970
+ border: 0;
1971
+ border-radius: 50%;
1972
+ }
1973
+
1974
+ .merchi-embroidery-thread button {
1975
+ display: inline-flex;
1976
+ align-items: center;
1977
+ justify-content: center;
1978
+ width: 1.1rem;
1979
+ height: 1.1rem;
1980
+ padding: 0;
1981
+ border: 0;
1982
+ border-radius: 999px;
1983
+ background: transparent;
1984
+ color: #6b7280;
1985
+ cursor: pointer;
1986
+ }
1987
+
1988
+ .merchi-embroidery-thread button:disabled {
1989
+ opacity: 0.35;
1990
+ cursor: not-allowed;
1991
+ }
1992
+
1860
1993
  @keyframes merchi-product-form-spin {
1861
1994
  to {
1862
1995
  transform: rotate(360deg);
1863
1996
  }
1864
1997
  }
1998
+
1999
+ .merchi-pantone-view-all {
2000
+ display: inline-flex;
2001
+ align-items: center;
2002
+ margin-top: 0.65rem;
2003
+ padding: 0.4rem 0.75rem;
2004
+ border: 1px solid rgba(0, 0, 0, 0.16);
2005
+ border-radius: 0.5rem;
2006
+ background: #fff;
2007
+ color: inherit;
2008
+ font: inherit;
2009
+ font-size: 0.8125rem;
2010
+ font-weight: 600;
2011
+ line-height: 1.2;
2012
+ cursor: pointer;
2013
+ }
2014
+
2015
+ .merchi-pantone-view-all:hover:not(:disabled) {
2016
+ background: #f4f4f5;
2017
+ }
2018
+
2019
+ .merchi-pantone-view-all:disabled {
2020
+ opacity: 0.5;
2021
+ cursor: not-allowed;
2022
+ }
2023
+
2024
+ .merchi-pantone-browser {
2025
+ position: fixed;
2026
+ inset: 0;
2027
+ z-index: 13000;
2028
+ display: flex;
2029
+ align-items: center;
2030
+ justify-content: center;
2031
+ padding: 1rem;
2032
+ }
2033
+
2034
+ .merchi-pantone-browser-backdrop {
2035
+ position: absolute;
2036
+ inset: 0;
2037
+ border: 0;
2038
+ padding: 0;
2039
+ background: rgba(0, 0, 0, 0.45);
2040
+ cursor: pointer;
2041
+ }
2042
+
2043
+ .merchi-pantone-browser-dialog {
2044
+ position: relative;
2045
+ display: flex;
2046
+ flex-direction: column;
2047
+ width: min(920px, 100%);
2048
+ height: min(90vh, 820px);
2049
+ background: #fff;
2050
+ color: #18181b;
2051
+ border-radius: 1rem;
2052
+ box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
2053
+ overflow: hidden;
2054
+ }
2055
+
2056
+ .merchi-pantone-browser-header {
2057
+ display: flex;
2058
+ align-items: flex-start;
2059
+ justify-content: space-between;
2060
+ gap: 1rem;
2061
+ padding: 1.1rem 1.1rem 0.4rem 1.25rem;
2062
+ }
2063
+
2064
+ .merchi-pantone-browser-header h2 {
2065
+ margin: 0;
2066
+ font-size: 1.05rem;
2067
+ font-weight: 700;
2068
+ line-height: 1.3;
2069
+ }
2070
+
2071
+ .merchi-pantone-browser-header p {
2072
+ margin: 0.25rem 0 0;
2073
+ color: #52525b;
2074
+ font-size: 0.8rem;
2075
+ line-height: 1.4;
2076
+ }
2077
+
2078
+ .merchi-pantone-browser-close {
2079
+ flex: 0 0 auto;
2080
+ width: 2rem;
2081
+ height: 2rem;
2082
+ border: 0;
2083
+ border-radius: 0.5rem;
2084
+ background: transparent;
2085
+ color: #18181b;
2086
+ font-size: 1.5rem;
2087
+ line-height: 1;
2088
+ cursor: pointer;
2089
+ }
2090
+
2091
+ .merchi-pantone-browser-close:hover {
2092
+ background: #f4f4f5;
2093
+ }
2094
+
2095
+ .merchi-pantone-browser-tools {
2096
+ display: flex;
2097
+ flex-direction: column;
2098
+ gap: 0.65rem;
2099
+ padding: 0.75rem 1.25rem 0.5rem;
2100
+ }
2101
+
2102
+ .merchi-pantone-browser-search {
2103
+ width: 100%;
2104
+ height: 2.5rem;
2105
+ border: 1px solid rgba(0, 0, 0, 0.16);
2106
+ border-radius: 0.5rem;
2107
+ padding: 0 0.75rem;
2108
+ background: #fff;
2109
+ color: #18181b;
2110
+ font: inherit;
2111
+ font-size: 0.875rem;
2112
+ }
2113
+
2114
+ .merchi-pantone-browser-books {
2115
+ display: flex;
2116
+ flex-wrap: wrap;
2117
+ gap: 0.4rem;
2118
+ }
2119
+
2120
+ .merchi-pantone-browser-book {
2121
+ border: 1px solid rgba(0, 0, 0, 0.12);
2122
+ background: #fff;
2123
+ color: #18181b;
2124
+ border-radius: 999px;
2125
+ padding: 0.25rem 0.7rem;
2126
+ font: inherit;
2127
+ font-size: 0.75rem;
2128
+ font-weight: 600;
2129
+ cursor: pointer;
2130
+ }
2131
+
2132
+ .merchi-pantone-browser-book.is-active {
2133
+ background: #18181b;
2134
+ border-color: #18181b;
2135
+ color: #fff;
2136
+ }
2137
+
2138
+ .merchi-pantone-browser-count,
2139
+ .merchi-pantone-browser-empty {
2140
+ margin: 0;
2141
+ color: #71717a;
2142
+ font-size: 0.75rem;
2143
+ }
2144
+
2145
+ .merchi-pantone-browser-scroll {
2146
+ flex: 1 1 auto;
2147
+ min-height: 0;
2148
+ overflow-y: auto;
2149
+ padding: 0.25rem 1.25rem 1.25rem;
2150
+ }
2151
+
2152
+ .merchi-pantone-swatch {
2153
+ display: flex;
2154
+ flex-direction: column;
2155
+ align-items: center;
2156
+ gap: 0.35rem;
2157
+ height: 78px;
2158
+ margin: 0;
2159
+ padding: 0;
2160
+ border: 0;
2161
+ background: transparent;
2162
+ color: inherit;
2163
+ font: inherit;
2164
+ cursor: pointer;
2165
+ }
2166
+
2167
+ .merchi-pantone-swatch:disabled {
2168
+ opacity: 0.4;
2169
+ cursor: not-allowed;
2170
+ }
2171
+
2172
+ .merchi-pantone-swatch-chip {
2173
+ display: block;
2174
+ width: 100%;
2175
+ height: 48px;
2176
+ border-radius: 0.5rem;
2177
+ border: 1px solid rgba(0, 0, 0, 0.12);
2178
+ }
2179
+
2180
+ .merchi-pantone-swatch.is-selected .merchi-pantone-swatch-chip {
2181
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2563eb;
2182
+ }
2183
+
2184
+ .merchi-pantone-swatch-code {
2185
+ max-width: 100%;
2186
+ overflow: hidden;
2187
+ text-overflow: ellipsis;
2188
+ white-space: nowrap;
2189
+ font-size: 0.7rem;
2190
+ font-weight: 600;
2191
+ line-height: 1.2;
2192
+ }