@rolster/styles-foundations 2.6.18 → 2.6.20

package/dist/styles.rtl.css

@@ -70,15 +70,15 @@
   display: flex;
   justify-content: flex-end;
 }
-.rls-flex-aligns-items-start {
+.rls-flex-align-items-start {
   display: flex;
   align-items: flex-start;
 }
-.rls-flex-aligns-items-center {
+.rls-flex-align-items-center {
   display: flex;
   align-items: center;
 }
-.rls-flex-aligns-items-end {
+.rls-flex-align-items-end {
   display: flex;
   align-items: flex-end;
 }
@@ -5960,6 +5960,27 @@ button {
   white-space: nowrap;
 }
 .rls-datatable__title {
+  --rlc-field-box-body-background: transparent;
+  --rlc-field-box-body-background-focused: transparent;
+  --rlc-field-box-body-background-disabled: transparent;
+  --rlc-field-box-body-padding: 0rem;
+  --rlc-field-box-body-border: none;
+  --rlc-field-box-body-border-focused: none;
+  --rlc-field-box-body-border-error: none;
+  --rlc-field-box-body-border-disabled: none;
+  --rlc-field-box-body-shadow: none;
+  --rlc-field-box-body-shadow-error: none;
+  --rlc-field-box-action-background: transparent;
+  --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
+  --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
+  --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
+  --rlc-field-list-element-padding: var(--rls-sizing-x4);
+  --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
+  --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
+  --rlc-poster-font-size: var(--pvt-datatable-font-size);
+  --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
+  --rlc-poster-height: var(--rls-sizing-x8);
+  --rlc-poster-padding: var(--rls-sizing-x2);
   position: relative;
   display: flex;
   height: var(--rls-sizing-x20);
@@ -5972,9 +5993,11 @@ button {
   font-size: var(--pvt-datatable-font-size);
   letter-spacing: var(--pvt-datatable-letter-spacing);
   text-align: right;
-  overflow: hidden;
   white-space: nowrap;
 }
+.rls-datatable__title--contained {
+  overflow: hidden;
+}
 .rls-datatable__title--control {
   --rlc-action-ripple-dimension: var(--rls-sizing-x16);
   --rlc-action-ripple-position: -8rem;
@@ -5998,12 +6021,32 @@ button {
 .rls-datatable__title--control > img {
   width: var(--rls-sizing-x12);
 }
+.rls-datatable__title.rls-align-center {
+  justify-content: center;
+}
 .rls-datatable__title > span {
   display: block;
   width: 100%;
+  white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+.rls-datatable__title > p {
+  padding: var(--rls-sizing-x2) 0rem;
+}
+.rls-datatable__title .rls-field-list {
+  --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
+  --rlc-field-box-action-dimension: var(--rls-sizing-x10);
+}
+.rls-datatable__title .rls-poster {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rls-datatable__title > a:hover {
+  color: var(--rls-app-color-700);
+  text-decoration: underline;
+}
 .rls-datatable__body {
   display: flex;
   flex: 1 1 auto;
@@ -6025,6 +6068,11 @@ button {
   border: var(--pvt-datatable-row-border);
   border-radius: var(--pvt-datatable-border-radius);
 }
+.rls-datatable__subheader--contained,
+.rls-datatable__record--contained,
+.rls-datatable__totals--contained {
+  overflow: hidden;
+}
 .rls-datatable__subheader--success,
 .rls-datatable__record--success,
 .rls-datatable__totals--success {
@@ -6053,17 +6101,13 @@ button {
   background: var(--rls-danger-color-050);
   border: var(--rls-danger-border-1-200);
 }
-.rls-datatable__subheader--contained,
-.rls-datatable__record--contained,
-.rls-datatable__totals--contained {
-  overflow: hidden;
-}
 .rls-datatable__subheader {
+  --pvt-data-font-color: var(--rls-app-color-700);
+  --pvt-data-font-weight: var(--rls-font-weight-semibold);
   position: sticky;
   top: 0px;
   z-index: var(--rls-z-index-4);
-  background: rgba(241, 238, 247, 0.8);
-  backdrop-filter: blur(2px);
+  background: var(--pvt-datatable-header-background);
 }
 .rls-datatable__cell,
 .rls-datatable__data {
@@ -6094,8 +6138,6 @@ button {
   cursor: default;
   text-align: right;
   min-height: var(--rls-sizing-x20);
-  font-weight: var(--rls-font-weight-regular);
-  color: var(--pvt-datatable-font-color);
   font-size: var(--pvt-datatable-font-size);
   letter-spacing: var(--pvt-datatable-letter-spacing);
 }
@@ -6160,6 +6202,14 @@ button {
   color: var(--rls-app-color-700);
   text-decoration: underline;
 }
+.rls-datatable__cell {
+  color: var(--pvt-datatable-font-color);
+  font-weight: var(--rls-font-weight-regular);
+}
+.rls-datatable__data {
+  color: var(--pvt-data-font-color, var(--pvt-datatable-font-color));
+  font-weight: var(--pvt-data-font-weight, var(--rls-font-weight-regular));
+}
 .rls-datatable__floating {
   --pvt-action-tooltip-left: 0;
   --pvt-action-tooltip-right: initial;