@rolster/styles-foundations 2.6.7 → 2.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.6.7",
3
+ "version": "2.6.8",
4
4
  "description": "Front-end style pack to develop responsive and mobile projects on the web with Rolster.",
5
5
  "sass": "scss/styles.scss",
6
6
  "style": "dist/styles.css",
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology FieldBox Component
2
- // v2.3.1
2
+ // v2.3.2
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 08/Sep/2022
6
- // Updated: 12/Nov/2025
6
+ // Updated: 29/Nov/2025
7
7
 
8
8
  .rls-field-box {
9
9
  --pvt-body-background: var(--rlc-field-box-body-background, transparent);
@@ -55,7 +55,7 @@
55
55
  &--focused {
56
56
  --pvt-body-shadow: var(
57
57
  --rlc-field-box-body-shadow,
58
- 0px 0px 0px 3px var(--rls-theme-shadow-500)
58
+ var(--rls-theme-shadow-500)
59
59
  );
60
60
 
61
61
  --pvt-label-font-color: var(--rls-theme-color-500);
@@ -65,7 +65,7 @@
65
65
  &--error {
66
66
  --pvt-body-shadow: var(
67
67
  --rlc-field-box-body-shadow-error,
68
- 0px 0px 0px 3px var(--rls-danger-shadow-500)
68
+ 0px 0px 0px 3px var(--rls-danger-shadow-color-500)
69
69
  );
70
70
 
71
71
  --pvt-label-font-color: var(--rls-danger-color-500);
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology FieldList Component
2
- // v1.5.0
2
+ // v1.5.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 08/Nov/2025
6
+ // Updated: 29/Nov/2025
7
7
 
8
8
  .rls-field-list {
9
9
  --pvt-action-font-color: var(--rls-app-color-600);
@@ -151,7 +151,7 @@
151
151
  z-index: var(--rls-z-index-2);
152
152
  border: var(--pvt-list-body-border);
153
153
  background: var(--rls-app-color-050);
154
- box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
154
+ box-shadow: var(--rls-theme-shadow-500);
155
155
  transform: var(--pvt-list-transform);
156
156
 
157
157
  &::before {
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Helpers Foundations
2
- // v1.0.1
2
+ // v1.0.2
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 18/Abr/2025
6
- // Updated: 19/Abr/2025
6
+ // Updated: 29/Nov/2025
7
7
 
8
8
  @use 'sass:color' as *;
9
9
 
@@ -42,7 +42,9 @@
42
42
 
43
43
  --rls-#{$theme}-color-500: #{$color};
44
44
 
45
- --rls-#{$theme}-shadow-500: rgba(#{$r}, #{$g}, #{$b}, 0.24);
45
+ --rls-#{$theme}-shadow-color-500: rgba(#{$r}, #{$g}, #{$b}, 0.24);
46
+
47
+ --rls-#{$theme}-shadow-500: 0px 0px 0px 3px var(--rls-#{$theme}-shadow-color-500);
46
48
  }
47
49
 
48
50
  @mixin rolster-theme(
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Themes Foundations
2
- // v2.5.0
2
+ // v2.5.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 03/Mar/2022
6
- // Updated: 26/Oct/2025
6
+ // Updated: 29/Nov/2025
7
7
 
8
8
  @mixin rolster-app-border($token) {
9
9
  --rls-app-border-1-#{$token}: var(--rls-border-1) solid
@@ -89,6 +89,8 @@
89
89
 
90
90
  --rls-theme-skeleton-100: var(--rls-#{$theme}-skeleton-100);
91
91
 
92
+ --rls-theme-shadow-color-500: var(--rls-#{$theme}-shadow-color-500);
93
+
92
94
  --rls-theme-shadow-500: var(--rls-#{$theme}-shadow-500);
93
95
 
94
96
  --rls-theme-backdrop-900: var(--rls-#{$theme}-backdrop-900);