@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/es/index.js CHANGED
@@ -1397,7 +1397,7 @@ function RlsBadge({ children, contrast, rlsTheme }) {
1397
1397
  const className = useMemo(() => {
1398
1398
  return renderClassStatus('rls-badge', { contrast });
1399
1399
  }, [contrast]);
1400
- return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
1400
+ return (jsxRuntimeExports.jsx("span", { className: className, "rls-theme": rlsTheme, children: children }));
1401
1401
  }
1402
1402
 
1403
1403
  function RlsBreadcrumbLabel({ label }) {
@@ -1613,7 +1613,7 @@ function RlsInputText(props) {
1613
1613
  }
1614
1614
 
1615
1615
  function RlsLabel({ children, rlsTheme }) {
1616
- return (jsxRuntimeExports.jsx("label", { className: "rls-label", "rls-theme": rlsTheme, children: children }));
1616
+ return (jsxRuntimeExports.jsx("span", { className: "rls-label", "rls-theme": rlsTheme, children: children }));
1617
1617
  }
1618
1618
 
1619
1619
  function RlsMessageIcon({ icon, children, rlsTheme }) {