@rolster/styles-foundations 2.5.43 → 2.5.45

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 (8) hide show
  1. package/dist/styles.css +8 -11
  2. package/dist/styles.css.map +1 -1
  3. package/dist/styles.min.css +2 -2
  4. package/dist/styles.rtl.css +8 -11
  5. package/dist/styles.rtl.min.css +2 -2
  6. package/package.json +1 -1
  7. package/scss/components/app.scss +2 -2
  8. package/scss/components/data-table.scss +9 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.5.43",
3
+ "version": "2.5.45",
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/app.scss CHANGED
@@ -131,10 +131,10 @@
131
131
  }
132
132
  }
133
133
 
134
- @media screen and (max-width: 320px) {
134
+ @media screen and (max-width: 480px) {
135
135
  .rls-app {
136
136
  &__body {
137
- --pvt-navbar-dimension: 120rem;
137
+ --pvt-navbar-dimension: calc(100vw - 32rem);
138
138
  }
139
139
  }
140
140
  }
package/scss/components/data-table.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology Datatable Component
2
- // v2.5.1
2
+ // v2.5.2
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 12/Ago/2025
6
+ // Updated: 24/Sep/2025
7
7
 
8
8
  @mixin datatable_cell_control() {
9
9
  --rlc-avatar-radius: var(--rls-sizing-x3);
@@ -226,6 +226,13 @@
226
226
  --rlc-fieldbox-body-shadow-error: none;
227
227
  --rlc-fieldbox-action-background: transparent;
228
228
 
229
+ --rlc-fieldlist-control-font-size: var(--pvt-datatable-font-size);
230
+ --rlc-fieldlist-control-font-weight: var(--rls-font-weight-medium);
231
+ --rlc-fieldlist-control-letter-spacing: var(--rls-body-letter-spacing);
232
+ --rlc-fieldlist-element-padding: var(--rls-sizing-x4);
233
+ --rlc-fieldlist-suggestions-bottom: var(--rls-sizing-x24);
234
+ --rlc-fieldlist-suggestions-top: var(--rls-sizing-x24);
235
+
229
236
  position: relative;
230
237
  display: flex;
231
238
  align-items: center;
@@ -262,17 +269,8 @@
262
269
  }
263
270
 
264
271
  .rls-field-list {
265
- --rlc-fieldbox-body-background: transparent;
266
272
  --rlc-fieldbox-body-padding: var(--rls-sizing-x4) 0rem;
267
- --rlc-fieldbox-body-shadow: none;
268
273
  --rlc-fieldbox-action-dimension: var(--rls-sizing-x10);
269
- --rlc-fieldbox-action-background: transparent;
270
- --rlc-fieldlist-control-font-size: var(--pvt-datatable-font-size);
271
- --rlc-fieldlist-control-font-weight: var(--rls-font-weight-medium);
272
- --rlc-fieldlist-control-letter-spacing: var(--rls-body-letter-spacing);
273
- --rlc-fieldlist-element-padding: var(--rls-sizing-x4);
274
- --rlc-fieldlist-suggestions-bottom: var(--rls-sizing-x24);
275
- --rlc-fieldlist-suggestions-top: var(--rls-sizing-x24);
276
274
  }
277
275
 
278
276
  .rls-poster {