@rolster/react-components 19.1.14 → 19.2.0

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,12 +1,8 @@
 {
   "name": "@rolster/react-components",
-  "version": "19.1.14",
+  "version": "19.2.0",
   "type": "module",
   "description": "Package containing UI components for React Project.",
-  "module": "dist/esm/index.js",
-  "main": "dist/cjs/lib.js",
-  "unpkg": "dist/es/lib.js",
-  "types": "dist/esm/index.d.ts",
   "license": "MIT",
   "author": "Rolster Technology <rolster.developments@gmail.com>",
   "contributors": [
@@ -15,40 +11,49 @@
       "email": "ing.dacastillop@gmail.com"
     }
   ],
+  "types": "./dist/esm/index.d.ts",
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "node": {
+        "require": "./dist/cjs/index.js",
+        "import": "./dist/esm/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    }
+  },
   "files": [
     "dist/"
   ],
   "scripts": {
-    "dev": "vite",
-    "prettier": "prettier . --write",
+    "prettier": "prettier --write \"src/**/*.{ts}\"",
+    "prettier:css": "prettier --write dist/**/*.css --ignore-path .prettierignore",
     "clean": "rimraf ./dist",
+    "dev": "vite",
     "build:css": "sass src/:dist/esm/ --style=compressed",
-    "prettier:css": "prettier --write dist/**/*.css --ignore-path .prettierignore",
     "build": "npm run clean && tsc -p tsconfig.app.json && npm run build:css && npm run prettier:css && rollup -c rollup.config.js",
-    "test": "jest --coverage",
-    "test:watch": "jest --coverage --watch",
+    "test": "vitest run",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@rolster/commons": "^3.1.9",
-    "@rolster/components": "^1.0.0",
-    "@rolster/dates": "^3.1.4",
-    "@rolster/forms": "^3.1.1",
-    "@rolster/i18n": "^2.2.1",
-    "@rolster/react-forms": "^19.1.1",
-    "@rolster/react-lottie": "^19.0.0",
-    "@rolster/strings": "^2.2.0",
-    "@rolster/validators": "^2.3.2",
+    "@rolster/commons": "^3.2.1",
+    "@rolster/components": "^1.1.0",
+    "@rolster/dates": "^3.2.0",
+    "@rolster/forms": "^3.3.1",
+    "@rolster/i18n": "^2.3.1",
+    "@rolster/react-forms": "^19.2.0",
+    "@rolster/react-lottie": "^19.1.0",
+    "@rolster/strings": "^2.3.1",
+    "@rolster/validators": "^2.4.1",
     "react-dom": "^19.2.0",
     "uuid": "^11.0.3"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.21.0",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@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/rollup": "^1.0.10",
+    "@rolster/styles-foundations": "^2.6.23",
     "@rolster/types": "^1.1.0",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^19.0.0",
@@ -57,6 +62,7 @@
     "@typescript-eslint/eslint-plugin": "^8.54.0",
     "@typescript-eslint/parser": "^8.54.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/ui": "^3.2.4",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
@@ -70,11 +76,12 @@
     "sass": "^1.89.0",
     "sort-by": "^0.0.2",
     "typescript": "^5.7.2",
-    "vite": "^6.4.1"
+    "vite": "^6.4.1",
+    "vitest": "^3.2.4"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/rolster-developments/react-components.git"
+    "url": "git+https://github.com/rolster-developments/react-components.git"
   },
   "publishConfig": {
     "access": "public"