@descope/web-components-ui 2.2.0 → 2.2.1

package/dist/index.esm.js

@@ -22373,11 +22373,13 @@ const componentName$c = getComponentName$1('apps-list');
 const itemRenderer$3 = ({ name, icon, url }, _, ref) => `
   <a ${url ? `href="${url}" title="${url}"` : ''} target="_blank">
     <descope-list-item>
-    <descope-avatar
-      ${icon ? `img="${icon}"` : ''}
-      ${name ? `display-name="${name}" abbr=${limitAbbreviation(name)}` : ''}
-      size="${ref.logoSize || ref.size}"
-    ></descope-avatar>
+    <div class="avatar-wrapper">
+      <descope-avatar
+        ${icon ? `img="${icon}"` : ''}
+        ${name ? `display-name="${name}" abbr=${limitAbbreviation(name)}` : ''}
+        size="${ref.logoSize || ref.size}"
+      ></descope-avatar>
+    </div>
     <descope-text
       variant="${ref.itemTextVariant}"
       mode="primary"
@@ -22449,7 +22451,7 @@ const AppsListClass = compose$1(
         property: ListItemClass.cssVarList.horizontalPaddingOverride,
       },
       itemAlignment: [
-        { selector: ListItemClass.componentName, property: ListItemClass.cssVarList.alignItemsOverride },
+        { selector: () => '.avatar-wrapper', property: 'text-align' },
         { selector: TextClass.componentName, property: TextClass.cssVarList.textAlign },
       ]
     },
@@ -22477,6 +22479,14 @@ const AppsListClass = compose$1(
         overflow: hidden;
       }
 
+      descope-list-item[variant="tile"] .avatar-wrapper {
+        width: 100%;
+      }
+
+      .avatar-wrapper {
+        line-height: 0;
+      }
+
       a {
         text-decoration: none;
       }
@@ -22484,6 +22494,7 @@ const AppsListClass = compose$1(
       descope-text {
         ${TextClass.cssVarList.hostDirection}: var(${AppsListClass.cssVarList.hostDirection});
         max-width: 100%;
+        width: 100%;
       }
     `,
   })