ingred-ui 23.0.1 → 23.0.2

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.
package/dist/index.es.js CHANGED
@@ -1725,6 +1725,11 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
1725
1725
 
1726
1726
  @media (max-width: 640px) {
1727
1727
  display: flex;
1728
+ position: sticky;
1729
+ top: 0;
1730
+ z-index: 1;
1731
+ background: ${N.basic[0]};
1732
+ border-bottom: 1px solid ${N.basic[400]};
1728
1733
  }
1729
1734
 
1730
1735
  button {
@@ -1797,6 +1802,10 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
1797
1802
  `,Cv=v.div`
1798
1803
  flex-grow: 1;
1799
1804
  overflow-y: auto;
1805
+
1806
+ @media (max-width: 640px) {
1807
+ overflow: initial;
1808
+ }
1800
1809
  `,Ev=v.div`
1801
1810
  display: grid;
1802
1811
  grid-template:
@@ -1811,6 +1820,9 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
1811
1820
 
1812
1821
  @media (max-width: 640px) {
1813
1822
  border-radius: 0;
1823
+ position: sticky;
1824
+ top: 36.5px;
1825
+ z-index: 1;
1814
1826
  }
1815
1827
  `,Iv=v.div`
1816
1828
  grid-area: search;
@@ -1907,9 +1919,13 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
1907
1919
  background: transparent;
1908
1920
  cursor: pointer;
1909
1921
  `;const Nv=wv,Vv=v.div`
1910
- position: sticky;
1911
- top: -1px;
1912
- z-index: 2;
1922
+ @media (max-width: 640px) {
1923
+ display: flex;
1924
+ position: sticky;
1925
+ top: 36.5px;
1926
+ z-index: 1;
1927
+ border-left: none;
1928
+ }
1913
1929
  display: flex;
1914
1930
  justify-content: space-between;
1915
1931
  padding: 8px 16px;
@@ -1947,6 +1963,12 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
1947
1963
  line-height: 16px;
1948
1964
  color: ${N.basic[900]};
1949
1965
  background: ${N.basic[200]};
1966
+
1967
+ @media (max-width: 640px) {
1968
+ border-left: none;
1969
+ top: 81.5px;
1970
+ z-index: 1;
1971
+ }
1950
1972
  `,Tv=v.div`
1951
1973
  display: flex;
1952
1974
  padding: 0;