@descope/web-components-ui 1.0.257 → 1.0.259
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.
- 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/cjs/index.cjs.js
CHANGED
|
@@ -528,8 +528,7 @@ const globals = {
|
|
|
528
528
|
};
|
|
529
529
|
const vars$x = getThemeVars(globals);
|
|
530
530
|
|
|
531
|
-
const
|
|
532
|
-
`var(${first}${rest.length ? ` , ${createCssVarFallback(...rest)}` : ''})`;
|
|
531
|
+
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
|
533
532
|
|
|
534
533
|
const createCssSelector = (baseSelector = '', relativeSelectorOrSelectorFn = '') =>
|
|
535
534
|
isFunction(relativeSelectorOrSelectorFn)
|
|
@@ -582,13 +581,15 @@ const createStyle = (componentName, baseSelector, mappings) => {
|
|
|
582
581
|
|
|
583
582
|
const cssVarName = getCssVarName(componentName, attr);
|
|
584
583
|
|
|
585
|
-
attrConfig.forEach(
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
584
|
+
attrConfig.forEach(
|
|
585
|
+
({ selector: relativeSelectorOrSelectorFn, property, important, fallback }) => {
|
|
586
|
+
style.add(
|
|
587
|
+
createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
|
|
588
|
+
isFunction(property) ? property() : property,
|
|
589
|
+
createCssVar(cssVarName, fallback) + (important ? '!important' : '')
|
|
590
|
+
);
|
|
591
|
+
}
|
|
592
|
+
);
|
|
592
593
|
});
|
|
593
594
|
|
|
594
595
|
return style.toString();
|
|
@@ -2485,7 +2486,7 @@ const ButtonClass = compose(
|
|
|
2485
2486
|
labelTextColor: { property: 'color' },
|
|
2486
2487
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
2487
2488
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
2488
|
-
textAlign: { ...label$a, property: 'justify-content' },
|
|
2489
|
+
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
|
2489
2490
|
},
|
|
2490
2491
|
}),
|
|
2491
2492
|
clickableMixin,
|