@rolster/react-components 19.1.10 → 19.1.11

package/dist/cjs/assets/{index-BaDqtd9t.css → index-CDqDWlee.css}

@@ -94,7 +94,7 @@
 .rls-avatar--rounded {
   border-radius: 50%;
 }
-.rls-avatar--contrast {
+.rls-avatar--contrasted {
   color: var(--rls-theme-color-500);
   background: var(--rls-theme-color-100);
 }
@@ -110,8 +110,8 @@
   --pvt-dimension: var(--rlc-badge-dimension, var(--rls-sizing-x12));
   --pvt-font-color: var(--rls-app-color-050);
   --pvt-background: var(--rls-app-color-700);
-  --pvt-contrast-font-color: var(--rls-app-color-600);
-  --pvt-contrast-background: var(--rls-app-color-200);
+  --pvt-contrasted-font-color: var(--rls-app-color-600);
+  --pvt-contrasted-background: var(--rls-app-color-200);
   position: relative;
   display: inline-block;
   width: auto;
@@ -131,15 +131,15 @@
   background: var(--pvt-background);
   border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
 }
-.rls-badge--contrast {
-  color: var(--pvt-contrast-font-color);
-  background: var(--pvt-contrast-background);
+.rls-badge--contrasted {
+  color: var(--pvt-contrasted-font-color);
+  background: var(--pvt-contrasted-background);
 }
 .rls-badge[rls-theme] {
   --pvt-font-color: var(--rls-theme-color-050);
   --pvt-background: var(--rls-theme-color-500);
-  --pvt-contrast-font-color: var(--rls-theme-color-700);
-  --pvt-contrast-background: var(--rls-theme-color-100);
+  --pvt-contrasted-font-color: var(--rls-theme-color-700);
+  --pvt-contrasted-background: var(--rls-theme-color-100);
 }
 .rls-badge > span {
   font-size: inherit;
@@ -975,11 +975,11 @@
   color: var(--rls-theme-color-050);
   background: var(--rls-theme-color-500);
 }
-.rls-poster--contrast {
+.rls-poster--contrasted {
   color: var(--rls-app-color-700);
   background: var(--rls-app-color-200);
 }
-.rls-poster--contrast[rls-theme] {
+.rls-poster--contrasted[rls-theme] {
   color: var(--rls-theme-color-700);
   background: var(--rls-theme-color-100);
 } /*# sourceMappingURL=Poster.css.map */

package/dist/cjs/index.js

@@ -466,17 +466,17 @@ function RlsAmount({ value, decimals, rlsTheme, symbol }) {
     return (jsxRuntimeExports.jsxs("div", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && jsxRuntimeExports.jsx("span", { className: "rls-amount__symbol", children: symbol }), jsxRuntimeExports.jsxs("div", { className: "rls-amount__content", children: [jsxRuntimeExports.jsx(RlsTabularText, { className: "rls-amount__integer", value: integer }), decimal && (jsxRuntimeExports.jsx(RlsTabularText, { className: "rls-amount__decimal", value: decimal }))] })] }));
 }
 
-function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }) {
+function RlsAvatar({ children, contrasted, rounded, skeleton, rlsTheme }) {
     const className = require$$0.useMemo(() => {
-        return renderClassStatus('rls-avatar', { contrast, rounded, skeleton });
-    }, [contrast, rounded, skeleton]);
+        return renderClassStatus('rls-avatar', { contrasted, rounded, skeleton });
+    }, [contrasted, rounded, skeleton]);
     return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 
-function RlsBadge({ children, contrast, rlsTheme }) {
+function RlsBadge({ children, contrasted, rlsTheme }) {
     const className = require$$0.useMemo(() => {
-        return renderClassStatus('rls-badge', { contrast });
-    }, [contrast]);
+        return renderClassStatus('rls-badge', { contrasted });
+    }, [contrasted]);
     return (jsxRuntimeExports.jsx("span", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 
@@ -735,10 +735,10 @@ function RlsMessageIcon({ icon, children, rlsTheme }) {
     return (jsxRuntimeExports.jsxs("div", { className: "rls-message-icon", "rls-theme": rlsTheme, children: [icon && jsxRuntimeExports.jsx(RlsIcon, { value: icon }), jsxRuntimeExports.jsx("span", { className: "truncate", children: children })] }));
 }
 
-function RlsPoster({ children, contrast, rlsTheme }) {
+function RlsPoster({ children, contrasted, rlsTheme }) {
     const className = require$$0.useMemo(() => {
-        return renderClassStatus('rls-poster', { contrast });
-    }, [contrast]);
+        return renderClassStatus('rls-poster', { contrasted });
+    }, [contrasted]);
     return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 
@@ -1710,10 +1710,10 @@ function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizabl
 function RlsDatatableHeader({ children, identifier, rlsTheme }) {
     return (jsxRuntimeExports.jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
+function RlsDatatableTitle({ children, className, contained, control, identifier, rlsTheme }) {
     const classNameTitle = require$$0.useMemo(() => {
-        return renderClassStatus('rls-datatable__title', { control }, className);
-    }, [className, control]);
+        return renderClassStatus('rls-datatable__title', { contained, control }, className);
+    }, [className, contained, control]);
     return (jsxRuntimeExports.jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
@@ -1725,19 +1725,19 @@ function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
 function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
     const classNameRecord = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__record', { error, info, contained, success, warning }, className);
-    }, [className, error, info, contained, success, warning]);
+    }, [className, contained, error, info, success, warning]);
     return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
     const classNameTotals = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__totals', { error, info, contained, success, warning }, className);
-    }, [className, error, info, contained, success, warning]);
+    }, [className, contained, error, info, success, warning]);
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }) {
     const classNameCell = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__cell', { control, contained }, className);
-    }, [className, control, contained]);
+    }, [className, contained, control]);
     return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableData({ children, className, contained, control, identifier }) {