fix(SW-1509): add support for default selected key

fixed padding per list item
2025-04-10 13:30:49 +02:00
parent cb344c7bcf
commit 2b6fe17c32
4 changed files with 61 additions and 34 deletions
--- a/packages/design-system/lib/components/Select/Select.tsx
+++ b/packages/design-system/lib/components/Select/Select.tsx
@@ -88,22 +88,27 @@ export function Select({

      <Popover className={styles.popover} shouldFlip={false}>
        <ListBox className={styles.listBox}>
-          {items.map((item, idx) => (
-            <Typography variant="Body/Paragraph/mdRegular" key={idx}>
-              {typeof item === 'object' ? (
-                <SelectItem
-                  icon={item.icon || itemIcon}
-                  isDisabled={item.isDisabled}
-                >
-                  {item.label}
-                </SelectItem>
-              ) : (
-                <SelectItem icon={itemIcon} isDisabled={isDisabled}>
-                  {item.toString()}
-                </SelectItem>
-              )}
-            </Typography>
-          ))}
+          {items.map((item) =>
+            typeof item === 'object' ? (
+              <SelectItem
+                key={item.label}
+                id={item.label}
+                icon={item.icon || itemIcon}
+                isDisabled={item.isDisabled}
+              >
+                {item.label}
+              </SelectItem>
+            ) : (
+              <SelectItem
+                key={item}
+                id={item}
+                icon={itemIcon}
+                isDisabled={isDisabled}
+              >
+                {item.toString()}
+              </SelectItem>
+            )
+          )}
        </ListBox>
      </Popover>
    </AriaSelect>