@descope/web-components-ui 1.0.161 → 1.0.162

package/package.json

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

package/src/theme/components/loader/loaderRadial.js

@@ -6,9 +6,9 @@ import {
 import { createHelperVars, getThemeRefs } from '../../../helpers/themeHelpers';
 
 const globalRefs = getThemeRefs(globals);
-const vars = LoaderRadialClass.cssVarList;
+const compVars = LoaderRadialClass.cssVarList;
 
-const [helperTheme, helperRefs] = createHelperVars(
+const [helperTheme, helperRefs, helperVars] = createHelperVars(
   {
     spinnerColor: globalRefs.colors.surface.contrast,
     mode: {
@@ -26,29 +26,32 @@ const [helperTheme, helperRefs] = createHelperVars(
 const loaderRadial = {
   ...helperTheme,
 
-  [vars.animationDuration]: '2s',
-  [vars.animationTimingFunction]: 'linear',
-  [vars.animationIterationCount]: 'infinite',
-  [vars.spinnerBorderStyle]: 'solid',
-  [vars.spinnerBorderWidth]: '0.2em',
-  [vars.spinnerBorderRadius]: '50%',
-  [vars.spinnerQuadrant1Color]: helperRefs.spinnerColor,
-  [vars.spinnerQuadrant2Color]: 'transparent',
-  [vars.spinnerQuadrant3Color]: helperRefs.spinnerColor,
-  [vars.spinnerQuadrant4Color]: 'transparent',
+  [compVars.animationDuration]: '2s',
+  [compVars.animationTimingFunction]: 'linear',
+  [compVars.animationIterationCount]: 'infinite',
+  [compVars.spinnerBorderStyle]: 'solid',
+  [compVars.spinnerBorderWidth]: '0.2em',
+  [compVars.spinnerBorderRadius]: '50%',
+  [compVars.spinnerQuadrant1Color]: helperRefs.spinnerColor,
+  [compVars.spinnerQuadrant2Color]: 'transparent',
+  [compVars.spinnerQuadrant3Color]: helperRefs.spinnerColor,
+  [compVars.spinnerQuadrant4Color]: 'transparent',
 
   size: {
-    xs: { [vars.spinnerSize]: '20px' },
-    sm: { [vars.spinnerSize]: '30px' },
-    md: { [vars.spinnerSize]: '40px' },
-    lg: { [vars.spinnerSize]: '60px' },
-    xl: { [vars.spinnerSize]: '80px' },
+    xs: { [compVars.spinnerSize]: '20px' },
+    sm: { [compVars.spinnerSize]: '30px' },
+    md: { [compVars.spinnerSize]: '40px' },
+    lg: { [compVars.spinnerSize]: '60px' },
+    xl: { [compVars.spinnerSize]: '80px' },
   },
 
   _hidden: {
-    [vars.hostDisplay]: 'none',
+    [compVars.hostDisplay]: 'none',
   },
 };
 
 export default loaderRadial;
-export { vars };
+export const vars = {
+  ...compVars,
+  ...helperVars,
+};