feat: major UI overhaul with new components and enhanced UX

- Add comprehensive Company Wiki feature with complete state management
  - CompanyWikiManager, empty states, invite modals
- Implement new Chat system with enhanced layout and components
  - ChatLayout, ChatSidebar, MessageThread, FileUploadInput
- Create modern Login and OTP verification flows
  - LoginNew page, OTPVerification component
- Add new Employee Forms system with enhanced controller
- Introduce Figma-based design components and multiple choice inputs
- Add new font assets (NeueMontreal) and robot images for onboarding
- Enhance existing components with improved styling and functionality
- Update build configuration and dependencies
- Remove deprecated ModernLogin component
This commit is contained in:
Ra
2025-08-20 03:30:04 -07:00
parent 1a9e92d7bd
commit cf565df13e
47 changed files with 6654 additions and 2007 deletions

View File

@@ -11,7 +11,7 @@
--text-secondary: #717680;
--text-tertiary : #A4A7AE;
--accent : ##3399FF;
--accent : #5E48FC;
--accent-hover: #4C3CF0;
--accent-text : #FFFFFF;
@@ -20,7 +20,7 @@
--sidebar-bg : #FDFDFD;
--sidebar-text : #717680;
--sidebar-active-bg : #3399FF;
--sidebar-active-bg : #5E48FC;
--sidebar-active-text: #FFFFFF;
--input-bg : #F5F5F5;
@@ -30,34 +30,40 @@
--button-secondary-bg : #F5F5F5;
--button-secondary-hover: #E9EAEB;
--color-red : #F63D68;
--color-green : #3CCB7F;
--color-orange : #FF4405;
--color-red : #FB3748;
--color-green : #1FC16B;
--color-orange : #5E48FC;
--color-light-orange: #F38744;
--color-yellow : #FEEE95;
--gray-0 : #FFFFFF;
--gray-50 : #F7F7F8;
--gray-100: #F1F2F4;
--gray-200: #E2E5E9;
--gray-300: #CBD0D7;
--gray-400: #99A1AE;
--gray-500: #6C7889;
--gray-600: #515A67;
--gray-700: #2D3239;
--gray-800: #24282E;
--gray-900: #121417;
--Neutrals-NeutralState950: #0A0D12;
--Neutrals-NeutralSlate900: #181D27;
--Neutrals-NeutralSlate800: #252B37;
--Neutrals-NeutralSlate700: #414651;
--Neutrals-NeutralSlate600: #535862;
--Neutrals-NeutralSlate500: #7A7680;
--Neutrals-NeutralSlate400: #A4A7AE;
--Neutrals-NeutralSlate300: #D5D7DA;
--Neutrals-NeutralSlate200: #E9EAEB;
--Neutrals-NeutralSlate100: #F5F5F5;
--Neutrals-NeutralSlate50 : #FAFAFA;
--Neutrals-NeutralSlate0 : #FDFDFD;
--neutral-100: #A4A7AE;
--neutral-200: #D5D7DA;
--neutral-300: #E9EAEB;
--neutral-400: #f5f5f5;
--neutral-400: #F5F5F5;
--neutral-500: #FAFAFA;
--neutral-600: #FDFDFD;
--neutral-700: #FEFEFE;
--button-bg-primary : #39F;
--button-border-primary: #66B2FF;
--Brand-Orange: #3399FF;
--Other-Red : #FB3748;
--Other-Green: #1FC16B;
--button-bg-primary : #5E48FC;
--button-border-primary: #7B64FF;
}
.dark {
@@ -117,17 +123,18 @@
--neutral-600 : #181D27;
--neutral-700 : #0A0D12;
--gray-900: #FFFFFF;
--gray-800: #F7F7F8;
--gray-700: #F1F2F4;
--gray-600: #E2E5E9;
--gray-500: #CBD0D7;
--gray-400: #99A1AE;
--gray-300: #6C7889;
--gray-200: #515A67;
--gray-100: #2D3239;
--gray-50 : #24282E;
--gray-0 : #121417;
--Neutrals-NeutralState950: #FDFDFD;
--Neutrals-NeutralSlate900: #FAFAFA;
--Neutrals-NeutralSlate800: #F5F5F5;
--Neutrals-NeutralSlate700: #E9EAEB;
--Neutrals-NeutralSlate600: #D5D7DA;
--Neutrals-NeutralSlate500: #A4A7AE;
--Neutrals-NeutralSlate400: #7A7680;
--Neutrals-NeutralSlate300: #535862;
--Neutrals-NeutralSlate200: #414651;
--Neutrals-NeutralSlate100: #252B37;
--Neutrals-NeutralSlate50 : #181D27;
--Neutrals-NeutralSlate0 : #0A0D12;
}
@@ -135,6 +142,17 @@
box-sizing: border-box;
}
@font-face {
font-family: 'Neue Montreal';
src : url('/fonts/NeueMontreal-Regular.woff2') format('woff2'),
url('/fonts/NeueMontreal-Regular.woff') format('woff');
font-weight : normal;
font-style : normal;
font-display: swap;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',