@descope/web-components-ui 1.0.115 → 1.0.117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -213,14 +213,16 @@ const getThemeVars = (theme, prefix) =>
213
213
  set({}, path, getVarName(prefix ? [prefix, ...path] : path))
214
214
  );
215
215
 
216
- const globalsThemeToStyle = (theme, themeName = '') => `
217
- *[data-theme="${themeName}"] {
218
- ${Object.entries(themeToCSSVarsObj(theme)).reduce(
219
- (acc, entry) => (acc += `${entry.join(':')};\n`),
220
- ''
221
- )}
222
- }
223
- `;
216
+ const globalsThemeToStyle = (theme, themeName = '') => {
217
+ const style = Object.entries(themeToCSSVarsObj(theme)).reduce(
218
+ (acc, entry) => (acc += `${entry.join(':')};\n`),
219
+ ''
220
+ );
221
+
222
+ if(!themeName) return style
223
+
224
+ return `*[data-theme="${themeName}"] {${style}}`
225
+ };
224
226
 
225
227
  const componentsThemeToStyleObj = (componentsTheme) =>
226
228
  transformTheme(componentsTheme, [], (path, val) => {
@@ -2880,13 +2882,13 @@ const compVars$1 = ContainerClass.cssVarList;
2880
2882
 
2881
2883
  const verticalAlignment = {
2882
2884
  start: { verticalAlignment: 'start' },
2883
- center: { verticalAlignment: 'center' },
2885
+ center: { verticalAlignment: 'safe center' },
2884
2886
  end: { verticalAlignment: 'end' },
2885
2887
  };
2886
2888
 
2887
2889
  const horizontalAlignment = {
2888
2890
  start: { horizontalAlignment: 'start' },
2889
- center: { horizontalAlignment: 'center' },
2891
+ center: { horizontalAlignment: 'safe center' },
2890
2892
  end: { horizontalAlignment: 'end' },
2891
2893
  };
2892
2894