@rolster/react-components 18.26.7 → 18.26.8

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.
@@ -31,9 +31,12 @@
31
31
  --pvt-font-weight: var(--rlc-amount-font-weight, inherit);
32
32
  --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
33
33
  --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
34
+ --pvt-width-separator: var(--rlc-amount-separator, 1.25);
34
35
  --rlc-tabular-text-font-size: var(--pvt-font-size);
35
36
  --rlc-tabular-text-font-weight: var(--pvt-font-weight);
36
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) / 1.25);
37
+ --rlc-tabular-text-char-width: calc(
38
+ var(--pvt-font-size) / var(--pvt-width-separator)
39
+ );
37
40
  display: flex;
38
41
  width: var(--rlc-amount-width, auto);
39
42
  justify-content: var(--rlc-amount-text-align, flex-start);
package/dist/cjs/index.js CHANGED
@@ -1399,7 +1399,7 @@ function RlsBadge({ children, contrast, rlsTheme }) {
1399
1399
  const className = require$$0.useMemo(() => {
1400
1400
  return renderClassStatus('rls-badge', { contrast });
1401
1401
  }, [contrast]);
1402
- return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
1402
+ return (jsxRuntimeExports.jsx("span", { className: className, "rls-theme": rlsTheme, children: children }));
1403
1403
  }
1404
1404
 
1405
1405
  function RlsBreadcrumbLabel({ label }) {
@@ -1615,7 +1615,7 @@ function RlsInputText(props) {
1615
1615
  }
1616
1616
 
1617
1617
  function RlsLabel({ children, rlsTheme }) {
1618
- return (jsxRuntimeExports.jsx("label", { className: "rls-label", "rls-theme": rlsTheme, children: children }));
1618
+ return (jsxRuntimeExports.jsx("span", { className: "rls-label", "rls-theme": rlsTheme, children: children }));
1619
1619
  }
1620
1620
 
1621
1621
  function RlsMessageIcon({ icon, children, rlsTheme }) {