@7shifts/sous-chef 4.0.0 → 4.1.0-beta-20260423211602

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 (30) hide show
  1. package/dist/assets/SevenShiftsLogo/SevenShiftsLogo.d.ts +3 -0
  2. package/dist/assets/SevenShiftsLogo/index.d.ts +1 -0
  3. package/dist/assets/SevenShiftsShortLogo/SevenShiftsShortLogo.d.ts +3 -0
  4. package/dist/assets/SevenShiftsShortLogo/index.d.ts +1 -0
  5. package/dist/hooks/useScrollDetector.d.ts +4 -0
  6. package/dist/icons/components/communication/IconMicrophone.d.ts +10 -0
  7. package/dist/icons/components/communication/index.d.ts +1 -0
  8. package/dist/index.css +198 -0
  9. package/dist/index.css.map +1 -1
  10. package/dist/index.js +2683 -2301
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.modern.js +2731 -2339
  13. package/dist/index.modern.js.map +1 -1
  14. package/dist/navigation/PrimaryNav/PrimaryNav.d.ts +9 -0
  15. package/dist/navigation/PrimaryNav/PrimaryNavContext.d.ts +16 -0
  16. package/dist/navigation/PrimaryNav/PrimaryNavHeader/PrimaryNavHeader.d.ts +6 -0
  17. package/dist/navigation/PrimaryNav/PrimaryNavHeader/index.d.ts +1 -0
  18. package/dist/navigation/PrimaryNav/index.d.ts +1 -0
  19. package/dist/navigation/PrimaryNavDivider/PrimaryNavDivider.d.ts +3 -0
  20. package/dist/navigation/PrimaryNavDivider/index.d.ts +1 -0
  21. package/dist/navigation/PrimaryNavFooter/PrimaryNavFooter.d.ts +6 -0
  22. package/dist/navigation/PrimaryNavFooter/index.d.ts +1 -0
  23. package/dist/navigation/PrimaryNavItem/PrimaryNavItem.d.ts +12 -0
  24. package/dist/navigation/PrimaryNavItem/PrimaryNavItemBadge/PrimaryNavItemBadge.d.ts +9 -0
  25. package/dist/navigation/PrimaryNavItem/PrimaryNavItemBadge/index.d.ts +1 -0
  26. package/dist/navigation/PrimaryNavItem/index.d.ts +1 -0
  27. package/dist/navigation/PrimaryNavSubItem/PrimaryNavSubItem.d.ts +10 -0
  28. package/dist/navigation/PrimaryNavSubItem/index.d.ts +1 -0
  29. package/dist/navigation/index.d.ts +6 -1
  30. package/package.json +10 -9
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SevenShiftsLogo: () => React.JSX.Element;
3
+ export default SevenShiftsLogo;
@@ -0,0 +1 @@
1
+ export { default } from './SevenShiftsLogo';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SevenShiftsShortLogo: () => React.JSX.Element;
3
+ export default SevenShiftsShortLogo;
@@ -0,0 +1 @@
1
+ export { default } from './SevenShiftsShortLogo';
@@ -0,0 +1,4 @@
1
+ import { RefObject } from 'react';
2
+ export declare const useScrollDetector: (contentRef: RefObject<HTMLDivElement>) => {
3
+ hasScroll: boolean;
4
+ };
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { IconSize, IconVariant } from '../../types';
3
+ type Props = {
4
+ size?: IconSize;
5
+ color?: string;
6
+ testId?: string;
7
+ variant?: IconVariant;
8
+ } & React.SVGProps<SVGSVGElement>;
9
+ declare const IconMicrophone: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
10
+ export default IconMicrophone;
@@ -6,6 +6,7 @@ export { default as IconComment } from './IconComment';
6
6
  export { default as IconCommentLines } from './IconCommentLines';
7
7
  export { default as IconEnvelope } from './IconEnvelope';
8
8
  export { default as IconMessages } from './IconMessages';
9
+ export { default as IconMicrophone } from './IconMicrophone';
9
10
  export { default as IconMobile } from './IconMobile';
10
11
  export { default as IconPhone } from './IconPhone';
11
12
  export { default as IconVideo } from './IconVideo';
package/dist/index.css CHANGED
@@ -5677,6 +5677,204 @@ input._TEU6N {
5677
5677
  ._4M-yZ {
5678
5678
  min-width: 40px;
5679
5679
  }
5680
+ ._Smo46 {
5681
+ --nav-background-color: #f1f0ec;
5682
+ --nav-foreground-color: #e2ded6;
5683
+ --nav-object-soft-color: #6e6d6c;
5684
+ --nav-object-normal-color: #232324;
5685
+ height: 100%;
5686
+ background-color: var(--nav-background-color);
5687
+ display: flex;
5688
+ flex-direction: column;
5689
+ overflow: hidden;
5690
+ transition: width 0.2s;
5691
+ }
5692
+ ._-6GAa {
5693
+ --nav-background-color: #232324;
5694
+ --nav-foreground-color: #413e3e;
5695
+ --nav-object-soft-color: #c9c4ba;
5696
+ --nav-object-normal-color: #f8f7f5;
5697
+ }
5698
+ ._w-QAC {
5699
+ width: 64px;
5700
+ }
5701
+ ._B7Nse {
5702
+ width: 248px;
5703
+ }
5704
+ ._UCA59 {
5705
+ flex-grow: 1;
5706
+ overflow-y: auto;
5707
+ background-color: var(--nav-background-color);
5708
+ }
5709
+ ._6bVLs {
5710
+ display: flex;
5711
+ flex-direction: column;
5712
+ justify-content: center;
5713
+ height: 56px;
5714
+ padding-left: 28px;
5715
+ padding-right: 4px;
5716
+ margin-bottom: 12px;
5717
+ color: var(--color-brand-neutrals-caviar-dynamic);
5718
+ }
5719
+ ._AYwpG {
5720
+ padding: 0;
5721
+ align-items: center;
5722
+ }
5723
+ @keyframes _aMyIG {
5724
+ from {
5725
+ opacity: 0;
5726
+ }
5727
+ to {
5728
+ opacity: 1;
5729
+ }
5730
+ }
5731
+ ._mWULf {
5732
+ padding: 4px 12px;
5733
+ min-height: 38px;
5734
+ color: var(--nav-object-soft-color);
5735
+ box-sizing: border-box;
5736
+ }
5737
+ ._mWULf button {
5738
+ width: 100%;
5739
+ padding: 0;
5740
+ border: 0;
5741
+ text-align: left;
5742
+ background-color: transparent;
5743
+ }
5744
+ ._GkDWn {
5745
+ display: flex;
5746
+ align-items: center;
5747
+ gap: 16px;
5748
+ padding: 4px 2px 4px 12px;
5749
+ min-height: 24px;
5750
+ box-sizing: border-box;
5751
+ border-radius: var(--border-radius-400);
5752
+ line-height: 21px;
5753
+ cursor: pointer;
5754
+ position: relative;
5755
+ }
5756
+ ._GkDWn:hover {
5757
+ background: var(--color-hover-darken);
5758
+ }
5759
+ ._3LYJx {
5760
+ width: 16px;
5761
+ color: var(--nav-object-normal-color);
5762
+ }
5763
+ ._oz5bt {
5764
+ flex-grow: 1;
5765
+ white-space: nowrap;
5766
+ color: var(--nav-object-normal-color);
5767
+ }
5768
+ ._yCxLl {
5769
+ width: 8px;
5770
+ height: 8px;
5771
+ background: var(--color-secondary-color);
5772
+ border-radius: 50%;
5773
+ position: absolute;
5774
+ right: 9px;
5775
+ top: 2px;
5776
+ border: 1px solid var(--nav-foreground-color);
5777
+ animation: _aMyIG 0.8s ease;
5778
+ }
5779
+ ._SFpch {
5780
+ display: flex;
5781
+ flex-direction: column;
5782
+ gap: 4px;
5783
+ margin-top: 4px;
5784
+ }
5785
+ ._zfy2L {
5786
+ color: var(--nav-object-normal-color);
5787
+ border-left: 2px solid var(--nav-object-normal-color);
5788
+ padding-left: 10px;
5789
+ }
5790
+ ._zfy2L ._GkDWn {
5791
+ background: var(--nav-foreground-color);
5792
+ }
5793
+ ._-RLI8 {
5794
+ color: var(--nav-object-normal-color);
5795
+ border-left: 2px solid var(--nav-object-normal-color);
5796
+ padding-left: 10px;
5797
+ }
5798
+ ._S2i4R {
5799
+ width: 8px;
5800
+ height: 8px;
5801
+ background: var(--color-secondary-color);
5802
+ border-radius: 50%;
5803
+ position: absolute;
5804
+ right: 9px;
5805
+ top: 2px;
5806
+ border: 1px solid var(--nav-foreground-color);
5807
+ animation: _D9NA6 0.8s ease;
5808
+ }
5809
+ @keyframes _eIHTO {
5810
+ from {
5811
+ opacity: 0;
5812
+ }
5813
+ to {
5814
+ opacity: 1;
5815
+ }
5816
+ }
5817
+ ._kWT6L {
5818
+ min-height: 30px;
5819
+ color: var(--nav-object-soft-color);
5820
+ box-sizing: border-box;
5821
+ }
5822
+ ._c3utS {
5823
+ display: flex;
5824
+ align-items: center;
5825
+ gap: 16px;
5826
+ padding: 4px 2px 4px 44px;
5827
+ min-height: 30px;
5828
+ box-sizing: border-box;
5829
+ border-radius: var(--border-radius-400);
5830
+ line-height: 21px;
5831
+ cursor: pointer;
5832
+ }
5833
+ ._3IImx {
5834
+ padding-left: 16px;
5835
+ }
5836
+ ._c3utS:hover {
5837
+ background: var(--color-hover-darken);
5838
+ }
5839
+ ._Kg1TF {
5840
+ flex-grow: 1;
5841
+ white-space: nowrap;
5842
+ }
5843
+ ._uMbkq {
5844
+ width: 6px;
5845
+ height: 6px;
5846
+ background: var(--nav-object-soft-color);
5847
+ border-radius: 50%;
5848
+ animation: _eIHTO 0.2s ease;
5849
+ }
5850
+ ._nkaWg {
5851
+ color: var(--nav-object-normal-color);
5852
+ }
5853
+ ._nkaWg ._uMbkq {
5854
+ background: var(--nav-object-normal-color);
5855
+ }
5856
+ ._nkaWg ._c3utS {
5857
+ background: var(--nav-foreground-color);
5858
+ }
5859
+ ._qN8Zl {
5860
+ width: 100%;
5861
+ padding: 10px 15px;
5862
+ box-sizing: border-box;
5863
+ }
5864
+ ._qN8Zl::after {
5865
+ content: "";
5866
+ display: block;
5867
+ width: 100%;
5868
+ height: 1px;
5869
+ background-color: var(--nav-foreground-color);
5870
+ }
5871
+ ._9dbuu {
5872
+ padding: 10px 0 20px 0;
5873
+ }
5874
+ ._Bq3B4 {
5875
+ box-shadow: 0 0 12px -3px var(--color-shadow-overlay);
5876
+ transition: box-shadow 0.4s ease-in-out;
5877
+ }
5680
5878
  ._mhyqH {
5681
5879
  display: flex;
5682
5880
  flex-direction: row;