@descope/web-components-ui 1.0.105 → 1.0.107

package/dist/umd/descope-logo-index-js.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[984],{4641:(t,e,n)=>{n.r(e),n.d(e,{Logo:()=>d});var s=n(9241),o=n(693),l=n(2061);const a=(0,n(4567).iY)("logo");let i;class c extends((0,o.s)({componentName:a,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t<style>\n\t\t\t${i}\n\t\t</style>\n\t\t<div></div>`}}const r=(0,l.qC)((0,s.yk)({mappings:{height:{},width:{},url:{},fallbackUrl:{}}}),s.e4,s.Ae)(c);i=`\n:host {\n\tdisplay: inline-flex;\n}\n:host > div {\n\tdisplay: inline-block;\n\tcontent: var(${r.cssVarList.url}, var(${r.cssVarList.fallbackUrl}));\n}\n:host([draggable="true"]) > div {\n\tpointer-events: none\n}\n`;const d=r;customElements.define(a,d)}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[984],{4641:(t,n,e)=>{e.r(n),e.d(n,{Logo:()=>h});var s=e(9241),o=e(693),a=e(2061);const c=(0,e(4567).iY)("logo");let i;class l extends((0,o.s)({componentName:c,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t<style>\n\t\t\t${i}\n\t\t</style>\n\t\t<div></div>`}}const r=(0,a.qC)((0,s.yk)({mappings:{height:{selector:()=>":host"},width:{selector:()=>":host"},fallbackUrl:{property:"content"},url:{property:"content"}}}),s.e4,s.Ae)(l);i=`\n:host {\n\tdisplay: inline-flex;\n}\n:host > div {\n\tdisplay: inline-block;\n\tcontent: var(${r.cssVarList.url}, var(${r.cssVarList.fallbackUrl}));\n\tmax-width: 100%;\n\tmax-height: 100%;\n\tobject-fit: contain;\n\tmargin: auto;\n}\n:host([draggable="true"]) > div {\n\tpointer-events: none\n}\n`;const h=r;customElements.define(c,h)}}]);

package/package.json

@@ -1,13 +1,18 @@
 {
 	"name": "@descope/web-components-ui",
-	"version": "1.0.105",
+	"version": "1.0.107",
 	"description": "",
 	"main": "dist/cjs/index.cjs.js",
 	"module": "dist/index.esm.js",
 	"types": "dist/index.d.ts",
 	"exports": {
-		"require": "./dist/cjs/index.cjs.js",
-		"import": "./dist/index.esm.js"
+		".": {
+			"require": "./dist/cjs/index.cjs.js",
+			"import": "./dist/index.esm.js"
+		},
+		"./package.json": {
+			"require": "./package.json"
+		}
 	},
 	"scripts": {
 		"test": "jest",

package/src/components/descope-logo/Logo.js

@@ -27,10 +27,10 @@ class RawLogo extends createBaseClass({ componentName, baseSelector: ':host > di
 const Logo = compose(
 	createStyleMixin({
 		mappings: {
-			height: {},
-			width: {},
-			url: {},
-			fallbackUrl: {}
+			height: { selector: () => ':host' },
+			width: { selector: () => ':host' },
+			fallbackUrl: { property: 'content' },
+			url: { property: 'content' },
 		}
 	}),
 	draggableMixin,
@@ -44,6 +44,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

package/src/theme/components/logo.js

@@ -3,8 +3,7 @@ import Logo from "../../components/descope-logo/Logo";
 const vars = Logo.cssVarList
 
 const logo = {
-	[vars.width]: '100%',
-	[vars.fallbackUrl]: 'url(https://content.app.descope.com/assets/flows/noLogoPlaceholder.svg)'
+	[vars.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)'
 };
 
 export default logo;