@rolster/react-components 19.1.2 → 19.1.3

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

@@ -3,14 +3,15 @@
   --rlc-image-height: var(--rlc-avatar-height);
   position: relative;
   display: flex;
-  justify-content: center;
-  overflow: hidden;
-  font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
   width: var(--rlc-avatar-width, var(--rls-sizing-x24));
   height: var(--rlc-avatar-height, var(--rls-sizing-x24));
-  background: var(--rls-theme-gradient-500);
-  color: var(--rls-theme-color-050);
+  justify-content: center;
+  align-items: center;
   border-radius: var(--rlc-avatar-radius, var(--rls-sizing-x4));
+  font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
+  color: var(--rls-theme-color-050);
+  background: var(--rls-theme-gradient-500);
+  overflow: hidden;
 }
 .rls-avatar--skeleton {
   background: var(--rls-theme-color-200);
@@ -21,7 +22,10 @@
 .rls-avatar--rounded {
   border-radius: 50%;
 }
+.rls-avatar--contrast {
+  color: var(--rls-theme-color-600);
+  background: var(--rls-theme-color-200);
+}
 .rls-avatar span {
-  align-self: center;
   font-size: inherit;
 } /*# sourceMappingURL=Avatar.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,uBACA,gBACA,kEACA,qDACA,uDACA,yCACA,iCACA,6DAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,iBACE,kBACA","file":"Avatar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.scss"],"names":[],"mappings":"AAOA,YACE,2CACA,6CAEA,kBACA,aACA,qDACA,uDACA,uBACA,mBACA,6DACA,kEACA,iCACA,yCACA,gBAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,sBACE,iCACA,sCAGF,iBACE","file":"Avatar.css"}

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

@@ -1,8 +1,9 @@
 import { RlsComponent } from '../../definitions';
 import './Avatar.css';
 interface AvatarProps extends RlsComponent {
+    contrast?: boolean;
     rounded?: boolean;
     skeleton?: boolean;
 }
-export declare function RlsAvatar({ children, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { renderClassStatus } from '../../../helpers/css';
 import './Avatar.css';
-export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
+export function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }) {
     const className = useMemo(() => {
-        return renderClassStatus('rls-avatar', { rounded, skeleton });
-    }, [rounded, skeleton]);
+        return renderClassStatus('rls-avatar', { contrast, rounded, skeleton });
+    }, [contrast, rounded, skeleton]);
     return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
 }
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAQtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -10,7 +10,7 @@
   min-width: var(--pvt-dimension);
   height: var(--pvt-dimension);
   line-height: var(--pvt-dimension);
-  padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x4));
+  padding: var(--rlc-badge-padding, 0rem);
   box-sizing: border-box;
   font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
   font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
@@ -19,8 +19,8 @@
     --rlc-badge-letter-spacing,
     var(--rls-smalltext-letter-spacing)
   );
-  color: var(--rls-app-color-050);
-  background: var(--rls-app-color-700);
+  color: var(--pvt-font-color);
+  background: var(--pvt-background);
   border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
 }
 .rls-badge--contrast {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,4DACA,sBACA,qEACA,yEACA,kBACA,oFAIA,+BACA,oCACA,6EAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Badge/Badge.scss"],"names":[],"mappings":"AAOA,WACE,mEACA,2CACA,2CACA,oDACA,oDAEA,kBACA,qBACA,WACA,+BACA,4BACA,iCACA,uCACA,sBACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,6EAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "19.1.2",
+  "version": "19.1.3",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",