@rolster/react-components 19.1.3 → 19.1.5

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 (10) hide show
  1. package/dist/cjs/assets/{index-Dw8644Iw.css → index-Cpoe_CC5.css} +14 -9
  2. package/dist/es/assets/{index-Dw8644Iw.css → index-Cpoe_CC5.css} +14 -9
  3. package/dist/esm/components/atoms/Amount/Amount.css +1 -1
  4. package/dist/esm/components/atoms/Avatar/Avatar.css +7 -3
  5. package/dist/esm/components/atoms/Avatar/Avatar.css.map +1 -1
  6. package/dist/esm/components/atoms/Badge/Badge.css +2 -2
  7. package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
  8. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +4 -3
  9. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css.map +1 -1
  10. package/package.json +1 -1
package/dist/cjs/assets/{index-Dw8644Iw.css → index-Cpoe_CC5.css} RENAMED
@@ -43,7 +43,7 @@
43
43
  column-gap: var(--rls-sizing-x2);
44
44
  font-size: var(--pvt-font-size);
45
45
  font-weight: var(--pvt-font-weight);
46
- color: var(--rls-amount-font-color, inherit);
46
+ color: var(--rlc-amount-font-color, inherit);
47
47
  }
48
48
  .rls-amount[rls-theme] {
49
49
  color: var(--rls-theme-color-500);
@@ -93,11 +93,15 @@
93
93
  border-radius: 50%;
94
94
  }
95
95
  .rls-avatar--contrast {
96
- color: var(--rls-theme-color-600);
97
- background: var(--rls-theme-color-200);
96
+ color: var(--rls-theme-color-500);
97
+ background: var(--rls-theme-color-100);
98
98
  }
99
- .rls-avatar span {
99
+ .rls-avatar > span {
100
100
  font-size: inherit;
101
+ }
102
+ .rls-avatar > img {
103
+ width: 100%;
104
+ object-fit: cover;
101
105
  } /*# sourceMappingURL=Avatar.css.map */
102
106
 
103
107
  .rls-badge {
@@ -112,7 +116,7 @@
112
116
  min-width: var(--pvt-dimension);
113
117
  height: var(--pvt-dimension);
114
118
  line-height: var(--pvt-dimension);
115
- padding: var(--rlc-badge-padding, 0rem);
119
+ padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
116
120
  box-sizing: border-box;
117
121
  font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
118
122
  font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
@@ -123,7 +127,7 @@
123
127
  );
124
128
  color: var(--pvt-font-color);
125
129
  background: var(--pvt-background);
126
- border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
130
+ border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
127
131
  }
128
132
  .rls-badge--contrast {
129
133
  color: var(--pvt-contrast-font-color);
@@ -984,9 +988,10 @@
984
988
 
985
989
  .rls-progress-bar {
986
990
  --pvt-component-display: block;
991
+ --pvt-component-height: var(--rlc-progress-bar-height, var(--rls-sizing-x2));
987
992
  position: relative;
988
993
  width: 100%;
989
- height: var(--rls-sizing-x2);
994
+ height: var(--pvt-component-height);
990
995
  overflow: hidden;
991
996
  background: var(--rls-theme-color-200);
992
997
  }
@@ -999,7 +1004,7 @@
999
1004
  content: '';
1000
1005
  top: 0rem;
1001
1006
  width: 0%;
1002
- height: var(--rls-sizing-x2);
1007
+ height: var(--pvt-component-height);
1003
1008
  background: var(--rls-theme-gradient-500);
1004
1009
  }
1005
1010
  .rls-progress-bar--indeterminate::after {
@@ -1012,7 +1017,7 @@
1012
1017
  position: absolute;
1013
1018
  top: 0rem;
1014
1019
  width: 0%;
1015
- height: var(--rls-sizing-x4);
1020
+ height: var(--pvt-component-height);
1016
1021
  display: var(--pvt-component-display);
1017
1022
  background: var(--rls-theme-gradient-500);
1018
1023
  transition: width 320ms 0ms var(--rls-standard-curve);
package/dist/es/assets/{index-Dw8644Iw.css → index-Cpoe_CC5.css} RENAMED
@@ -43,7 +43,7 @@
43
43
  column-gap: var(--rls-sizing-x2);
44
44
  font-size: var(--pvt-font-size);
45
45
  font-weight: var(--pvt-font-weight);
46
- color: var(--rls-amount-font-color, inherit);
46
+ color: var(--rlc-amount-font-color, inherit);
47
47
  }
48
48
  .rls-amount[rls-theme] {
49
49
  color: var(--rls-theme-color-500);
@@ -93,11 +93,15 @@
93
93
  border-radius: 50%;
94
94
  }
95
95
  .rls-avatar--contrast {
96
- color: var(--rls-theme-color-600);
97
- background: var(--rls-theme-color-200);
96
+ color: var(--rls-theme-color-500);
97
+ background: var(--rls-theme-color-100);
98
98
  }
99
- .rls-avatar span {
99
+ .rls-avatar > span {
100
100
  font-size: inherit;
101
+ }
102
+ .rls-avatar > img {
103
+ width: 100%;
104
+ object-fit: cover;
101
105
  } /*# sourceMappingURL=Avatar.css.map */
102
106
 
103
107
  .rls-badge {
@@ -112,7 +116,7 @@
112
116
  min-width: var(--pvt-dimension);
113
117
  height: var(--pvt-dimension);
114
118
  line-height: var(--pvt-dimension);
115
- padding: var(--rlc-badge-padding, 0rem);
119
+ padding: var(--rlc-badge-padding, 0rem var(--rls-sizing-x2));
116
120
  box-sizing: border-box;
117
121
  font-size: var(--rlc-badge-font-size, var(--rls-smalltext-font-size));
118
122
  font-weight: var(--rlc-badge-font-weight, var(--rls-font-weight-regular));
@@ -123,7 +127,7 @@
123
127
  );
124
128
  color: var(--pvt-font-color);
125
129
  background: var(--pvt-background);
126
- border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
130
+ border-radius: var(--rlc-badge-radius, calc(var(--pvt-dimension) / 2));
127
131
  }
128
132
  .rls-badge--contrast {
129
133
  color: var(--pvt-contrast-font-color);
@@ -984,9 +988,10 @@
984
988
 
985
989
  .rls-progress-bar {
986
990
  --pvt-component-display: block;
991
+ --pvt-component-height: var(--rlc-progress-bar-height, var(--rls-sizing-x2));
987
992
  position: relative;
988
993
  width: 100%;
989
- height: var(--rls-sizing-x2);
994
+ height: var(--pvt-component-height);
990
995
  overflow: hidden;
991
996
  background: var(--rls-theme-color-200);
992
997
  }
@@ -999,7 +1004,7 @@
999
1004
  content: '';
1000
1005
  top: 0rem;
1001
1006
  width: 0%;
1002
- height: var(--rls-sizing-x2);
1007
+ height: var(--pvt-component-height);
1003
1008
  background: var(--rls-theme-gradient-500);
1004
1009
  }
1005
1010
  .rls-progress-bar--indeterminate::after {
@@ -1012,7 +1017,7 @@
1012
1017
  position: absolute;
1013
1018
  top: 0rem;
1014
1019
  width: 0%;
1015
- height: var(--rls-sizing-x4);
1020
+ height: var(--pvt-component-height);
1016
1021
  display: var(--pvt-component-display);
1017
1022
  background: var(--rls-theme-gradient-500);
1018
1023
  transition: width 320ms 0ms var(--rls-standard-curve);
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
@@ -23,9 +23,13 @@
23
23
  border-radius: 50%;
24
24
  }
25
25
  .rls-avatar--contrast {
26
- color: var(--rls-theme-color-600);
27
- background: var(--rls-theme-color-200);
26
+ color: var(--rls-theme-color-500);
27
+ background: var(--rls-theme-color-100);
28
28
  }
29
- .rls-avatar span {
29
+ .rls-avatar > span {
30
30
  font-size: inherit;
31
+ }
32
+ .rls-avatar > img {
33
+ width: 100%;
34
+ object-fit: cover;
31
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,qDACA,uDACA,uBACA,mBACA,6DACA,kEACA,iCACA,yCACA,gBAEA,sBACE,sCAEA,wBACE,aAIJ,qBACE,kBAGF,sBACE,iCACA,sCAGF,iBACE","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/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);
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));
@@ -21,7 +21,7 @@
21
21
  );
22
22
  color: var(--pvt-font-color);
23
23
  background: var(--pvt-background);
24
- border-radius: var(--rlc-badge-border-radius, calc(var(--pvt-dimension) / 2));
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,uCACA,sBACA,qEACA,yEACA,kBACA,oFAIA,4BACA,iCACA,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, var(--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,6EAEA,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.3",
3
+ "version": "19.1.5",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",