@descope/web-components-ui 1.0.195 → 1.0.197

package/dist/index.esm.js

@@ -2334,8 +2334,8 @@ 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' },
       },
@@ -4704,10 +4704,10 @@ var CountryCodes = [
   },
 ].sort((a, b) => (a.name < b.name ? -1 : 1));
 
-// We use JSDelivr in order to fetch the images as image file from this library (svg-country-flags)
+// We use JSDelivr (proxy by static.descope.com) in order to fetch the images as image file from this library (svg-country-flags)
 // This reduces our bundle size, and we use it as a static remote resource.
 const getCountryFlag = (code) =>
-  `https://cdn.jsdelivr.net/npm/svg-country-flags@1.2.10/svg/${code.toLowerCase()}.svg`;
+  `https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${code.toLowerCase()}.svg`;
 
 const comboBoxItem = ({ code, dialCode, name: country }) => `
 	<div