@descope/web-components-ui 1.0.257 → 1.0.259
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +11 -10
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button/ButtonClass.js +1 -1
- package/src/mixins/createStyleMixin/helpers.js +10 -9
package/dist/index.esm.js
CHANGED
@@ -209,8 +209,7 @@ class ComponentsThemeManager {
|
|
209
209
|
|
210
210
|
const componentsThemeManager = new ComponentsThemeManager();
|
211
211
|
|
212
|
-
const
|
213
|
-
`var(${first}${rest.length ? ` , ${createCssVarFallback(...rest)}` : ''})`;
|
212
|
+
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
214
213
|
|
215
214
|
const createCssSelector = (baseSelector = '', relativeSelectorOrSelectorFn = '') =>
|
216
215
|
isFunction(relativeSelectorOrSelectorFn)
|
@@ -263,13 +262,15 @@ const createStyle = (componentName, baseSelector, mappings) => {
|
|
263
262
|
|
264
263
|
const cssVarName = getCssVarName(componentName, attr);
|
265
264
|
|
266
|
-
attrConfig.forEach(
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
265
|
+
attrConfig.forEach(
|
266
|
+
({ selector: relativeSelectorOrSelectorFn, property, important, fallback }) => {
|
267
|
+
style.add(
|
268
|
+
createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
|
269
|
+
isFunction(property) ? property() : property,
|
270
|
+
createCssVar(cssVarName, fallback) + (important ? '!important' : '')
|
271
|
+
);
|
272
|
+
}
|
273
|
+
);
|
273
274
|
});
|
274
275
|
|
275
276
|
return style.toString();
|
@@ -1359,7 +1360,7 @@ const ButtonClass = compose(
|
|
1359
1360
|
labelTextColor: { property: 'color' },
|
1360
1361
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
1361
1362
|
labelSpacing: { ...label$a, property: 'gap' },
|
1362
|
-
textAlign: { ...label$a, property: 'justify-content' },
|
1363
|
+
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
1363
1364
|
},
|
1364
1365
|
}),
|
1365
1366
|
clickableMixin,
|