@rolster/react-components 18.15.2 → 18.15.3

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 (5) hide show
  1. package/dist/cjs/assets/{index-Dbh6DUCn.css → index-VCzqT0sQ.css} +12 -1
  2. package/dist/es/assets/{index-Dbh6DUCn.css → index-VCzqT0sQ.css} +12 -1
  3. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +6 -1
  4. package/dist/esm/components/molecules/Ballot/Ballot.css +6 -0
  5. package/package.json +2 -2
package/dist/cjs/assets/{index-Dbh6DUCn.css → index-VCzqT0sQ.css} RENAMED
@@ -790,6 +790,9 @@
790
790
  letter-spacing: var(--rlc-skeleton-text-letter-spacing);
791
791
  line-height: var(--rlc-skeleton-text-height);
792
792
  font-weight: inherit;
793
+ overflow: inherit;
794
+ white-space: inherit;
795
+ text-overflow: inherit;
793
796
  }
794
797
  .rls-skeleton-text__value {
795
798
  display: block;
@@ -797,7 +800,9 @@
797
800
  font-size: inherit;
798
801
  line-height: inherit;
799
802
  letter-spacing: inherit;
800
- overflow: hidden;
803
+ overflow: inherit;
804
+ white-space: inherit;
805
+ text-overflow: inherit;
801
806
  }
802
807
 
803
808
  .rls-switch {
@@ -881,6 +886,9 @@
881
886
  row-gap: var(--rls-sizing-x2);
882
887
  }
883
888
  .rls-ballot__title {
889
+ --rlc-skeleton-text-height: var(--rls-label-line-height);
890
+ --rlc-skeleton-text-letter-spacing: var(--rls-label-letter-spacing);
891
+ --rlc-skeleton-text-font-size: var(--rls-label-font-size);
884
892
  position: relative;
885
893
  width: 100%;
886
894
  color: var(--rls-app-color-500);
@@ -894,6 +902,9 @@
894
902
  line-height: var(--rls-label-line-height);
895
903
  }
896
904
  .rls-ballot__subtitle {
905
+ --rlc-skeleton-text-height: var(--rlc-ballot-subtitle-height);
906
+ --rlc-skeleton-text-letter-spacing: var(--rls-smalltext-letter-spacing);
907
+ --rlc-skeleton-text-font-size: var(--rls-smalltext-font-size);
897
908
  position: relative;
898
909
  width: var(--rlc-ballot-subtitle-width);
899
910
  color: var(--rls-app-color-300);
package/dist/es/assets/{index-Dbh6DUCn.css → index-VCzqT0sQ.css} RENAMED
@@ -790,6 +790,9 @@
790
790
  letter-spacing: var(--rlc-skeleton-text-letter-spacing);
791
791
  line-height: var(--rlc-skeleton-text-height);
792
792
  font-weight: inherit;
793
+ overflow: inherit;
794
+ white-space: inherit;
795
+ text-overflow: inherit;
793
796
  }
794
797
  .rls-skeleton-text__value {
795
798
  display: block;
@@ -797,7 +800,9 @@
797
800
  font-size: inherit;
798
801
  line-height: inherit;
799
802
  letter-spacing: inherit;
800
- overflow: hidden;
803
+ overflow: inherit;
804
+ white-space: inherit;
805
+ text-overflow: inherit;
801
806
  }
802
807
 
803
808
  .rls-switch {
@@ -881,6 +886,9 @@
881
886
  row-gap: var(--rls-sizing-x2);
882
887
  }
883
888
  .rls-ballot__title {
889
+ --rlc-skeleton-text-height: var(--rls-label-line-height);
890
+ --rlc-skeleton-text-letter-spacing: var(--rls-label-letter-spacing);
891
+ --rlc-skeleton-text-font-size: var(--rls-label-font-size);
884
892
  position: relative;
885
893
  width: 100%;
886
894
  color: var(--rls-app-color-500);
@@ -894,6 +902,9 @@
894
902
  line-height: var(--rls-label-line-height);
895
903
  }
896
904
  .rls-ballot__subtitle {
905
+ --rlc-skeleton-text-height: var(--rlc-ballot-subtitle-height);
906
+ --rlc-skeleton-text-letter-spacing: var(--rls-smalltext-letter-spacing);
907
+ --rlc-skeleton-text-font-size: var(--rls-smalltext-font-size);
897
908
  position: relative;
898
909
  width: var(--rlc-ballot-subtitle-width);
899
910
  color: var(--rls-app-color-300);
package/dist/esm/components/atoms/SkeletonText/SkeletonText.css CHANGED
@@ -6,6 +6,9 @@
6
6
  letter-spacing: var(--rlc-skeleton-text-letter-spacing);
7
7
  line-height: var(--rlc-skeleton-text-height);
8
8
  font-weight: inherit;
9
+ overflow: inherit;
10
+ white-space: inherit;
11
+ text-overflow: inherit;
9
12
  }
10
13
  .rls-skeleton-text__value {
11
14
  display: block;
@@ -13,5 +16,7 @@
13
16
  font-size: inherit;
14
17
  line-height: inherit;
15
18
  letter-spacing: inherit;
16
- overflow: hidden;
19
+ overflow: inherit;
20
+ white-space: inherit;
21
+ text-overflow: inherit;
17
22
  }
package/dist/esm/components/molecules/Ballot/Ballot.css CHANGED
@@ -24,6 +24,9 @@
24
24
  row-gap: var(--rls-sizing-x2);
25
25
  }
26
26
  .rls-ballot__title {
27
+ --rlc-skeleton-text-height: var(--rls-label-line-height);
28
+ --rlc-skeleton-text-letter-spacing: var(--rls-label-letter-spacing);
29
+ --rlc-skeleton-text-font-size: var(--rls-label-font-size);
27
30
  position: relative;
28
31
  width: 100%;
29
32
  color: var(--rls-app-color-500);
@@ -37,6 +40,9 @@
37
40
  line-height: var(--rls-label-line-height);
38
41
  }
39
42
  .rls-ballot__subtitle {
43
+ --rlc-skeleton-text-height: var(--rlc-ballot-subtitle-height);
44
+ --rlc-skeleton-text-letter-spacing: var(--rls-smalltext-letter-spacing);
45
+ --rlc-skeleton-text-font-size: var(--rls-smalltext-font-size);
40
46
  position: relative;
41
47
  width: var(--rlc-ballot-subtitle-width);
42
48
  color: var(--rls-app-color-300);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.15.2",
3
+ "version": "18.15.3",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -53,7 +53,7 @@
53
53
  "@rollup/plugin-node-resolve": "^15.2.1",
54
54
  "@rollup/plugin-typescript": "^11.1.3",
55
55
  "@rolster/rollup": "^1.0.6",
56
- "@rolster/styles-foundations": "^2.3.2",
56
+ "@rolster/styles-foundations": "^2.3.7",
57
57
  "@rolster/types": "^1.0.9",
58
58
  "@types/node-sass": "^4.11.4",
59
59
  "@types/react": "^18.0.28",