@rolster/react-components 18.21.37 → 18.21.39

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,17 +3,15 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
- --pvt-char-height: calc(var(--pvt-char-font-size) + 1rem);
6
+ --pvt-char-height: var(--pvt-char-font-size);
7
7
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
8
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
9
9
  display: flex;
10
10
  width: auto;
11
- justify-content: var(--rlc-tabular-text-align, flex-start);
12
- }
13
- .rls-tabular-text span {
14
- font-size: var(--pvt-char-font-size);
15
11
  height: var(--pvt-char-height);
16
12
  line-height: var(--pvt-char-height);
13
+ font-size: var(--pvt-char-font-size);
14
+ justify-content: var(--rlc-tabular-text-align, flex-start);
17
15
  }
18
16
  .rls-tabular-text__char {
19
17
  display: block;
@@ -48,9 +46,9 @@
48
46
  justify-content: var(--rlc-amount-text-align, flex-start);
49
47
  }
50
48
  .rls-amount__decimal {
51
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.55);
52
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.75);
53
- align-items: flex-end;
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);
51
+ align-self: flex-end;
54
52
  } /*# sourceMappingURL=Amount.css.map */
55
53
 
56
54
  .rls-avatar {
@@ -555,18 +553,19 @@
555
553
  background: var(--rls-theme-color-700);
556
554
  color: var(--rls-app-color-050);
557
555
  }
556
+ .rls-input__component:read-only {
557
+ pointer-events: none;
558
+ }
558
559
  .rls-input__component:disabled {
559
560
  opacity: 0.5;
560
561
  }
561
562
  .rls-input__value {
562
563
  position: absolute;
563
- display: flex;
564
564
  top: 0rem;
565
565
  left: 0rem;
566
566
  width: 100%;
567
567
  height: var(--pvt-height);
568
568
  line-height: var(--pvt-height);
569
- align-items: center;
570
569
  background: rgba(0, 0, 0, 0);
571
570
  pointer-events: none;
572
571
  overflow: hidden;
@@ -585,6 +584,10 @@
585
584
  position: relative;
586
585
  width: 100%;
587
586
  box-sizing: border-box;
587
+ }
588
+ .rls-input-money .rls-amount {
589
+ height: inherit;
590
+ align-items: center;
588
591
  } /*# sourceMappingURL=InputMoney.css.map */
589
592
 
590
593
  .rls-input-number {
@@ -3,17 +3,15 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
- --pvt-char-height: calc(var(--pvt-char-font-size) + 1rem);
6
+ --pvt-char-height: var(--pvt-char-font-size);
7
7
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
8
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
9
9
  display: flex;
10
10
  width: auto;
11
- justify-content: var(--rlc-tabular-text-align, flex-start);
12
- }
13
- .rls-tabular-text span {
14
- font-size: var(--pvt-char-font-size);
15
11
  height: var(--pvt-char-height);
16
12
  line-height: var(--pvt-char-height);
13
+ font-size: var(--pvt-char-font-size);
14
+ justify-content: var(--rlc-tabular-text-align, flex-start);
17
15
  }
18
16
  .rls-tabular-text__char {
19
17
  display: block;
@@ -48,9 +46,9 @@
48
46
  justify-content: var(--rlc-amount-text-align, flex-start);
49
47
  }
50
48
  .rls-amount__decimal {
51
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.55);
52
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.75);
53
- align-items: flex-end;
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);
51
+ align-self: flex-end;
54
52
  } /*# sourceMappingURL=Amount.css.map */
55
53
 
56
54
  .rls-avatar {
@@ -555,18 +553,19 @@
555
553
  background: var(--rls-theme-color-700);
556
554
  color: var(--rls-app-color-050);
557
555
  }
556
+ .rls-input__component:read-only {
557
+ pointer-events: none;
558
+ }
558
559
  .rls-input__component:disabled {
559
560
  opacity: 0.5;
560
561
  }
561
562
  .rls-input__value {
562
563
  position: absolute;
563
- display: flex;
564
564
  top: 0rem;
565
565
  left: 0rem;
566
566
  width: 100%;
567
567
  height: var(--pvt-height);
568
568
  line-height: var(--pvt-height);
569
- align-items: center;
570
569
  background: rgba(0, 0, 0, 0);
571
570
  pointer-events: none;
572
571
  overflow: hidden;
@@ -585,6 +584,10 @@
585
584
  position: relative;
586
585
  width: 100%;
587
586
  box-sizing: border-box;
587
+ }
588
+ .rls-input-money .rls-amount {
589
+ height: inherit;
590
+ align-items: center;
588
591
  } /*# sourceMappingURL=InputMoney.css.map */
589
592
 
590
593
  .rls-input-number {
@@ -20,7 +20,7 @@
20
20
  justify-content: var(--rlc-amount-text-align, flex-start);
21
21
  }
22
22
  .rls-amount__decimal {
23
- --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.55);
24
- --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.75);
25
- align-items: flex-end;
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);
25
+ align-self: flex-end;
26
26
  } /*# 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,iEACA,gEAEA","file":"Amount.css"}
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"}
@@ -48,18 +48,19 @@
48
48
  background: var(--rls-theme-color-700);
49
49
  color: var(--rls-app-color-050);
50
50
  }
51
+ .rls-input__component:read-only {
52
+ pointer-events: none;
53
+ }
51
54
  .rls-input__component:disabled {
52
55
  opacity: 0.5;
53
56
  }
54
57
  .rls-input__value {
55
58
  position: absolute;
56
- display: flex;
57
59
  top: 0rem;
58
60
  left: 0rem;
59
61
  width: 100%;
60
62
  height: var(--pvt-height);
61
63
  line-height: var(--pvt-height);
62
- align-items: center;
63
64
  background: rgba(0, 0, 0, 0);
64
65
  pointer-events: none;
65
66
  overflow: hidden;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,kBACA,WAEA,oBACE,kDACA,oCAGF,qBACE,yBAGF,sBACE,kBACA,WACA,yBACA,8BACA,aACA,YACA,YACA,aACA,yBACA,sCACA,0CACA,+BACA,iCACA,yCAEA,kGAEE,YACA,wBAGF,mCACE,+BAGF,iCACE,sCACA,+BAGF,+BACE,WAIJ,kBACE,kBACA,aACA,SACA,UACA,WACA,yBACA,8BACA,mBACA,yBACA,oBACA,gBACA,mBACA,iCACA,kCACA,0CACA,+BACA,iCACA","file":"Input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/Input/Input.scss"],"names":[],"mappings":"AAOA,WACE,wEACA,wEAEA,yFAKA,6DACA,oDAEA,8CACA,uBACA,wCAEA,kBACA,WAEA,oBACE,kDACA,oCAGF,qBACE,yBAGF,sBACE,kBACA,WACA,yBACA,8BACA,aACA,YACA,YACA,aACA,yBACA,sCACA,0CACA,+BACA,iCACA,yCAEA,kGAEE,YACA,wBAGF,mCACE,+BAGF,iCACE,sCACA,+BAGF,gCACE,oBAGF,+BACE,WAIJ,kBACE,kBACA,SACA,UACA,WACA,yBACA,8BACA,yBACA,oBACA,gBACA,mBACA,iCACA,kCACA,0CACA,+BACA,iCACA","file":"Input.css"}
@@ -4,4 +4,8 @@
4
4
  position: relative;
5
5
  width: 100%;
6
6
  box-sizing: border-box;
7
+ }
8
+ .rls-input-money .rls-amount {
9
+ height: inherit;
10
+ align-items: center;
7
11
  } /*# sourceMappingURL=InputMoney.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,yDACA,uCAEA,kBACA,WACA","file":"InputMoney.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputMoney/InputMoney.scss"],"names":[],"mappings":"AAOA,iBACE,yDACA,uCAEA,kBACA,WACA,sBAEA,6BACE,eACA","file":"InputMoney.css"}
@@ -3,17 +3,15 @@
3
3
  --rlc-tabular-text-font-size,
4
4
  var(--rls-body-font-size)
5
5
  );
6
- --pvt-char-height: calc(var(--pvt-char-font-size) + 1rem);
6
+ --pvt-char-height: var(--pvt-char-font-size);
7
7
  --pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
8
8
  --pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
9
9
  display: flex;
10
10
  width: auto;
11
- justify-content: var(--rlc-tabular-text-align, flex-start);
12
- }
13
- .rls-tabular-text span {
14
- font-size: var(--pvt-char-font-size);
15
11
  height: var(--pvt-char-height);
16
12
  line-height: var(--pvt-char-height);
13
+ font-size: var(--pvt-char-font-size);
14
+ justify-content: var(--rlc-tabular-text-align, flex-start);
17
15
  }
18
16
  .rls-tabular-text__char {
19
17
  display: block;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/TabularText/TabularText.scss"],"names":[],"mappings":"AAOA,kBACE,qFAKA,0DACA,6DACA,iEAEA,aACA,WACA,0DAEA,uBACE,oCACA,8BACA,mCAGF,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,6CACA,6DACA,iEAEA,aACA,WACA,8BACA,mCACA,oCACA,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.37",
3
+ "version": "18.21.39",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",