@rolster/react-components 18.21.43 → 18.21.45

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.
@@ -3,6 +3,7 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
+ --pvt-char-font-weight: var(--rlc-tabular-text-font-weight, inherit);
6
7
  --pvt-char-height: var(--pvt-char-font-size);
7
8
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
9
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
@@ -11,6 +12,7 @@
11
12
  height: var(--pvt-char-height);
12
13
  line-height: var(--pvt-char-height);
13
14
  font-size: var(--pvt-char-font-size);
15
+ font-weight: var(--pvt-char-font-weight);
14
16
  justify-content: var(--rlc-tabular-text-align, flex-start);
15
17
  }
16
18
  .rls-tabular-text__char {
@@ -26,12 +28,17 @@
26
28
 
27
29
  .rls-amount {
28
30
  --pvt-font-size: var(--rlc-amount-font-size, inherit);
31
+ --pvt-font-weight: var(--rlc-amount-font-weight, inherit);
32
+ --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
33
+ --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
29
34
  --rlc-tabular-text-font-size: var(--pvt-font-size);
35
+ --rlc-tabular-text-font-weight: var(--pvt-font-weight);
30
36
  display: flex;
31
37
  width: var(--rlc-amount-width, auto);
32
38
  justify-content: var(--rlc-amount-text-align, flex-start);
33
39
  column-gap: var(--rls-sizing-x2);
34
40
  font-size: var(--pvt-font-size);
41
+ font-weight: var(--pvt-font-weight);
35
42
  }
36
43
  .rls-amount[rls-theme] {
37
44
  color: var(--rls-theme-color-500);
@@ -46,8 +53,12 @@
46
53
  justify-content: var(--rlc-amount-text-align, flex-start);
47
54
  }
48
55
  .rls-amount__decimal {
49
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
50
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
56
+ --rlc-tabular-text-char-width: calc(
57
+ var(--pvt-font-size) * var(--pvt-decimal-width)
58
+ );
59
+ --rlc-tabular-text-font-size: calc(
60
+ var(--pvt-font-size) * var(--pvt-decimal-size)
61
+ );
51
62
  align-self: flex-end;
52
63
  } /*# sourceMappingURL=Amount.css.map */
53
64
 
@@ -3,6 +3,7 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
+ --pvt-char-font-weight: var(--rlc-tabular-text-font-weight, inherit);
6
7
  --pvt-char-height: var(--pvt-char-font-size);
7
8
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
9
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
@@ -11,6 +12,7 @@
11
12
  height: var(--pvt-char-height);
12
13
  line-height: var(--pvt-char-height);
13
14
  font-size: var(--pvt-char-font-size);
15
+ font-weight: var(--pvt-char-font-weight);
14
16
  justify-content: var(--rlc-tabular-text-align, flex-start);
15
17
  }
16
18
  .rls-tabular-text__char {
@@ -26,12 +28,17 @@
26
28
 
27
29
  .rls-amount {
28
30
  --pvt-font-size: var(--rlc-amount-font-size, inherit);
31
+ --pvt-font-weight: var(--rlc-amount-font-weight, inherit);
32
+ --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
33
+ --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
29
34
  --rlc-tabular-text-font-size: var(--pvt-font-size);
35
+ --rlc-tabular-text-font-weight: var(--pvt-font-weight);
30
36
  display: flex;
31
37
  width: var(--rlc-amount-width, auto);
32
38
  justify-content: var(--rlc-amount-text-align, flex-start);
33
39
  column-gap: var(--rls-sizing-x2);
34
40
  font-size: var(--pvt-font-size);
41
+ font-weight: var(--pvt-font-weight);
35
42
  }
36
43
  .rls-amount[rls-theme] {
37
44
  color: var(--rls-theme-color-500);
@@ -46,8 +53,12 @@
46
53
  justify-content: var(--rlc-amount-text-align, flex-start);
47
54
  }
48
55
  .rls-amount__decimal {
49
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
50
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
56
+ --rlc-tabular-text-char-width: calc(
57
+ var(--pvt-font-size) * var(--pvt-decimal-width)
58
+ );
59
+ --rlc-tabular-text-font-size: calc(
60
+ var(--pvt-font-size) * var(--pvt-decimal-size)
61
+ );
51
62
  align-self: flex-end;
52
63
  } /*# sourceMappingURL=Amount.css.map */
53
64
 
@@ -1,11 +1,16 @@
1
1
  .rls-amount {
2
2
  --pvt-font-size: var(--rlc-amount-font-size, inherit);
3
+ --pvt-font-weight: var(--rlc-amount-font-weight, inherit);
4
+ --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
5
+ --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
3
6
  --rlc-tabular-text-font-size: var(--pvt-font-size);
7
+ --rlc-tabular-text-font-weight: var(--pvt-font-weight);
4
8
  display: flex;
5
9
  width: var(--rlc-amount-width, auto);
6
10
  justify-content: var(--rlc-amount-text-align, flex-start);
7
11
  column-gap: var(--rls-sizing-x2);
8
12
  font-size: var(--pvt-font-size);
13
+ font-weight: var(--pvt-font-weight);
9
14
  }
10
15
  .rls-amount[rls-theme] {
11
16
  color: var(--rls-theme-color-500);
@@ -20,7 +25,11 @@
20
25
  justify-content: var(--rlc-amount-text-align, flex-start);
21
26
  }
22
27
  .rls-amount__decimal {
23
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
24
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
28
+ --rlc-tabular-text-char-width: calc(
29
+ var(--pvt-font-size) * var(--pvt-decimal-width)
30
+ );
31
+ --rlc-tabular-text-font-size: calc(
32
+ var(--pvt-font-size) * var(--pvt-decimal-size)
33
+ );
25
34
  align-self: flex-end;
26
35
  } /*# sourceMappingURL=Amount.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.scss"],"names":[],"mappings":"AAOA,YACE,sDACA,mDAEA,aACA,oCACA,yDACA,gCACA,+BAEA,uBACE,iCAGF,oBACE,cACA,8CACA,yCAGF,qBACE,aACA,yDAGF,qBACE,gEACA,+DAEA","file":"Amount.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.scss"],"names":[],"mappings":"AAOA,YACE,sDACA,0DACA,0DACA,wDAEA,mDACA,uDAEA,aACA,oCACA,yDACA,gCACA,+BACA,mCAEA,uBACE,iCAGF,oBACE,cACA,8CACA,yCAGF,qBACE,aACA,yDAGF,qBACE,uFAIA,qFAIA","file":"Amount.css"}
@@ -3,6 +3,7 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
+ --pvt-char-font-weight: var(--rlc-tabular-text-font-weight, inherit);
6
7
  --pvt-char-height: var(--pvt-char-font-size);
7
8
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
9
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
@@ -11,6 +12,7 @@
11
12
  height: var(--pvt-char-height);
12
13
  line-height: var(--pvt-char-height);
13
14
  font-size: var(--pvt-char-font-size);
15
+ font-weight: var(--pvt-char-font-weight);
14
16
  justify-content: var(--rlc-tabular-text-align, flex-start);
15
17
  }
16
18
  .rls-tabular-text__char {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/TabularText/TabularText.scss"],"names":[],"mappings":"AAOA,kBACE,qFAKA,6CACA,6DACA,iEAEA,aACA,WACA,8BACA,mCACA,oCACA,0DAEA,wBACE,cACA,4BACA,kBAGF,2BACE,cACA,+BACA","file":"TabularText.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/TabularText/TabularText.scss"],"names":[],"mappings":"AAOA,kBACE,qFAKA,qEACA,6CACA,6DACA,iEAEA,aACA,WACA,8BACA,mCACA,oCACA,wCACA,0DAEA,wBACE,cACA,4BACA,kBAGF,2BACE,cACA,+BACA","file":"TabularText.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.21.43",
3
+ "version": "18.21.45",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.6",
52
- "@rolster/styles-foundations": "^2.5.26",
52
+ "@rolster/styles-foundations": "^2.5.27",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",