@rolster/styles-foundations 2.5.21 → 2.5.23

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 +14 -9
  3. package/scss/components/field-box.scss +17 -5
  4. package/scss/components/field-list.scss +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.5.21",
3
+ "version": "2.5.23",
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,5 +1,5 @@
1
1
  // Rolster Technology Datatable Component
2
- // v2.4.0
2
+ // v2.4.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
@@ -14,11 +14,6 @@
14
14
  --rlc-action-ripple-dimension: var(--rls-sizing-x16);
15
15
  --rlc-action-ripple-position: -8rem;
16
16
 
17
- --rlc-fieldbox-body-background: transparent;
18
- --rlc-fieldbox-body-padding: 0rem;
19
- --rlc-fieldbox-body-shadow: none;
20
- --rlc-fieldbox-action-background: transparent;
21
-
22
17
  --rlc-switch-max-width: var(--rls-sizing-x18);
23
18
  --rlc-switch-bar-radius: var(--rls-sizing-x2);
24
19
  --rlc-switch-bar-height: var(--rls-sizing-x4);
@@ -34,7 +29,10 @@
34
29
  .rls-datatable {
35
30
  --pvt-datatable-letter-spacing: var(--rlc-datatable-letter-spacing, 0.0625em);
36
31
  --pvt-datatable-font-size: var(--rlc-datatable-font-size, 7rem);
37
- --pvt-datatable-font-color: var(--rlc-datatable-font-color, var(--rls-app-color-900));
32
+ --pvt-datatable-font-color: var(
33
+ --rlc-datatable-font-color,
34
+ var(--rls-app-color-900)
35
+ );
38
36
 
39
37
  --pvt-datatable-header-background: var(
40
38
  --rlc-datatable-header-background,
@@ -45,7 +43,7 @@
45
43
  --rlc-datatable-record-background,
46
44
  var(--rls-app-color-100)
47
45
  );
48
-
46
+
49
47
  --pvt-datatable-padding-component: 0rem;
50
48
  --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
51
49
  --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
@@ -126,10 +124,10 @@
126
124
 
127
125
  .rls-poster {
128
126
  width: calc(100% - var(--rls-sizing-x2));
127
+ margin: auto 0rem;
129
128
  overflow: hidden;
130
129
  text-overflow: ellipsis;
131
130
  white-space: nowrap;
132
- margin: auto 0rem;
133
131
  }
134
132
  }
135
133
 
@@ -217,6 +215,13 @@
217
215
 
218
216
  &__cell,
219
217
  &__data {
218
+ --rlc-fieldbox-body-background: transparent;
219
+ --rlc-fieldbox-body-background-focused: transparent;
220
+ --rlc-fieldbox-body-padding: 0rem;
221
+ --rlc-fieldbox-body-shadow: none;
222
+ --rlc-fieldbox-body-shadow-error: none;
223
+ --rlc-fieldbox-action-background: transparent;
224
+
220
225
  position: relative;
221
226
  display: flex;
222
227
  align-items: center;
package/scss/components/field-box.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Rolster Technology FieldBox Component
2
- // v2.2.0
2
+ // v2.2.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 08/Sep/2022
@@ -11,7 +11,7 @@
11
11
  var(--rls-app-color-100)
12
12
  );
13
13
 
14
- --pvt-body-shadow: var(--rlc-fieldbox-body-shadow, none);
14
+ --pvt-body-shadow: none;
15
15
 
16
16
  --pvt-label-font-color: var(
17
17
  --rlc-fieldbox-label-font-color,
@@ -30,13 +30,25 @@
30
30
  transition: height 160ms 0ms var(--rls-standard-curve);
31
31
 
32
32
  &--focused {
33
- --pvt-body-background: var(--rls-app-color-050);
34
- --pvt-body-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
33
+ --pvt-body-background: var(
34
+ --rlc-fieldbox-body-background-focused,
35
+ var(--rls-app-color-050)
36
+ );
37
+
38
+ --pvt-body-shadow: var(
39
+ --rlc-fieldbox-body-shadow,
40
+ 0px 0px 0px 3px var(--rls-theme-shadow-500)
41
+ );
42
+
35
43
  --pvt-label-font-color: var(--rls-theme-color-500);
36
44
  }
37
45
 
38
46
  &--error {
39
- --pvt-body-shadow: 0px 0px 0px 3px var(--rls-danger-shadow-500);
47
+ --pvt-body-shadow: var(
48
+ --rlc-fieldbox-body-shadow-error,
49
+ 0px 0px 0px 3px var(--rls-danger-shadow-500)
50
+ );
51
+
40
52
  --pvt-label-font-color: var(--rls-danger-color-500);
41
53
  }
42
54
 
package/scss/components/field-list.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Rolster Technology FieldList Component
2
- // v1.4.0
2
+ // v1.4.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
@@ -67,7 +67,7 @@
67
67
  }
68
68
 
69
69
  &__action {
70
- --rlc-icon-dimesion: calc(var(--pvt-action-dimension) - 2rem);
70
+ --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
71
71
 
72
72
  width: var(--pvt-action-dimension);
73
73
  height: var(--pvt-action-dimension);