@zvoove/unity-ui 2.38.0 → 2.39.0

package/dist/llms.txt

@@ -1223,12 +1223,25 @@ Inline informational message.
 import { InfoBox } from '@zvoove/unity-ui';
 
 <InfoBox
-  message="Your changes have been saved."  // string (required)
-  variant="positive"           // 'default' | 'positive' | 'warning' | 'error' | 'subtle' | 'neutral' | 'outlined'
-  icon="CheckCircle"           // CommonIconNames
-  elevated={true}              // boolean (default: true)
+  title="Information title"     // ReactNode (optional; forces stacked layout)
+  message="Your changes have been saved." // ReactNode (required)
+  variant="positive"            // 'default' | 'positive' | 'warning' | 'error' | 'subtle' | 'neutral' | 'outlined'
+  icon="CheckCircle"            // CommonIconNames
+  elevated={true}               // boolean (default: true)
+  borderRadius="sm"             // 'none' | 'sm' | 'md' | 'lg' | 'xl' (default: 'sm')
+  actions={[                    // InfoBoxAction[] (optional)
+    { label: 'Learn more', onClick: handleLearnMore }, // defaults to text
+    { label: 'Continue', onClick: handleContinue },    // last defaults to filled
+  ]}
+  showCloseButton={true}        // boolean (default: false)
+  onClose={handleClose}         // callback; InfoBox stays mounted
 />
 ```
+The InfoBox keeps its existing icon-and-message inline layout when no optional
+features are supplied. With actions or a close button, it uses the component's
+own width: content stays inline when it fits and moves the actions to a
+stacked row when the container is below the 480px boundary. A title always
+uses the stacked layout.
 
 ### ConfirmationCard
 Status card with actions.
@@ -1282,6 +1295,7 @@ import { Accordion } from '@zvoove/unity-ui';
   openItems={['1']}            // string | string[]
   onToggle={handleToggle}      // (item: AccordionItem) => void
   allowMultipleOpenItems={false}  // boolean
+  highlightOpenItems={true}    // boolean — show the primary background on open item headers
 />
 ```