@rolster/react-components 19.7.2 → 19.7.3
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 +5 -4
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +5 -4
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +2 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +3 -2
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +2 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +2 -2
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +1 -1
- package/package.json +2 -2
package/dist/es/index.mjs
CHANGED
|
@@ -537,11 +537,12 @@ function RlsAreaTextComponent({ autoComplete, disabled, formControl, identifier,
|
|
|
537
537
|
}
|
|
538
538
|
const RlsAreaText = memo(RlsAreaTextComponent);
|
|
539
539
|
|
|
540
|
-
function RlsAvatarComponent({ children, contrasted, rounded, skeleton, rlsTheme }) {
|
|
540
|
+
function RlsAvatarComponent({ children, contrasted, rounded, skeleton, transparent, rlsTheme }) {
|
|
541
541
|
const className = renderClassStatus('rls-avatar', {
|
|
542
542
|
contrasted,
|
|
543
543
|
rounded,
|
|
544
|
-
skeleton
|
|
544
|
+
skeleton,
|
|
545
|
+
transparent
|
|
545
546
|
});
|
|
546
547
|
return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
547
548
|
}
|
|
@@ -584,9 +585,9 @@ function RlsButtonComponent({ type, children, disabled, identifier, onClick, pre
|
|
|
584
585
|
}
|
|
585
586
|
const RlsButton = memo(RlsButtonComponent);
|
|
586
587
|
|
|
587
|
-
function RlsButtonActionComponent({ icon, disabled, identifier, onClick, rlsTheme, tooltip, type }) {
|
|
588
|
+
function RlsButtonActionComponent({ icon, badge, disabled, identifier, onClick, rlsTheme, tooltip, type }) {
|
|
588
589
|
const className = renderClassStatus('rls-button-action', { type });
|
|
589
|
-
return (jsxRuntimeExports.jsxs("button", { id: identifier, className: className, onClick: onClick, disabled: disabled, "rls-theme": rlsTheme, children: [jsxRuntimeExports.
|
|
590
|
+
return (jsxRuntimeExports.jsxs("button", { id: identifier, className: className, onClick: onClick, disabled: disabled, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsxs("div", { className: "rls-button-action__content", children: [jsxRuntimeExports.jsx(RlsIcon, { value: icon }), badge && jsxRuntimeExports.jsx("span", { className: "rls-button-action__badge", children: badge })] }), tooltip && (jsxRuntimeExports.jsx("div", { className: "rls-button-action__tooltip rls-overline-font-medium", children: jsxRuntimeExports.jsx("span", { children: tooltip }) }))] }));
|
|
590
591
|
}
|
|
591
592
|
const RlsButtonAction = memo(RlsButtonActionComponent);
|
|
592
593
|
|