@rolster/styles-foundations 2.3.31 → 2.3.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/styles-foundations",
-  "version": "2.3.31",
+  "version": "2.3.32",
   "description": "Front-end style pack to develop responsive and mobile projects on the web with Rolster.",
   "sass": "scss/styles.scss",
   "style": "dist/styles.css",

package/scss/components/data-table.scss

@@ -1,5 +1,5 @@
 // Rolster Technology Datatable Component
-// v2.2.0
+// v2.2.1
 // @license MIT
 // Author: Rolster Developers
 // Created: 20/Mar/2018
@@ -74,7 +74,7 @@
     );
 
     --pvt-datatable-padding-component: 0rem
-      calc(var(--rlc-datatable-padding-scroll) + 6rem) 0rem
+      calc(var(--rlc-datatable-padding-scroll) + 5rem) 0rem
       var(--rlc-datatable-padding-scroll);
   }
 
@@ -197,7 +197,7 @@
     position: sticky;
     top: 0px;
     z-index: var(--rls-z-index-4);
-    background: rgba(255, 255, 255, 0.8);
+    background: rgba(241, 238, 247, 0.8);
     backdrop-filter: blur(2px);
   }
 

package/scss/foundations/colors.scss

@@ -1,9 +1,9 @@
 // Rolster Technology Colors Foundations
-// v2.5.0
+// v2.5.1
 // @license MIT
 // Author: Rolster Developers
 // Created: 03/Mar/2022
-// Updated: 17/Dic/2024
+// Updated: 12/Mar/2025
 
 @mixin rolster-theme-900($theme, $r, $g, $b) {
   --rls-#{$theme}-backdrop-900: rgba(#{$r}, #{$g}, #{$b}, 0.8);
@@ -320,6 +320,48 @@
     var(--rls-amaizing-color-500) 100%
   );
 
+  // COLORS AMBER
+
+  --rls-amber-color-950: rgba(66, 27, 8, 1);
+
+  @include rolster-theme-900('amber', 123, 59, 19);
+
+  --rls-amber-color-800: rgba(152, 69, 20, 1);
+
+  @include rolster-theme-700('amber', 192, 88, 14);
+
+  --rls-amber-color-600: rgba(238, 119, 15, 1);
+
+  @include rolster-theme-500('amber', 246, 142, 25);
+
+  --rls-amber-color-400: rgba(249, 169, 62, 1);
+
+  --rls-amber-color-300: rgba(251, 202, 118, 1);
+
+  --rls-amber-color-200: rgba(253, 225, 171, 1);
+
+  --rls-amber-color-100: rgba(255, 242, 213, 1);
+
+  --rls-amber-color-050: rgba(255, 249, 237, 1);
+
+  --rls-amber-gradient-700: linear-gradient(
+    180deg,
+    var(--rls-amber-color-700) 0%,
+    var(--rls-amber-color-900) 100%
+  );
+
+  --rls-amber-gradient-500: linear-gradient(
+    180deg,
+    var(--rls-amber-color-500) 0%,
+    var(--rls-amber-color-700) 100%
+  );
+
+  --rls-amber-gradient-300: linear-gradient(
+    180deg,
+    var(--rls-amber-color-300) 0%,
+    var(--rls-amber-color-500) 100%
+  );
+
   // COLORS SMARTNESS
 
   --rls-smartness-color-950: rgba(50, 24, 22, 1);

package/scss/foundations/themes.scss

@@ -1,9 +1,9 @@
 // Rolster Technology Themes Foundations
-// v2.3.2
+// v2.3.3
 // @license MIT
 // Author: Rolster Developers
 // Created: 03/Mar/2022
-// Updated: 17/Dic/2024
+// Updated: 12/Mar/2025
 
 @mixin app-border-token($theme, $token) {
   --rls-app-border-1-#{$token}: var(--rls-border-1) solid
@@ -149,6 +149,7 @@
   @include rolster-border-token('warning');
   @include rolster-border-token('danger');
   @include rolster-border-token('amaizing');
+  @include rolster-border-token('amber');
   @include rolster-border-token('smartness');
   @include rolster-border-token('obsidian');
 
@@ -175,6 +176,10 @@
   @include rolster-theme('amaizing');
 }
 
+*[rls-theme='amber'] {
+  @include rolster-theme('amber');
+}
+
 *[rls-theme='smartness'] {
   @include rolster-theme('smartness');
 }