@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
|
@@ -3,7 +3,8 @@ interface AvatarProps extends RlsComponent {
|
|
|
3
3
|
contrasted?: boolean;
|
|
4
4
|
rounded?: boolean;
|
|
5
5
|
skeleton?: boolean;
|
|
6
|
+
transparent?: boolean;
|
|
6
7
|
}
|
|
7
|
-
declare function RlsAvatarComponent({ children, contrasted, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function RlsAvatarComponent({ children, contrasted, rounded, skeleton, transparent, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export declare const RlsAvatar: import("react").MemoExoticComponent<typeof RlsAvatarComponent>;
|
|
9
10
|
export {};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
function RlsAvatarComponent({ children, contrasted, rounded, skeleton, rlsTheme }) {
|
|
4
|
+
function RlsAvatarComponent({ children, contrasted, rounded, skeleton, transparent, rlsTheme }) {
|
|
5
5
|
const className = renderClassStatus('rls-avatar', {
|
|
6
6
|
contrasted,
|
|
7
7
|
rounded,
|
|
8
|
-
skeleton
|
|
8
|
+
skeleton,
|
|
9
|
+
transparent
|
|
9
10
|
});
|
|
10
11
|
return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAUzD,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,EAAE;QAChD,UAAU;QACV,OAAO;QACP,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -3,11 +3,12 @@ import { RlsButtonType } from '../../../types';
|
|
|
3
3
|
import { RlsComponent } from '../../definitions';
|
|
4
4
|
interface ButtonActionProps extends RlsComponent {
|
|
5
5
|
icon: string;
|
|
6
|
+
badge?: string;
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
8
9
|
tooltip?: string;
|
|
9
10
|
type?: RlsButtonType;
|
|
10
11
|
}
|
|
11
|
-
declare function RlsButtonActionComponent({ icon, disabled, identifier, onClick, rlsTheme, tooltip, type }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function RlsButtonActionComponent({ icon, badge, disabled, identifier, onClick, rlsTheme, tooltip, type }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export declare const RlsButtonAction: import("react").MemoExoticComponent<typeof RlsButtonActionComponent>;
|
|
13
14
|
export {};
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsIcon } from '../Icon/Icon';
|
|
5
|
-
function RlsButtonActionComponent({ icon, disabled, identifier, onClick, rlsTheme, tooltip, type }) {
|
|
5
|
+
function RlsButtonActionComponent({ icon, badge, disabled, identifier, onClick, rlsTheme, tooltip, type }) {
|
|
6
6
|
const className = renderClassStatus('rls-button-action', { type });
|
|
7
|
-
return (_jsxs("button", { id: identifier, className: className, onClick: onClick, disabled: disabled, "rls-theme": rlsTheme, children: [
|
|
7
|
+
return (_jsxs("button", { id: identifier, className: className, onClick: onClick, disabled: disabled, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-button-action__content", children: [_jsx(RlsIcon, { value: icon }), badge && _jsx("span", { className: "rls-button-action__badge", children: badge })] }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip rls-overline-font-medium", children: _jsx("span", { children: tooltip }) }))] }));
|
|
8
8
|
}
|
|
9
9
|
export const RlsButtonAction = memo(RlsButtonActionComponent);
|
|
10
10
|
//# sourceMappingURL=ButtonAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,SAAS,wBAAwB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACc;IAClB,MAAM,SAAS,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,kBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,eACP,QAAQ,aAEnB,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,EAEvB,KAAK,IAAI,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,IAC/D,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,qDAAqD,YAClE,yBAAO,OAAO,GAAQ,GAClB,CACP,IACM,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "19.7.
|
|
3
|
+
"version": "19.7.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@eslint/js": "^10.0.1",
|
|
52
52
|
"@rolster/rollup": "^2.1.1",
|
|
53
|
-
"@rolster/styles-foundations": "^3.4.
|
|
53
|
+
"@rolster/styles-foundations": "^3.4.12",
|
|
54
54
|
"@rolster/types": "^1.1.1",
|
|
55
55
|
"@types/react": "^19.0.0",
|
|
56
56
|
"@types/react-dom": "^19.0.0",
|