Merge pull request #547 from juspay/staging

Staging to Main

Author: vinitkhandal717

apps/site/src/demos/ChatInputDemo.tsx

@@ -85,7 +85,7 @@ export const BasicDrawerExample = () => {
                             can have, just a simple drawer with a trigger.
                         </p>
                     </DrawerBody>
-                    <DrawerFooter>
+                    <DrawerFooter direction="bottom">
                         <DrawerClose>
                             <button
                                 style={{
@@ -407,7 +407,7 @@ export const SideDrawerExample = () => {
                             </div>
                         </div>
                     </DrawerBody>
-                    <DrawerFooter>
+                    <DrawerFooter direction="right">
                         <DrawerClose>
                             <button
                                 style={{
@@ -1454,7 +1454,7 @@ export const NonDismissibleExample = () => {
                         </p>
                         <p>You must use the close button below to close it.</p>
                     </DrawerBody>
-                    <DrawerFooter>
+                    <DrawerFooter direction="bottom">
                         <button
                             onClick={() => setIsOpen(false)}
                             style={{
@@ -3828,7 +3828,7 @@ export const ZIndexTestDrawerExample = () => {
                             </div>
                         </div>
                     </DrawerBody>
-                    <DrawerFooter>
+                    <DrawerFooter direction="bottom">
                         <DrawerClose>
                             <button
                                 style={{

apps/site/src/demos/DrawerDemo.tsx

@@ -94,6 +94,7 @@ import VirtualListDemo from './VirtualListDemo'
 import UploadDemo from './UploadDemo'
 import CodeBlockDemo from './CodeBlockDemo'
 import WorkflowCanvasDemo from './WorkflowCanvasDemo'
+import ChatInputDemo from './ChatInputDemo'
 import FormElementsDemo from './FormElementsDemo'
 
 const SidebarDemo = () => {
@@ -127,6 +128,7 @@ const SidebarDemo = () => {
         | 'unitInput'
         | 'numberInput'
         | 'textArea'
+        | 'chatInput'
         | 'snackbar'
         | 'dataTable'
         | 'drawer'
@@ -153,7 +155,7 @@ const SidebarDemo = () => {
         | 'codeBlock'
         | 'workflowCanvas'
         | 'formElements'
-    >('dataRangePicker')
+    >('chatInput')
 
     const [activeTenant, setActiveTenant] = useState<string>('Juspay')
     const [activeMerchant, setActiveMerchant] =
@@ -349,6 +351,8 @@ const SidebarDemo = () => {
                 return <NumberInputDemo />
             case 'textArea':
                 return <TextAreaDemo />
+            case 'chatInput':
+                return <ChatInputDemo />
             case 'otpInput':
                 return <OTPInputDemo />
             case 'alerts':
@@ -604,6 +608,16 @@ const SidebarDemo = () => {
                     isSelected: activeComponent === 'textArea',
                     onClick: () => setActiveComponent('textArea'),
                 },
+                {
+                    label: 'Chat Input',
+                    leftSlot: (
+                        <MessageCircle
+                            style={{ width: '16px', height: '16px' }}
+                        />
+                    ),
+                    isSelected: activeComponent === 'chatInput',
+                    onClick: () => setActiveComponent('chatInput'),
+                },
                 {
                     label: 'Multi Value Input',
                     leftSlot: (

apps/site/src/demos/SidebarDemo.tsx

@@ -179,6 +179,7 @@ const ALT_FOUNDATION_TOKENS: FoundationTokenType = {
         '10': '10px',
         '12': '12px',
         '14': '14px',
+        '15': '15px',
         '16': '16px',
         '18': '18px',
         '20': '20px',

apps/site/src/themes/AIT_FOUNDATION_TOKENS.ts

@@ -1,41 +1,35 @@
-# Changelog for v0.0.22
+# Changelog for v0.0.23-beta (Beta)
 
-> **Stable Release** - This version is production-ready and recommended for general use.
+> **Beta Release** - This is a pre-release version from the staging branch for testing purposes.
 
 ## 🚀 Features
 
-- data ids (#488) ([417206a](../../commit/417206a))
-- added controlled and uncontrolled state for sidebar component (#527) ([2c67d8f](../../commit/2c67d8f))
-- added the initial version of workflow canvas component (#510) ([e40e7b2](../../commit/e40e7b2))
-- added the height and minHeight prop to the card component (#518) ([4299564](../../commit/4299564))
+- update SidebarDemo to use chatInput component ([118e5c6](../../commit/118e5c6))
+- add ChatInput component with utility functions and demo integration ([6772218](../../commit/6772218))
 
 ## 🐛 Bug Fixes
 
-- **sidebar**: prevent tokens prop forwarding to DOM to remove React unknown prop warnings (#509) ([060e6fd](../../commit/060e6fd))
-
-## ♻️ Code Refactoring
-
-- enhance sorting and pagination functionality (#532) ([7285e76](../../commit/7285e76))
+- added gap control for directory ([e67e87b](../../commit/e67e87b))
+- remove unnecessary type assertions ([ee74ec7](../../commit/ee74ec7))
+- matched the height of sidebar header with the topbar (#541) ([f30c0e5](../../commit/f30c0e5))
 
 ## 🔧 Chores
 
-- Bug fix/UI inconsistencies (#535) ([7b840a7](../../commit/7b840a7))
-- removed className prop from accordion ], Card and progressbar … (#456) ([f3ac75c](../../commit/f3ac75c))
-- **release**: v0.0.22-beta [BETA] ([9e73ebc](../../commit/9e73ebc))
-- Add Data-ids calendar table sidebar and update component(card, table, calendar) (#519) ([5036d11](../../commit/5036d11))
-- Firebase credential rotation (#520) ([e95fca7](../../commit/e95fca7))
-- **release**: v0.0.21 [STABLE] ([23f5dda](../../commit/23f5dda))
+- fixed chat-input component ([44b1450](../../commit/44b1450))
+- **release**: v0.0.22 [STABLE] ([4fc03d7](../../commit/4fc03d7))
 
 ---
 
-**Release Date**: 2025-10-31
-**Commit Range**: v0.0.21..HEAD
-**Total Changes**: 12 commits
+**Release Date**: 2025-11-03
+**Commit Range**: v0.0.22..HEAD
+**Total Changes**: 7 commits
 
-## Installation
+## Beta Installation
 
 ```bash
-npm install @juspay/blend-design-system@latest
-# or specific version
-npm install @juspay/blend-design-system@0.0.22
+npm install @juspay/blend-design-system@beta
+# or specific beta version
+npm install @juspay/blend-design-system@0.0.23-beta
 ```
+
+> **Note**: Beta versions are for testing only. Use stable versions in production.