@rolster/styles-foundations 2.3.35 → 2.3.37

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.3.35",
3
+ "version": "2.3.37",
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 Datatable Component
2
- // v2.2.1
2
+ // v2.2.4
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 02/Mar/2025
6
+ // Updated: 06/Abr/2025
7
7
 
8
8
  @mixin datatable_cell_control() {
9
9
  --rlc-avatar-border-radius: var(--rls-sizing-x3);
@@ -74,8 +74,7 @@
74
74
  );
75
75
 
76
76
  --pvt-datatable-padding-component: 0rem
77
- calc(var(--rlc-datatable-padding-scroll) + 5rem) 0rem
78
- var(--rlc-datatable-padding-scroll);
77
+ calc(var(--rlc-datatable-padding-scroll) + 5rem) 0rem 0rem;
79
78
  }
80
79
 
81
80
  & > table {
@@ -98,7 +97,6 @@
98
97
 
99
98
  &__head {
100
99
  width: 100%;
101
- padding-left: var(--rlc-datatable-padding-scroll);
102
100
  padding-right: var(--pvt-header-padding-right);
103
101
  box-sizing: border-box;
104
102
  }
@@ -154,7 +152,7 @@
154
152
  display: flex;
155
153
  flex-direction: column;
156
154
  row-gap: var(--rls-sizing-x6);
157
- padding: 0rem var(--rlc-datatable-padding-scroll);
155
+ padding-right: var(--rlc-datatable-padding-scroll);
158
156
  box-sizing: border-box;
159
157
  overflow-y: var(--rlc-datatable-body-overflow);
160
158
  max-height: var(--rlc-datatable-body-max-height);
@@ -191,6 +189,10 @@
191
189
  background: var(--rls-danger-color-050);
192
190
  border: var(--rls-danger-border-1-300);
193
191
  }
192
+
193
+ &--overflow {
194
+ overflow: hidden;
195
+ }
194
196
  }
195
197
 
196
198
  &__subheader {
@@ -271,10 +273,38 @@
271
273
  }
272
274
  }
273
275
 
276
+ &__floating {
277
+ position: absolute;
278
+ display: flex;
279
+ left: initial;
280
+ right: 0;
281
+ height: 100%;
282
+ column-gap: 4rem;
283
+ align-items: center;
284
+ z-index: var(--rls-z-index-2);
285
+ padding: 0rem var(--rls-sizing-x6);
286
+ background: var(--rls-app-background-300);
287
+ border-right: none;
288
+ border-left: 2px dashed var(--rls-app-border-100);
289
+ transform: translateX(calc(100% - var(--rls-sizing-x6)));
290
+ transition: transform 240ms var(--rls-standard-curve);
291
+
292
+ &:hover {
293
+ transform: translateX(0);
294
+ }
295
+
296
+ &--invested {
297
+ right: initial;
298
+ left: 0;
299
+ transform: translateX(calc(-100% + var(--rls-sizing-x6)));
300
+ border-left: none;
301
+ border-right: 2px dashed var(--rls-app-border-100);
302
+ }
303
+ }
304
+
274
305
  &__summary {
275
306
  --pvt-datatable-record-background: var(--rls-theme-color-050);
276
307
 
277
- padding-left: var(--rlc-datatable-padding-scroll);
278
308
  padding-right: var(--pvt-header-padding-right);
279
309
  box-sizing: border-box;
280
310
  }