@descope/web-components-ui 1.0.115 → 1.0.116

package/dist/cjs/index.cjs.js

@@ -213,14 +213,16 @@ const getThemeVars = (theme, prefix) =>
 		set({}, path, getVarName(prefix ? [prefix, ...path] : path))
 	);
 
-const globalsThemeToStyle = (theme, themeName = '') => `
-*[data-theme="${themeName}"] {
-	${Object.entries(themeToCSSVarsObj(theme)).reduce(
-	(acc, entry) => (acc += `${entry.join(':')};\n`),
-	''
-)}
-}
-`;
+const globalsThemeToStyle = (theme, themeName = '') => {
+	const style = Object.entries(themeToCSSVarsObj(theme)).reduce(
+		(acc, entry) => (acc += `${entry.join(':')};\n`),
+		''
+	);
+
+	if(!themeName) return style
+
+	return `*[data-theme="${themeName}"] {${style}}`
+};
 
 const componentsThemeToStyleObj = (componentsTheme) =>
 	transformTheme(componentsTheme, [], (path, val) => {
@@ -2880,13 +2882,13 @@ const compVars$1 = ContainerClass.cssVarList;
 
 const verticalAlignment = {
 	start: { verticalAlignment: 'start' },
-	center: { verticalAlignment: 'center' },
+	center: { verticalAlignment: 'safe center' },
 	end: { verticalAlignment: 'end' },
 };
 
 const horizontalAlignment = {
 	start: { horizontalAlignment: 'start' },
-	center: { horizontalAlignment: 'center' },
+	center: { horizontalAlignment: 'safe center' },
 	end: { horizontalAlignment: 'end' },
 };