@rolster/styles-foundations 2.6.14 → 2.6.16

package/dist/styles.rtl.css

@@ -89,15 +89,16 @@ body {
   --rls-sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
 }
 body {
-  --rls-app-color-900: var(--rls-project-color-900, #26303b);
-  --rls-app-color-800: var(--rls-project-color-800, #323755);
-  --rls-app-color-700: var(--rls-project-color-700, #464b60);
-  --rls-app-color-600: var(--rls-project-color-600, #616e99);
+  --rls-app-color-950: var(--rls-project-color-950, #26303b);
+  --rls-app-color-900: var(--rls-project-color-900, #32384e);
+  --rls-app-color-800: var(--rls-project-color-800, #3f4661);
+  --rls-app-color-700: var(--rls-project-color-700, #515a7d);
+  --rls-app-color-600: var(--rls-project-color-600, #67739f);
   --rls-app-color-500: var(--rls-project-color-500, #828fbf);
-  --rls-app-color-400: var(--rls-project-color-400, #bdc0dc);
-  --rls-app-color-300: var(--rls-project-color-300, #d6d9f0);
-  --rls-app-color-200: var(--rls-project-color-200, #e7eaf7);
-  --rls-app-color-100: var(--rls-project-color-100, #f7f9ff);
+  --rls-app-color-400: var(--rls-project-color-400, #a5b0e8);
+  --rls-app-color-300: var(--rls-project-color-300, #c2cbf5);
+  --rls-app-color-200: var(--rls-project-color-200, #e0e5ff);
+  --rls-app-color-100: var(--rls-project-color-100, #f5f7ff);
   --rls-app-color-050: var(--rls-project-color-050, #ffffff);
   --rls-primary-color-950: #0b2446;
   --rls-primary-color-900: #103a6a;
@@ -116,8 +117,8 @@ body {
   --rls-primary-color-400: #409cf0;
   --rls-primary-color-300: #82bdf7;
   --rls-primary-color-200: #bddbfa;
-  --rls-primary-color-100: #e1edfd;
-  --rls-primary-color-050: #f1f7fe;
+  --rls-primary-color-100: #ddebfc;
+  --rls-primary-color-050: #f0f7fe;
   --rls-primary-gradient-700: linear-gradient(
     180deg,
     var(--rls-primary-color-700) 15%,
@@ -811,16 +812,17 @@ body {
   );
 }
 body[app-theme='dark'] {
-  --rls-app-color-050: var(--rls-project-color-050, #28323d);
-  --rls-app-color-100: var(--rls-project-color-100, #343957);
-  --rls-app-color-200: var(--rls-project-color-200, #484d6b);
-  --rls-app-color-300: var(--rls-project-color-300, #626f9b);
-  --rls-app-color-400: var(--rls-project-color-400, #808dbe);
-  --rls-app-color-500: var(--rls-project-color-500, #bdc0dc);
-  --rls-app-color-600: var(--rls-project-color-600, #d6d9f0);
-  --rls-app-color-700: var(--rls-project-color-700, #e5e8f5);
-  --rls-app-color-800: var(--rls-project-color-800, #f4f7ff);
-  --rls-app-color-900: var(--rls-project-color-900, #ffffff);
+  --rls-app-color-050: var(--rls-project-color-050, #26303b);
+  --rls-app-color-100: var(--rls-project-color-100, #32384e);
+  --rls-app-color-200: var(--rls-project-color-200, #3f4661);
+  --rls-app-color-300: var(--rls-project-color-300, #515a7d);
+  --rls-app-color-400: var(--rls-project-color-400, #67739f);
+  --rls-app-color-500: var(--rls-project-color-500, #828fbf);
+  --rls-app-color-600: var(--rls-project-color-600, #a5b0e8);
+  --rls-app-color-700: var(--rls-project-color-700, #c2cbf5);
+  --rls-app-color-800: var(--rls-project-color-800, #e0e5ff);
+  --rls-app-color-900: var(--rls-project-color-900, #f5f7ff);
+  --rls-app-color-950: var(--rls-project-color-950, #ffffff);
 }
 body {
   --rls-app-border-1-transparent: var(--rls-border-1) solid transparent;
@@ -4800,6 +4802,11 @@ body {
   overflow: hidden;
   white-space: nowrap;
 }
+span.rls-truncate,
+p.rls-truncate {
+  width: 100%;
+  display: block;
+}
 :root {
   --rls-app-font-size: 2px;
   --rls-heading1-font-size: 16rem;
@@ -5813,15 +5820,35 @@ button {
   --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
   --pvt-datatable-table-overflow: initial;
   --pvt-datatable-body-overflow: initial;
+  --pvt-datatable-border-radius: var(
+    --rlc-datatable-border-radius,
+    var(--rls-sizing-x4)
+  );
   --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
   --pvt-datatable-header-background: var(
     --rlc-datatable-header-background,
     var(--rls-app-color-100)
   );
-  --pvt-datatable-record-background: var(
-    --rlc-datatable-record-background,
+  --pvt-datatable-header-border: var(
+    --rlc-datatable-header-border,
+    var(--rls-app-border-1-200)
+  );
+  --pvt-datatable-row-background: var(
+    --rlc-datatable-row-background,
     transparent
   );
+  --pvt-datatable-row-border: var(
+    --rlc-datatable-row-border,
+    var(--rls-app-border-1-200)
+  );
+  --pvt-datatable-summary-background: var(
+    --rlc-datatable-summary-background,
+    var(--rls-app-color-100)
+  );
+  --pvt-datatable-footer-background: var(
+    --rlc-datatable-footer-background,
+    var(--rls-app-color-100)
+  );
   --pvt-datatable-floating-background: var(--rls-app-color-100);
   --rlc-amount-font-size: var(--pvt-datatable-font-size);
   --rlc-amount-width: 100%;
@@ -5872,7 +5899,8 @@ button {
   padding: var(--pvt-datatable-padding-component);
   box-sizing: border-box;
   background: var(--pvt-datatable-header-background);
-  border-radius: var(--rls-sizing-x4);
+  border: var(--pvt-datatable-header-border);
+  border-radius: var(--pvt-datatable-border-radius);
 }
 .rls-datatable__table {
   display: flex;
@@ -5899,8 +5927,8 @@ button {
   padding: 0rem var(--rls-sizing-x6);
   box-sizing: border-box;
   background: var(--pvt-datatable-header-background);
-  border: var(--rls-app-border-1-200);
-  border-radius: var(--rls-sizing-x4);
+  border: var(--pvt-datatable-header-border);
+  border-radius: var(--pvt-datatable-border-radius);
 }
 .rls-datatable__header .rls-poster {
   width: calc(100% - var(--rls-sizing-x2));
@@ -5971,9 +5999,9 @@ button {
   column-gap: var(--rls-sizing-x6);
   padding: 0rem var(--rls-sizing-x6);
   box-sizing: border-box;
-  background: var(--pvt-datatable-record-background);
-  border: var(--rls-app-border-1-200);
-  border-radius: var(--rls-sizing-x4);
+  background: var(--pvt-datatable-row-background);
+  border: var(--pvt-datatable-row-border);
+  border-radius: var(--pvt-datatable-border-radius);
 }
 .rls-datatable__subheader--success,
 .rls-datatable__record--success,
@@ -6150,19 +6178,19 @@ button {
   z-index: var(--rls-z-index-2);
 }
 .rls-datatable__summary {
-  --pvt-datatable-record-background: var(--rls-app-color-100);
+  --pvt-datatable-row-background: var(--pvt-datatable-summary-background);
   flex: 0 0 auto;
   padding-left: var(--pvt-datatable-header-padding-right);
   box-sizing: border-box;
 }
 .rls-datatable__footer {
-  --pvt-datatable-record-background: var(--rls-app-color-100);
+  --pvt-datatable-row-background: var(--pvt-datatable-footer-background);
   position: relative;
   flex: 0 0 auto;
   width: 100%;
+  overflow: hidden;
   padding: var(--pvt-datatable-padding-component);
   box-sizing: border-box;
-  overflow: hidden;
 }
 .rls-field-box {
   --pvt-body-background: var(--rlc-field-box-body-background, transparent);