aidos-ui 5.0.10 → 5.0.11

package/dist/index.d.ts

@@ -269,6 +269,7 @@ interface BaseListItemProps extends Omit<RowProps, "children" | "jss" | "role">
     icon?: IconType;
     iconPosition?: Position;
     iconSize?: Size;
+    iconJss?: JSS;
     addOn?: ReactNode;
     disabled?: boolean;
     role?: undefined;
@@ -687,7 +688,7 @@ declare function useStream<Frame>({ render, bufferStart, bufferEnd, index, debou
     frame: Frame;
 };
 
-declare function Sublist({ children, label, labelBold, initialState, jss, secondaryAddOn, }: {
+declare function Sublist({ children, label, labelBold, initialState, jss, }: {
     children: React__default.ReactNode;
     label: string;
     labelBold?: boolean;
@@ -695,7 +696,6 @@ declare function Sublist({ children, label, labelBold, initialState, jss, second
         collapsed: boolean;
     };
     jss?: JSS;
-    secondaryAddOn?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 interface SubmitIconInputProps extends BaseInputProps {

package/dist/index.js

@@ -1490,6 +1490,7 @@ var BaseListItem = React35.forwardRef(function BaseListItem2({
   icon,
   iconPosition = "start",
   iconSize = "medium",
+  iconJss,
   addOn,
   disabled = false,
   padding = "medium",
@@ -1505,7 +1506,15 @@ var BaseListItem = React35.forwardRef(function BaseListItem2({
       headlineBold,
       padding,
       gap,
-      addOn: icon ? /* @__PURE__ */ jsx(Icon, { icon, size: iconSize, color: contentColor }) : void 0,
+      addOn: icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon,
+          size: iconSize,
+          color: contentColor,
+          jss: iconJss
+        }
+      ) : void 0,
       addOnPosition: iconPosition,
       headline,
       headlineSize,
@@ -4403,8 +4412,7 @@ function Sublist({
   label,
   labelBold,
   initialState = { collapsed: false },
-  jss,
-  secondaryAddOn
+  jss
 }) {
   const [collapsed, setCollapsed] = React35.useState(initialState.collapsed);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4415,24 +4423,12 @@ function Sublist({
         headlineBold: labelBold,
         onClick: () => setCollapsed((x) => !x),
         jss,
-        addOn: /* @__PURE__ */ jsxs(Row, { gap: "medium", align: "center", children: [
-          secondaryAddOn,
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              padding: "none",
-              jss: [
-                {
-                  transition: "transform 0.15s ease-in"
-                },
-                !collapsed && {
-                  transform: "rotateZ(90deg)"
-                }
-              ],
-              children: /* @__PURE__ */ jsx(Icon, { color: "inherit", size: "medium", icon: "chevron-right" })
-            }
-          )
-        ] }),
+        icon: "chevron-right",
+        iconPosition: "end",
+        iconJss: {
+          transition: "transform 0.15s ease-in",
+          ...!collapsed && { transform: "rotateZ(90deg)" }
+        },
         color: "secondary"
       }
     ),