@descope/web-components-ui 1.0.258 → 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 -11
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -11
- 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 -2
- 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();
|
|
@@ -2432,7 +2433,6 @@ const resetStyles = `
|
|
|
2432
2433
|
box-shadow: none;
|
|
2433
2434
|
}
|
|
2434
2435
|
vaadin-button::part(label) {
|
|
2435
|
-
justify-content: center;
|
|
2436
2436
|
padding: 0;
|
|
2437
2437
|
width: 100%;
|
|
2438
2438
|
}
|
|
@@ -2486,7 +2486,7 @@ const ButtonClass = compose(
|
|
|
2486
2486
|
labelTextColor: { property: 'color' },
|
|
2487
2487
|
labelTextDecoration: { ...label$a, property: 'text-decoration' },
|
|
2488
2488
|
labelSpacing: { ...label$a, property: 'gap' },
|
|
2489
|
-
textAlign: { ...label$a, property: 'justify-content',
|
|
2489
|
+
textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
|
|
2490
2490
|
},
|
|
2491
2491
|
}),
|
|
2492
2492
|
clickableMixin,
|