@descope/web-components-ui 1.0.195 → 1.0.196

package/dist/umd/3585.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[3585],{3585:(t,e,n)=>{n.d(e,{D:()=>c});var s=n(2061),o=n(1e3),a=n(3874);const c=({componentName:t,varName:e,fallbackVarName:n})=>{let c;class i extends((0,a.s)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\t\t\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${c}\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t\t`}}const r=(0,s.qC)((0,o.yk)({mappings:{height:{selector:()=>":host"},width:{selector:()=>":host"},[e]:{property:"content"},[n]:{property:"content"}}}),o.e4,o.Ae)(i);return c=`content: var(${r.cssVarList[e]}, var(${r.cssVarList[n]}));`,r}}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[3585],{3585:(t,e,n)=>{n.d(e,{D:()=>i});var s=n(2061),o=n(1e3),a=n(3874);const i=({componentName:t,varName:e,fallbackVarName:n})=>{let i;class c extends((0,a.s)({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\t\t\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${i}\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t\t`}}const r=(0,s.qC)((0,o.yk)({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[n]:{property:"content"}}}),o.e4,o.Ae)(c);return i=`content: var(${r.cssVarList[e]}, var(${r.cssVarList[n]}));`,r}}}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.0.195",
+  "version": "1.0.196",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/baseClasses/createCssVarImageClass.js

@@ -37,8 +37,8 @@ export const createCssVarImageClass = ({ componentName, varName, fallbackVarName
   const CssVarImageClass = compose(
     createStyleMixin({
       mappings: {
-        height: { selector: () => ':host' },
-        width: { selector: () => ':host' },
+        height: { selector: () => ':host > div' },
+        width: { selector: () => ':host > div' },
         [varName]: { property: 'content' },
         [fallbackVarName]: { property: 'content' },
       },