@descope/web-components-ui 1.0.115 → 1.0.117

package/package.json

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

package/src/helpers/themeHelpers/index.js

@@ -45,14 +45,16 @@ export const getThemeVars = (theme, prefix) =>
 		set({}, path, getVarName(prefix ? [prefix, ...path] : path))
 	);
 
-export const globalsThemeToStyle = (theme, themeName = '') => `
-*[data-theme="${themeName}"] {
-	${Object.entries(themeToCSSVarsObj(theme)).reduce(
-	(acc, entry) => (acc += `${entry.join(':')};\n`),
-	''
-)}
-}
-`;
+export 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) => {

package/src/theme/components/container.js

@@ -8,13 +8,13 @@ const compVars = 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' },
 }