@rolster/react-components 19.1.2 → 19.1.4

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.
Files changed (17) hide show
  1. package/dist/cjs/assets/{index-B3qsKGu2.css → index-PhLxmZfd.css} +24 -15
  2. package/dist/cjs/index.js +3 -3
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-B3qsKGu2.css → index-PhLxmZfd.css} +24 -15
  5. package/dist/es/index.js +3 -3
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/Amount/Amount.css +1 -1
  8. package/dist/esm/components/atoms/Avatar/Avatar.css +15 -7
  9. package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -1
  10. package/dist/esm/components/atoms/Avatar/Avatar.d.ts +2 -1
  11. package/dist/esm/components/atoms/Avatar/Avatar.js +3 -3
  12. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  13. package/dist/esm/components/atoms/Badge/Badge.css +4 -4
  14. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
  15. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +4 -3
  16. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +1 -1
  17. package/package.json +1 -1
package/dist/esm/components/atoms/Amount/Amount.css CHANGED
@@ -15,7 +15,7 @@
15
15
  column-gap: var(--rls-sizing-x2);
16
16
  font-size: var(--pvt-font-size);
17
17
  font-weight: var(--pvt-font-weight);
18
- color: var(--rls-amount-font-color, inherit);
18
+ color: var(--rlc-amount-font-color, inherit);
19
19
  }
20
20
  .rls-amount[rls-theme] {
21
21
  color: var(--rls-theme-color-500);
package/dist/esm/components/atoms/Avatar/Avatar.css CHANGED
@@ -3,14 +3,15 @@
3
3
  --rlc-image-height: var(--rlc-avatar-height);
4
4
  position: relative;
5
5
  display: flex;
6
- justify-content: center;
7
- overflow: hidden;
8
- font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
9
6
  width: var(--rlc-avatar-width, var(--rls-sizing-x24));
10
7
  height: var(--rlc-avatar-height, var(--rls-sizing-x24));
11
- background: var(--rls-theme-gradient-500);
12
- color: var(--rls-theme-color-050);
8
+ justify-content: center;
9
+ align-items: center;
13
10
  border-radius: var(--rlc-avatar-radius, var(--rls-sizing-x4));
11
+ font-size: var(--rlc-avatar-font-size, var(--rls-title-font-size));
12
+ color: var(--rls-theme-color-050);
13
+ background: var(--rls-theme-gradient-500);
14
+ overflow: hidden;
14
15
  }
15
16
  .rls-avatar--skeleton {
16
17
  background: var(--rls-theme-color-200);
@@ -21,7 +22,14 @@
21
22
  .rls-avatar--rounded {
22
23
  border-radius: 50%;
23
24
  }
24
- .rls-avatar span {
25
- align-self: center;
25
+ .rls-avatar--contrast {
26
+ color: var(--rls-theme-color-500);
27
+ background: var(--rls-theme-color-100);
28
+ }
29
+ .rls-avatar > span {
26
30
  font-size: inherit;
31
+ }
32
+ .rls-avatar > img {
33
+ width: 100%;
34
+ object-fit: cover;
27
35
  } /*# sourceMappingURL=Avatar.css.map */
package/dist/esm/components/atoms/Avatar/Avatar.css.map CHANGED
@@ -1 +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"}
1
+ {"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,kBAGF,gBACE,WACA","file":"Avatar.css"}
package/dist/esm/components/atoms/Avatar/Avatar.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { RlsComponent } from '../../definitions';
2
2
  import './Avatar.css';
3
3
  interface AvatarProps extends RlsComponent {
4
+ contrast?: boolean;
4
5
  rounded?: boolean;
5
6
  skeleton?: boolean;
6
7
  }
7
- export declare function RlsAvatar({ children, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }: AvatarProps): import("react/jsx-runtime").JSX.Element;
8
9
  export {};
package/dist/esm/components/atoms/Avatar/Avatar.js CHANGED
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { renderClassStatus } from '../../../helpers/css';
4
4
  import './Avatar.css';
5
- export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
5
+ export function RlsAvatar({ children, contrast, rounded, skeleton, rlsTheme }) {
6
6
  const className = useMemo(() => {
7
- return renderClassStatus('rls-avatar', { rounded, skeleton });
8
- }, [rounded, skeleton]);
7
+ return renderClassStatus('rls-avatar', { contrast, rounded, skeleton });
8
+ }, [contrast, rounded, skeleton]);
9
9
  return (_jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
10
10
  }
11
11
  //# sourceMappingURL=Avatar.js.map
package/dist/esm/components/atoms/Avatar/Avatar.js.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -10,7 +10,7 @@
10
10
  min-width: var(--pvt-dimension);
11
11
  height: var(--pvt-dimension);
12
12
  line-height: var(--pvt-dimension);
13
- padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x4));
13
+ padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
14
14
  box-sizing: border-box;
15
15
  font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
16
16
  font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
@@ -19,9 +19,9 @@
19
19
  --rlc-badge-letter-spacing,
20
20
  var(--rls-smalltext-letter-spacing)
21
21
  );
22
- color: var(--rls-app-color-050);
23
- background: var(--rls-app-color-700);
24
- border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
22
+ color: var(--pvt-font-color);
23
+ background: var(--pvt-background);
24
+ border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
25
25
  }
26
26
  .rls-badge--contrast {
27
27
  color: var(--pvt-contrast-font-color);
package/dist/esm/components/atoms/Badge/Badge.css.map CHANGED
@@ -1 +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"}
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,4BACA,iCACA,sEAEA,qBACE,qCACA,0CAGF,sBACE,6CACA,6CACA,sDACA,sDAGF,gBACE,kBACA,uBACA","file":"Badge.css"}
package/dist/esm/components/atoms/ProgressBar/ProgressBar.css CHANGED
@@ -1,8 +1,9 @@
1
1
  .rls-progress-bar {
2
2
  --pvt-component-display: block;
3
+ --pvt-component-height: var(--rlc-progress-bar-height, --rls-sizing-x2);
3
4
  position: relative;
4
5
  width: 100%;
5
- height: var(--rls-sizing-x2);
6
+ height: var(--pvt-component-height);
6
7
  overflow: hidden;
7
8
  background: var(--rls-theme-color-200);
8
9
  }
@@ -15,7 +16,7 @@
15
16
  content: '';
16
17
  top: 0rem;
17
18
  width: 0%;
18
- height: var(--rls-sizing-x2);
19
+ height: var(--pvt-component-height);
19
20
  background: var(--rls-theme-gradient-500);
20
21
  }
21
22
  .rls-progress-bar--indeterminate::after {
@@ -28,7 +29,7 @@
28
29
  position: absolute;
29
30
  top: 0rem;
30
31
  width: 0%;
31
- height: var(--rls-sizing-x4);
32
+ height: var(--pvt-component-height);
32
33
  display: var(--pvt-component-display);
33
34
  background: var(--rls-theme-gradient-500);
34
35
  transition: width 320ms 0ms var(--rls-standard-curve);
package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.scss"],"names":[],"mappings":"AAOA,kBACE,+BAEA,kBACA,WACA,4BACA,gBACA,sCAEA,iCACE,8BAEA,iFAEE,kBACA,WACA,SACA,SACA,4BACA,yCAGF,wCACE,2DAGF,yCACE,4DAIJ,6BACE,kBACA,SACA,SACA,4BACA,qCACA,yCACA,qDAIJ,6CACE,GACE,WACA,WAEF,IACE,WACA,WAEF,KACE,YACA,WAIJ,4CACE,GACE,YACA,YAEF,IACE,WACA,UAEF,KACE,WACA","file":"ProgressBar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.scss"],"names":[],"mappings":"AAOA,kBACE,+BACA,wEAEA,kBACA,WACA,mCACA,gBACA,sCAEA,iCACE,8BAEA,iFAEE,kBACA,WACA,SACA,SACA,mCACA,yCAGF,wCACE,2DAGF,yCACE,4DAIJ,6BACE,kBACA,SACA,SACA,mCACA,qCACA,yCACA,qDAIJ,6CACE,GACE,WACA,WAEF,IACE,WACA,WAEF,KACE,YACA,WAIJ,4CACE,GACE,YACA,YAEF,IACE,WACA,UAEF,KACE,WACA","file":"ProgressBar.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "19.1.2",
3
+ "version": "19.1.4",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",