@7shifts/sous-chef 3.7.0 → 3.8.0

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.css CHANGED
@@ -784,13 +784,6 @@ Just for future references:
784
784
  ._3EHwm {
785
785
  padding-left: 20px;
786
786
  }
787
- ._2GGMG {
788
- display: flex;
789
- }
790
- ._2GGMG:not(:last-child):not(._1ZCir) {
791
- border-bottom: 1px solid var(--color-grey-200);
792
- }
793
-
794
787
  ._2GGMG:focus:not(:focus-visible) {
795
788
  /* Remove the focus indicator on mouse-focus for browsers
796
789
  that do support :focus-visible */
@@ -804,50 +797,17 @@ Just for future references:
804
797
  background-color: var(--color-grey-100);
805
798
  }
806
799
 
807
- ._1ZCir {
808
- border: 1px solid var(--color-eggplant-400);
809
- box-sizing: border-box;
810
- box-shadow: 0 0 8px var(--color-eggplant-300);
811
- }
812
- ._1ZCir:first-child {
813
- border-top-left-radius: 8px;
814
- border-top-right-radius: 8px;
815
- }
816
- ._1ZCir:first-child:not(:last-child) {
817
- border-bottom-left-radius: 0;
818
- border-bottom-right-radius: 0;
819
- }
820
- ._1ZCir:last-child {
821
- border-bottom-left-radius: 8px;
822
- border-bottom-right-radius: 8px;
823
- }
824
- ._1ZCir:last-child:not(:first-child) {
825
- border-top-left-radius: 0;
826
- border-top-right-radius: 0;
800
+ ._2GGMG:first-of-type > td {
801
+ border-top: 1px solid var(--color-grey-200);
827
802
  }
828
803
 
829
- ._kcNkt {
830
- display: flex;
831
- flex-direction: column;
832
- justify-content: center;
833
- position: relative;
834
- }
835
- ._2obax {
836
- padding: 16px;
804
+ ._1ZCir td {
805
+ background-color: var(--color-eggplant-100);
837
806
  }
838
- ._bLVPl {
839
- flex-direction: unset;
840
- justify-content: flex-end;
841
- }
842
- ._3PWfD:not(:last-child) {
843
- border-right: 1px solid var(--color-grey-200);
844
- }
845
-
846
- ._1IGwu {
847
- width: 40px;
848
- padding: 16px;
849
- box-sizing: content-box;
850
- flex-flow: row nowrap;
807
+ ._3Iab2 {
808
+ white-space: nowrap;
809
+ width: 100%;
810
+ display: flex;
851
811
  justify-content: flex-end;
852
812
  }
853
813
  ._v0AEt {
@@ -876,84 +836,48 @@ Just for future references:
876
836
  ._IRJ4j:hover {
877
837
  background: var(--color-grey-100);
878
838
  }
879
- ._2ZgmC {
880
- display: flex;
881
- font-size: 12px;
882
- font-weight: 600;
883
- font-family: "Proxima Nova", sans-serif;
884
- color: var(--color-grey-500);
885
- padding: 0px 17px 8px 17px;
886
- }
887
-
888
- ._3slLU {
889
- display: flex;
890
- align-items: center;
891
- line-height: 21px;
892
- }
893
- ._3slLU:not(._3slLU:first-child) {
894
- padding-left: 16px;
895
- }
896
- ._3slLU:not(._3slLU:last-child) {
897
- padding-right: 16px;
898
- }
899
- ._1-26z {
900
- cursor: pointer;
901
- }
902
- ._1vCLo {
903
- justify-content: flex-end;
904
- }
905
-
906
- ._3slLU:focus:not(:focus-visible) {
907
- /* Remove the focus indicator on mouse-focus for browsers
908
- that do support :focus-visible */
909
- outline: none;
839
+ ._2Ybjx {
840
+ position: relative;
841
+ border-bottom: 1px solid var(--color-grey-200);
842
+ padding: 16px;
843
+ word-break: break-all;
910
844
  }
911
-
912
- ._2i1wY {
913
- width: 40px;
914
- box-sizing: content-box;
845
+ ._2Ybjx:first-of-type {
846
+ border-left: 1px solid var(--color-grey-200);
915
847
  }
916
-
917
- ._BLrNe {
918
- display: inline-block;
919
- padding: 0 8px;
920
- line-height: 1em;
848
+ ._2Ybjx:last-of-type {
849
+ border-right: 1px solid var(--color-grey-200);
921
850
  }
922
-
923
- ._CT4Lp {
924
- border: 1px solid var(--color-grey-200);
925
- border-radius: 8px;
926
- font-family: "Proxima Nova", sans-serif;
927
- font-size: 14px;
851
+ ._5KXHH {
852
+ padding: 0;
928
853
  }
929
-
930
- ._398L3 {
931
- background: var(--color-grey-100);
932
- font-weight: 600;
854
+ ._2-I0j:not(:last-child) {
855
+ border-right: 1px solid var(--color-grey-200);
933
856
  }
934
-
935
- ._2smmY {
936
- margin-top: 20px;
937
- font-family: "Proxima Nova", sans-serif;
857
+ ._D73Vx {
858
+ background: var(--color-radish-100);
859
+ color: var(--color-radish-400);
938
860
  }
939
- ._2Ybjx {
940
- padding: 16px;
941
- align-items: center;
942
- display: flex;
943
- width: 100%;
861
+ ._3A9-M {
944
862
  height: 100%;
945
- box-sizing: border-box;
863
+ display: flex;
864
+ align-items: center;
946
865
  }
947
- ._1cXj6 {
948
- width: 100%;
866
+ ._17Km7 {
949
867
  justify-content: flex-end;
950
868
  }
951
- ._D73Vx {
952
- border-color: var(--color-radish-400);
953
- background: var(--color-radish-100);
954
- color: var(--color-radish-400);
869
+ ._2c6KQ {
955
870
  justify-content: space-between;
956
871
  }
872
+ ._2hIl3 {
873
+ width: 16px;
874
+ }
875
+ ._8Uhyd {
876
+ margin-left: 4px;
877
+ }
878
+ ._3X51R {
879
+ margin-right: 4px;
880
+ }
957
881
  ._2puqJ {
958
882
  position: fixed;
959
883
  top: 0px;
@@ -1679,6 +1603,215 @@ Just for future references:
1679
1603
  ._3Mm-v._3Mm-v {
1680
1604
  border-bottom-right-radius: 8px;
1681
1605
  }
1606
+ ._3qoNq {
1607
+ position: relative;
1608
+ }
1609
+
1610
+ ._2HcDV {
1611
+ position: relative;
1612
+ }
1613
+ ._3dowz > table > thead, ._3dowz > table > tfoot {
1614
+ position: sticky;
1615
+ background-color: white;
1616
+ z-index: 1;
1617
+ }
1618
+ ._3dowz > table > thead {
1619
+ top: 0;
1620
+ }
1621
+ ._3dowz > table > tfoot {
1622
+ bottom: 0;
1623
+ }
1624
+
1625
+ ._tGpUv {
1626
+ width: 100%;
1627
+ height: 100%;
1628
+ border-spacing: 0;
1629
+ border-collapse: separate;
1630
+ border: 0;
1631
+ }
1632
+ ._3VePT {
1633
+ table-layout: fixed;
1634
+ }
1635
+
1636
+ ._2ZgmC {
1637
+ text-align: left;
1638
+ }
1639
+
1640
+ ._3slLU {
1641
+ line-height: 20px;
1642
+ padding: 0 16px 8px 16px;
1643
+ background-color: unset;
1644
+ color: var(--color-grey-500);
1645
+ font-size: 12px;
1646
+ font-weight: 600;
1647
+ font-family: "Proxima Nova", sans-serif;
1648
+ border: 0;
1649
+ }
1650
+ ._1jb-H {
1651
+ width: 100%;
1652
+ height: 100%;
1653
+ display: flex;
1654
+ align-items: center;
1655
+ }
1656
+ ._2Np60 {
1657
+ justify-content: flex-end;
1658
+ }
1659
+ ._1-26z {
1660
+ cursor: pointer;
1661
+ }
1662
+
1663
+ ._3slLU:focus:not(:focus-visible) {
1664
+ /* Remove the focus indicator on mouse-focus for browsers
1665
+ that do support :focus-visible */
1666
+ outline: none;
1667
+ }
1668
+
1669
+ ._2i1wY {
1670
+ box-sizing: content-box;
1671
+ }
1672
+
1673
+ ._BLrNe {
1674
+ display: inline-block;
1675
+ padding-left: 8px;
1676
+ line-height: 1em;
1677
+ }
1678
+
1679
+ ._CT4Lp {
1680
+ border: 1px solid var(--color-grey-200);
1681
+ border-radius: 8px;
1682
+ font-family: "Proxima Nova", sans-serif;
1683
+ font-size: 14px;
1684
+ }
1685
+ ._CT4Lp tr:first-of-type > td:first-of-type {
1686
+ border-top-left-radius: 8px;
1687
+ }
1688
+ ._CT4Lp tr:first-of-type > td:last-of-type {
1689
+ border-top-right-radius: 8px;
1690
+ }
1691
+ ._CT4Lp tr:last-of-type > td:first-of-type {
1692
+ border-bottom-left-radius: 8px;
1693
+ }
1694
+ ._CT4Lp tr:last-of-type > td:last-of-type {
1695
+ border-bottom-right-radius: 8px;
1696
+ }
1697
+ ._1wU1R tr:last-of-type > td:first-of-type {
1698
+ border-bottom-left-radius: 0;
1699
+ }
1700
+ ._1wU1R tr:last-of-type > td:last-of-type {
1701
+ border-bottom-right-radius: 0;
1702
+ }
1703
+
1704
+ ._398L3 {
1705
+ font-weight: 600;
1706
+ font-size: 14px;
1707
+ }
1708
+ ._398L3 tr td {
1709
+ background: var(--color-grey-100);
1710
+ }
1711
+ ._398L3 tr td:first-of-type {
1712
+ border-left: 1px solid var(--color-grey-200);
1713
+ }
1714
+ ._398L3 tr td:last-of-type {
1715
+ border-right: 1px solid var(--color-grey-200);
1716
+ }
1717
+ ._398L3 tr:first-of-type td {
1718
+ border-top: 0;
1719
+ }
1720
+ ._398L3 tr:last-of-type td:first-of-type {
1721
+ border-bottom-left-radius: 8px;
1722
+ }
1723
+ ._398L3 tr:last-of-type td:last-of-type {
1724
+ border-bottom-right-radius: 8px;
1725
+ }
1726
+
1727
+ ._2smmY {
1728
+ margin-top: 20px;
1729
+ font-family: "Proxima Nova", sans-serif;
1730
+ }
1731
+ ._1zw4R {
1732
+ width: 100%;
1733
+ height: 20px;
1734
+ border: 1px solid var(--color-grey-200);
1735
+ box-sizing: border-box;
1736
+ position: absolute;
1737
+ z-index: 1;
1738
+ pointer-events: none;
1739
+ }
1740
+ ._2vWl5 {
1741
+ top: 28px;
1742
+ border-bottom: 0;
1743
+ border-top-right-radius: 8px;
1744
+ border-top-left-radius: 8px;
1745
+ }
1746
+ ._397Yd {
1747
+ bottom: 0;
1748
+ border-top: 0;
1749
+ border-bottom-right-radius: 8px;
1750
+ border-bottom-left-radius: 8px;
1751
+ }
1752
+ ._AGTVL {
1753
+ width: 8px;
1754
+ height: 8px;
1755
+ overflow: hidden;
1756
+ position: absolute;
1757
+ left: -1px;
1758
+ }
1759
+ ._AGTVL::before {
1760
+ content: "";
1761
+ display: block;
1762
+ width: 200%;
1763
+ height: 200%;
1764
+ position: absolute;
1765
+ border-radius: 50%;
1766
+ left: 0;
1767
+ }
1768
+ ._3wzKK {
1769
+ top: -1px;
1770
+ }
1771
+ ._3wzKK::before {
1772
+ top: 0;
1773
+ box-shadow: -6px -6px 0 0 white;
1774
+ }
1775
+ ._2pJrs {
1776
+ bottom: -1px;
1777
+ }
1778
+ ._2pJrs::before {
1779
+ bottom: 0;
1780
+ box-shadow: -6px 6px 0 0 white;
1781
+ }
1782
+ ._vh4go {
1783
+ width: 8px;
1784
+ height: 8px;
1785
+ overflow: hidden;
1786
+ position: absolute;
1787
+ right: -1px;
1788
+ }
1789
+ ._vh4go::before {
1790
+ content: "";
1791
+ display: block;
1792
+ width: 200%;
1793
+ height: 200%;
1794
+ position: absolute;
1795
+ border-radius: 50%;
1796
+ right: 0;
1797
+ }
1798
+ ._2sj0a {
1799
+ top: -1px;
1800
+ }
1801
+ ._2sj0a::before {
1802
+ top: 0;
1803
+ box-shadow: 6px -6px 0 0 white;
1804
+ }
1805
+ ._1s8kO {
1806
+ bottom: -1px;
1807
+ }
1808
+ ._1s8kO::before {
1809
+ bottom: 0;
1810
+ box-shadow: 6px 6px 0 0 white;
1811
+ }
1812
+ ._94pbt > td {
1813
+ border: 1px solid var(--color-grey-200);
1814
+ }
1682
1815
  ._2X-yg {
1683
1816
  width: 272px;
1684
1817
  }
@@ -3204,6 +3337,7 @@ input:disabled + ._1tMq-::after {
3204
3337
  max-width: fit-content;
3205
3338
  display: inline-block;
3206
3339
  text-align: center;
3340
+ white-space: nowrap;
3207
3341
  }
3208
3342
  ._23q4Y::first-letter {
3209
3343
  text-transform: capitalize;