@rolster/styles-foundations 2.3.6 → 2.3.8

package/dist/rolster-styles.css

@@ -4116,7 +4116,17 @@ button {
   --rlc-avatar-width: var(--rls-sizing-x24);
   --rlc-avatar-height: var(--rls-sizing-x24);
   --rlc-amount-text-align: start;
+  --rlc-badge-padding: var(--rls-sizing-x2);
+  --rlc-ballot-padding: var(--rls-sizing-x4);
+  --rlc-ballot-component-row-gap: var(--rls-sizing-x2);
+  --rlc-ballot-title-letter-spacing: var(--rls-label-letter-spacing);
+  --rlc-ballot-title-font-size: var(--rls-label-font-size);
+  --rlc-ballot-title-font-weight: var(--rls-font-weight-medium);
+  --rlc-ballot-title-height: var(--rls-label-line-height);
   --rlc-ballot-subtitle-width: 100%;
+  --rlc-ballot-subtitle-letter-spacing: var(--rls-smalltext-letter-spacing);
+  --rlc-ballot-subtitle-font-size: var(--rls-smalltext-font-size);
+  --rlc-ballot-subtitle-font-weight: var(--rls-font-weight-semibold);
   --rlc-ballot-subtitle-height: var(--rls-smalltext-line-height);
   --rlc-ballot-subtitle-overflow: initial;
   --rlc-ballot-subtitle-text-overflow: initial;
@@ -4137,6 +4147,7 @@ button {
   --rlc-datatable-padding-scroll: 0rem;
   --rlc-datatable-header-background: transparent;
   --rlc-datatable-row-background: rgb(252, 252, 252);
+  --rlc-datatable-footer-background: var(--rls-standard-color-100);
   --rlc-form-footer-justify-content: end;
   --rlc-icon-font-size: var(--rls-sizing-x12);
   --rlc-icon-width: var(--rls-sizing-x12);
@@ -4158,6 +4169,7 @@ button {
   --rlc-progress-circular-dimension: var(--rls-sizing-x28);
   --rlc-snackbar-left: 50%;
   --rlc-skeleton-height: inherit;
+  --rlc-skeleton-text-column-gap: var(--rls-sizing-x4);
   --rlc-skeleton-text-font-size: var(--rls-body-font-size);
   --rlc-skeleton-text-height: var(--rls-body-line-height);
   --rlc-skeleton-text-letter-spacing: var(--rls-body-letter-spacing);
@@ -4326,10 +4338,19 @@ button {
   --rlc-avatar-font-size: var(--rlc-datatable-font-size);
   --rlc-action-ripple-dimension: var(--rls-sizing-x16);
   --rlc-action-ripple-position: -8rem;
+  --rlc-ballot-padding: 0rem;
+  --rlc-ballot-component-row-gap: 1rem;
+  --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
+  --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
+  --rlc-ballot-title-height: var(--rls-smalltext-line-height);
+  --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
+  --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
+  --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
   --rlc-fieldbox-body-background: transparent;
   --rlc-fieldbox-body-border: none;
   --rlc-fieldbox-body-box-shadow: none;
   --rlc-fieldbox-body-padding: 0rem;
+  --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
   --rlc-switch-element-size: var(--rls-sizing-x10);
   --rlc-switch-bar-radius: var(--rls-sizing-x2);
   --rlc-switch-bar-height: var(--rls-sizing-x4);
@@ -4403,10 +4424,19 @@ button {
   --rlc-avatar-font-size: var(--rlc-datatable-font-size);
   --rlc-action-ripple-dimension: var(--rls-sizing-x16);
   --rlc-action-ripple-position: -8rem;
+  --rlc-ballot-padding: 0rem;
+  --rlc-ballot-component-row-gap: 1rem;
+  --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
+  --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
+  --rlc-ballot-title-height: var(--rls-smalltext-line-height);
+  --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
+  --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
+  --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
   --rlc-fieldbox-body-background: transparent;
   --rlc-fieldbox-body-border: none;
   --rlc-fieldbox-body-box-shadow: none;
   --rlc-fieldbox-body-padding: 0rem;
+  --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
   --rlc-switch-element-size: var(--rls-sizing-x10);
   --rlc-switch-bar-radius: var(--rls-sizing-x2);
   --rlc-switch-bar-height: var(--rls-sizing-x4);
@@ -4479,12 +4509,9 @@ button {
 .rls-datatable__info .rls-poster {
   display: flex;
   width: calc(100% - var(--rls-sizing-x2));
-  height: 100%;
   margin: var(--rls-sizing-x3) var(--rls-sizing-x2);
   justify-content: center;
   align-items: center;
-  overflow: hidden;
-  height: var(--rls-sizing-x14);
   line-height: var(--rls-sizing-x14);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4494,25 +4521,9 @@ button {
 }
 .rls-datatable__cell > .rls-ballot,
 .rls-datatable__info > .rls-ballot {
-  padding: 0rem;
+  --rlc-badge-padding: 0.5rem 1.5rem;
   height: var(--rls-sizing-x20);
 }
-.rls-datatable__cell > .rls-ballot .rls-ballot__title,
-.rls-datatable__info > .rls-ballot .rls-ballot__title {
-  font-weight: var(--rls-font-weight-semibold);
-  font-size: var(--rls-smalltext-font-size);
-  letter-spacing: var(--rls-smalltext-letter-spacing);
-  min-height: var(--rls-sizing-x8);
-  line-height: var(--rls-sizing-x8);
-}
-.rls-datatable__cell > .rls-ballot .rls-ballot__subtitle,
-.rls-datatable__info > .rls-ballot .rls-ballot__subtitle {
-  margin-top: 0rem;
-  font-size: var(--rls-overline-font-size);
-  letter-spacing: var(--rls-overline-letter-spacing);
-  min-height: var(--rls-sizing-x8);
-  line-height: var(--rls-sizing-x8);
-}
 .rls-datatable__cell > a:hover,
 .rls-datatable__info > a:hover {
   color: var(--rls-app-color-700);
@@ -4522,8 +4533,13 @@ button {
   position: relative;
   width: 100%;
   overflow: hidden;
-  background: var(--rls-app-color-100);
   border-radius: 0rem 0rem var(--rls-sizing-x4) var(--rls-sizing-x4);
+  padding-left: var(--rlc-datatable-padding-scroll);
+  padding-right: var(--pvt-header-padding-right);
+  box-sizing: border-box;
+}
+.rls-datatable__tfooter tr {
+  background: var(--rlc-datatable-footer-background);
 }
 
 .rls-field-box {