@rolster/react-components 19.1.14 → 19.1.15

package/dist/esm/components/atoms/Amount/Amount.d.ts

@@ -1,10 +1,9 @@
-import { RlsTheme } from '../../definitions';
+import { PropsWithClassName, PropsWithRlsTheme } from '../../definitions';
 import './Amount.css';
-interface AmountProps {
+interface AmountProps extends PropsWithClassName, PropsWithRlsTheme {
     value: number;
     decimals?: number;
-    rlsTheme?: RlsTheme;
     symbol?: string;
 }
-export declare function RlsAmount({ value, decimals, rlsTheme, symbol }: AmountProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsAmount({ value, className, decimals, rlsTheme, symbol }: AmountProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/atoms/Amount/Amount.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { currencyFormat } from '@rolster/commons';
 import { useMemo } from 'react';
+import { renderClassStatus } from '../../../helpers/css';
 import { RlsTabularText } from '../TabularText/TabularText';
 import './Amount.css';
-export function RlsAmount({ value, decimals, rlsTheme, symbol }) {
+export function RlsAmount({ value, className, decimals, rlsTheme, symbol }) {
+    const classNameAmount = useMemo(() => {
+        return renderClassStatus('rls-amount', {}, className);
+    }, [className]);
     const { decimal, integer } = useMemo(() => {
         const currency = currencyFormat({ value, decimals });
         if (!currency.includes(',')) {
@@ -15,6 +19,6 @@ export function RlsAmount({ value, decimals, rlsTheme, symbol }) {
             decimal: currencySplit[1] || ''
         };
     }, [value, decimals]);
-    return (_jsxs("div", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && _jsx("span", { className: "rls-amount__symbol", children: symbol }), _jsxs("div", { className: "rls-amount__content", children: [_jsx(RlsTabularText, { className: "rls-amount__integer", value: integer }), decimal && (_jsx(RlsTabularText, { className: "rls-amount__decimal", value: decimal }))] })] }));
+    return (_jsxs("div", { className: classNameAmount, "rls-theme": rlsTheme, children: [symbol && _jsx("span", { className: "rls-amount__symbol", children: symbol }), _jsxs("div", { className: "rls-amount__content", children: [_jsx(RlsTabularText, { className: "rls-amount__integer", value: integer }), decimal && (_jsx(RlsTabularText, { className: "rls-amount__decimal", value: decimal }))] })] }));
 }
 //# sourceMappingURL=Amount.js.map

package/dist/esm/components/atoms/Amount/Amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAe;IAC1E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC5C,CAAC;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1C,OAAO;YACL,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE;SAChC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,eAAY,QAAQ,aAC5C,MAAM,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,MAAM,GAAQ,EAE/D,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,cAAc,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,OAAO,GAAI,EAEjE,OAAO,IAAI,CACV,KAAC,cAAc,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,OAAO,GAAI,CACnE,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Amount.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACM;IACZ,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC5C,CAAC;QAED,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1C,OAAO;YACL,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE;SAChC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,eAAa,QAAQ,aACjD,MAAM,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,MAAM,GAAQ,EAE/D,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,cAAc,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,OAAO,GAAI,EAEjE,OAAO,IAAI,CACV,KAAC,cAAc,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,OAAO,GAAI,CACnE,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Icon/Icon.css

@@ -1,6 +1,7 @@
 .rls-icon {
   --pvt-icon-dimension: var(--rlc-icon-dimension, var(--rls-sizing-x12));
   --pvt-icon-display: block;
+  --pvt-icon-color: var(--rlc-icon-color);
   position: relative;
   font-size: var(--pvt-icon-dimension);
   width: var(--pvt-icon-dimension);
@@ -12,9 +13,12 @@
   background: var(--rls-theme-color-300);
   border-radius: var(--rls-sizing-x2);
 }
+.rls-icon[rls-theme] {
+  --pvt-icon-color: var(--rls-theme-color-500);
+}
 .rls-icon > i {
   display: var(--pvt-icon-display);
-  color: var(--rlc-icon-color, inherit);
+  color: var(--pvt-icon-color, inherit);
   width: 100%;
   height: 100%;
   line-height: inherit;

package/dist/esm/components/atoms/Icon/Icon.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.scss"],"names":[],"mappings":"AAOA,UACE,uEACA,0BAEA,kBACA,oCACA,gCACA,iCACA,sCAEA,oBACE,yBAEA,sCACA,mCAGF,YACE,gCACA,qCACA,WACA,YACA,oBACA","file":"Icon.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.scss"],"names":[],"mappings":"AAOA,UACE,uEACA,0BACA,wCAEA,kBACA,oCACA,gCACA,iCACA,sCAEA,oBACE,yBAEA,sCACA,mCAGF,qBACE,6CAGF,YACE,gCACA,qCACA,WACA,YACA,oBACA","file":"Icon.css"}

package/dist/esm/components/atoms/Icon/Icon.d.ts

@@ -1,7 +1,8 @@
+import { PropsWithClassName, PropsWithRlsTheme } from '../../definitions';
 import './Icon.css';
-interface IconProps {
+interface IconProps extends PropsWithClassName, PropsWithRlsTheme {
     value: string;
     skeleton?: boolean;
 }
-export declare function RlsIcon({ value, skeleton }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsIcon({ value, className, rlsTheme, skeleton }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/atoms/Icon/Icon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './Icon.css';
-export function RlsIcon({ value, skeleton }) {
-    const className = useMemo(() => {
-        return renderClassStatus('rls-icon', { skeleton });
-    }, [skeleton]);
-    return (_jsx("div", { className: className, children: _jsx("i", { className: `rls-icon-${value}` }) }));
+export function RlsIcon({ value, className, rlsTheme, skeleton }) {
+    const classNameIcon = useMemo(() => {
+        return renderClassStatus('rls-icon', { skeleton }, className);
+    }, [className, skeleton]);
+    return (_jsx("div", { className: classNameIcon, "rls-theme": rlsTheme, children: _jsx("i", { className: `rls-icon-${value}` }) }));
 }
 //# sourceMappingURL=Icon.js.map

package/dist/esm/components/atoms/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAa;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,YAAG,SAAS,EAAE,YAAY,KAAK,EAAE,GAAM,GACnC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAa;IACzE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,YAAG,SAAS,EAAE,YAAY,KAAK,EAAE,GAAM,GACnC,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/definitions.d.ts

@@ -1,9 +1,11 @@
 import { PropsWithChildren } from 'react';
-export type RlsTheme = 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'hope' | 'mountains' | 'ross' | 'amaizing' | 'purple' | 'amber' | 'smartness' | 'obsidian';
+export type RlsTheme = 'standard' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'info' | 'warning' | 'danger' | 'berry' | 'hope' | 'mountains' | 'ross' | 'amaizing' | 'purple' | 'amber' | 'smartness' | 'obsidian';
+export interface PropsWithClassName {
+    className?: string;
+}
 export interface PropsWithRlsTheme {
     rlsTheme?: RlsTheme;
 }
-export interface RlsComponent extends PropsWithChildren<PropsWithRlsTheme> {
-    className?: string;
+export interface RlsComponent extends PropsWithChildren<PropsWithRlsTheme & PropsWithClassName> {
     identifier?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "19.1.14",
+  "version": "19.1.15",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",
@@ -48,7 +48,7 @@
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
     "@rolster/rollup": "^1.0.8",
-    "@rolster/styles-foundations": "^2.6.21",
+    "@rolster/styles-foundations": "^2.6.23",
     "@rolster/types": "^1.1.0",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^19.0.0",