@descope/web-components-ui 1.0.106 → 1.0.107

package/dist/index.esm.js

@@ -2085,10 +2085,10 @@ class RawLogo extends createBaseClass({ componentName: componentName$c, baseSele
 const Logo = compose(
 	createStyleMixin({
 		mappings: {
-			height: {},
-			width: {},
-			url: {},
-			fallbackUrl: {}
+			height: { selector: () => ':host' },
+			width: { selector: () => ':host' },
+			fallbackUrl: { property: 'content' },
+			url: { property: 'content' },
 		}
 	}),
 	draggableMixin,
@@ -2102,6 +2102,10 @@ style = `
 :host > div {
 	display: inline-block;
 	content: var(${Logo.cssVarList.url}, var(${Logo.cssVarList.fallbackUrl}));
+	max-width: 100%;
+	max-height: 100%;
+	object-fit: contain;
+	margin: auto;
 }
 :host([draggable="true"]) > div {
 	pointer-events: none
@@ -5878,8 +5882,7 @@ const container = {
 const vars$9 = Logo.cssVarList;
 
 const logo = {
-	[vars$9.width]: '100%',
-	[vars$9.fallbackUrl]: 'url(https://content.app.descope.com/assets/flows/noLogoPlaceholder.svg)'
+	[vars$9.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)'
 };
 
 const globalRefs$7 = getThemeRefs(globals);