@rolster/react-components 18.15.1 → 18.15.3

package/dist/cjs/assets/{index-xOmRdBnF.css → index-VCzqT0sQ.css}

@@ -790,6 +790,9 @@
   letter-spacing: var(--rlc-skeleton-text-letter-spacing);
   line-height: var(--rlc-skeleton-text-height);
   font-weight: inherit;
+  overflow: inherit;
+  white-space: inherit;
+  text-overflow: inherit;
 }
 .rls-skeleton-text__value {
   display: block;
@@ -797,7 +800,9 @@
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
-  overflow: hidden;
+  overflow: inherit;
+  white-space: inherit;
+  text-overflow: inherit;
 }
 
 .rls-switch {
@@ -881,6 +886,9 @@
   row-gap: var(--rls-sizing-x2);
 }
 .rls-ballot__title {
+  --rlc-skeleton-text-height: var(--rls-label-line-height);
+  --rlc-skeleton-text-letter-spacing: var(--rls-label-letter-spacing);
+  --rlc-skeleton-text-font-size: var(--rls-label-font-size);
   position: relative;
   width: 100%;
   color: var(--rls-app-color-500);
@@ -894,6 +902,9 @@
   line-height: var(--rls-label-line-height);
 }
 .rls-ballot__subtitle {
+  --rlc-skeleton-text-height: var(--rlc-ballot-subtitle-height);
+  --rlc-skeleton-text-letter-spacing: var(--rls-smalltext-letter-spacing);
+  --rlc-skeleton-text-font-size: var(--rls-smalltext-font-size);
   position: relative;
   width: var(--rlc-ballot-subtitle-width);
   color: var(--rls-app-color-300);
@@ -1226,14 +1237,15 @@
   margin-bottom: var(--rls-sizing-x4);
   background: var(--rls-app-background-100);
   color: var(--rls-app-color-500);
-  border-radius: var(--rls-sizing-x2);
+  border-radius: var(--rls-sizing-x4);
 }
 .rls-picker-day__label {
   padding: var(--rls-sizing-x6) 0rem;
   text-align: center;
   width: 100%;
-  font-size: var(--rls-sizing-x6);
-  font-weight: var(--rls-font-weight-bold);
+  font-size: 5.75rem;
+  font-weight: var(--rls-font-weight-semibold);
+  letter-spacing: 0.0375em;
 }
 .rls-picker-day__week {
   display: flex;
@@ -1253,6 +1265,7 @@
   height: var(--rls-sizing-x18);
   line-height: var(--rls-sizing-x18);
   box-sizing: border-box;
+  letter-spacing: 0.0475em;
 }
 .rls-picker-day__element__span:not(:hover) {
   color: var(--pvt-span-font-color);
@@ -1432,11 +1445,11 @@
 .rls-picker-month-title {
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 .rls-picker-month-title span {
   color: var(--rls-app-color-300);
   cursor: default;
-  margin: auto 0rem;
   height: var(--rls-sizing-x14);
   line-height: var(--rls-sizing-x14);
   font-size: var(--rls-sizing-x10);
@@ -1448,7 +1461,7 @@
 
 .rls-picker-year {
   --pvt-component-background: transparent;
-  --pvt-component-font-color: var(--rls-app-color-500);
+  --pvt-component-font-color: var(--rls-app-color-300);
   --pvt-component-border: var(--rls-border-1) solid transparent;
   position: relative;
   width: 100%;
@@ -1467,6 +1480,11 @@
   background: var(--rls-app-background-100);
   border-radius: var(--rls-sizing-x4);
 }
+.rls-picker-year__header > label {
+  font-weight: var(--rls-font-weight-semibold);
+  font-size: 8.75rem;
+  letter-spacing: 0.325rem;
+}
 .rls-picker-year__action {
   width: var(--rls-sizing-x16);
   height: var(--rls-sizing-x16);
@@ -1530,8 +1548,8 @@
   pointer-events: none;
 }
 .rls-picker-year__year__span {
-  font-weight: var(--rls-font-weight-semibold);
-  font-size: var(--rls-sizing-x8);
+  font-weight: var(--rls-font-weight-medium);
+  font-size: 7.5rem;
   cursor: default;
   pointer-events: none;
   letter-spacing: 0.325rem;
@@ -1896,6 +1914,7 @@
   padding: var(--rls-sizing-x4);
   box-sizing: border-box;
   background: var(--rls-theme-color-100);
+  border-radius: var(--rls-sizing-x4);
 }
 .rls-picker-date__header .rls-picker-month-title {
   padding: 0rem var(--rls-sizing-x6);
@@ -1924,9 +1943,6 @@
 .rls-picker-date__component {
   display: flex;
   justify-content: center;
-  width: 150rem;
-  padding: 0rem var(--rls-sizing-x2);
-  box-sizing: border-box;
 }
 .rls-picker-date__component > * {
   display: none;