@rolster/styles-foundations 2.4.15 → 2.4.17

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/components/data-table.scss +4 -11
  3. package/scss/components/field-box.scss +2 -3
  4. package/scss/components.scss +12 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.4.15",
3
+ "version": "2.4.17",
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",
package/scss/components/data-table.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Datatable Component
2
- // v2.3.2
2
+ // v2.3.4
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 18/Abr/2025
6
+ // Updated: 27/Abr/2025
7
7
 
8
8
  @mixin datatable_cell_control() {
9
9
  --rlc-avatar-border-radius: var(--rls-sizing-x3);
@@ -19,6 +19,7 @@
19
19
  --rlc-fieldbox-body-shadow: none;
20
20
  --rlc-fieldbox-action-background: transparent;
21
21
 
22
+ --rlc-switch-max-width: var(--rls-sizing-x18);
22
23
  --rlc-switch-bar-radius: var(--rls-sizing-x2);
23
24
  --rlc-switch-bar-height: var(--rls-sizing-x4);
24
25
  --rlc-switch-element-size: var(--rls-sizing-x10);
@@ -169,22 +170,18 @@
169
170
 
170
171
  &--success {
171
172
  background: var(--rls-success-color-050);
172
- border: var(--rls-success-border-1-300);
173
173
  }
174
174
 
175
175
  &--info {
176
176
  background: var(--rls-info-color-050);
177
- border: var(--rls-info-border-1-300);
178
177
  }
179
178
 
180
179
  &--warning {
181
180
  background: var(--rls-warning-color-050);
182
- border: var(--rls-warning-border-1-300);
183
181
  }
184
182
 
185
183
  &--error {
186
184
  background: var(--rls-danger-color-050);
187
- border: var(--rls-danger-border-1-300);
188
185
  }
189
186
 
190
187
  &--overflow {
@@ -222,11 +219,7 @@
222
219
  }
223
220
 
224
221
  &.rls-align-center {
225
- & > .rls-checkbox,
226
- & > .rls-radiobutton,
227
- & > .rls-switch {
228
- margin: auto;
229
- }
222
+ justify-content: center;
230
223
  }
231
224
 
232
225
  & > span {
package/scss/components/field-box.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology FieldBox Component
2
- // v2.1.5
2
+ // v2.1.6
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 08/Sep/2022
6
- // Updated: 23/Abr/2025
6
+ // Updated: 24/Abr/2025
7
7
 
8
8
  .rls-field-box {
9
9
  --pvt-label-opacity: 1;
@@ -29,7 +29,6 @@
29
29
  }
30
30
 
31
31
  &--disabled {
32
- --rlc-fieldbox-body-background: var(--rls-app-color-050);
33
32
  --pvt-body-opacity: 0.75;
34
33
  --pvt-label-opacity: 0.5;
35
34
  }
package/scss/components.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Components
2
- // v2.2.0
2
+ // v2.2.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 13/Abr/2023
6
- // Updated: 23/Abr/2025
6
+ // Updated: 27/Abr/2025
7
7
 
8
8
  @use 'sass:meta';
9
9
 
@@ -53,6 +53,9 @@
53
53
 
54
54
  --rlc-card-content-padding: var(--rls-sizing-x8);
55
55
 
56
+ --rlc-checkbox-dimension: var(--rls-sizing-x12);
57
+ --rlc-checkbox-children-dimension: 7rem;
58
+
56
59
  --rlc-datatable-body-max-height: initial;
57
60
  --rlc-datatable-body-overflow: initial;
58
61
  --rlc-datatable-letter-spacing: 0.0625em;
@@ -106,6 +109,9 @@
106
109
 
107
110
  --rlc-progress-circular-dimension: var(--rls-sizing-x28);
108
111
 
112
+ --rlc-radiobutton-dimension: var(--rls-sizing-x12);
113
+ --rlc-radiobutton-children-dimension: 7rem;
114
+
109
115
  --rlc-snackbar-left: 50%;
110
116
 
111
117
  --rlc-skeleton-height: inherit;
@@ -115,9 +121,10 @@
115
121
  --rlc-skeleton-text-height: var(--rls-body-line-height);
116
122
  --rlc-skeleton-text-letter-spacing: var(--rls-body-letter-spacing);
117
123
 
118
- --rlc-switch-bar-radius: var(--rls-sizing-x3);
119
- --rlc-switch-bar-height: var(--rls-sizing-x6);
120
- --rlc-switch-element-size: var(--rls-sizing-x12);
124
+ --rlc-switch-max-width: var(--rls-sizing-x18);
125
+ --rlc-switch-bar-radius: var(--rls-sizing-x2);
126
+ --rlc-switch-bar-height: var(--rls-sizing-x4);
127
+ --rlc-switch-element-size: var(--rls-sizing-x10);
121
128
 
122
129
  --rlc-tabulartext-char-width: 5.5rem;
123
130
  --rlc-tabulartext-font-size: var(--rls-body-font-size);