@zvoove/unity-ui 2.30.0 → 2.32.2

package/dist/llms.txt

@@ -806,6 +806,13 @@ import { List } from '@zvoove/unity-ui';
   ]}
   showDividers={true}           // boolean (default: true) — show dividers between items
   linkComponent="div"           // T | 'div' (default: 'div') — set to 'a' for native links or pass a custom router Link
+  spread="top"                  // 'top' | 'bottom' | 'center' | 'between' | 'evenly' (default: 'top') — vertical distribution; needs a fixed height to be visible
+  height={400}                  // ResponsiveType<number | string> — pixel number or any CSS length, also accepts a responsive object
+  width="100%"                  // ResponsiveType<number | string>
+  minHeight={200}               // ResponsiveType<number | string>
+  maxHeight="80vh"              // ResponsiveType<number | string>
+  minWidth={240}                // ResponsiveType<number | string>
+  maxWidth="100%"               // ResponsiveType<number | string>
 />
 ```
 
@@ -845,6 +852,18 @@ import { Link } from 'react-router-dom';
   ]}
 />
 
+// Distributing items along a fixed height — pair `spread` with `showDividers={false}` for a clean layout
+<List
+  spread="between"
+  showDividers={false}
+  height={320}
+  items={[
+    { id: 'item-1', content: 'Item 1' },
+    { id: 'item-2', content: 'Item 2' },
+    { id: 'item-3', content: 'Item 3' },
+  ]}
+/>
+
 // Inside a Card with header
 <Card padding="none" width={320} variant="outlined">
   <Stack padding="md" direction="row" gap="sm" align="center">

package/dist/theme.css

@@ -40,7 +40,7 @@
   font-family: 'Overpass';
   font-style: normal;
   font-weight: 400;
-  src: url('https://dj4fauerr81yp.cloudfront.net/fonts/overpass-normal-variable.woff2')
+  src: url('https://d1ciav5yxfbyc5.cloudfront.net/fonts/overpass-normal-variable.woff2')
     format('woff2');
   font-display: swap;
 }