@rolster/styles-foundations 2.6.2 → 2.6.3

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 (6) hide show
  1. package/dist/styles.css +2 -2
  2. package/dist/styles.min.css +2 -2
  3. package/dist/styles.rtl.css +2 -2
  4. package/dist/styles.rtl.min.css +2 -2
  5. package/package.json +1 -1
  6. package/scss/components/field-box.scss +4 -4
package/dist/styles.css CHANGED
@@ -6024,7 +6024,7 @@ button {
6024
6024
  );
6025
6025
  --pvt-body-border-error: var(
6026
6026
  --rlc-field-box-body-border-error,
6027
- var(--rls-danger-border-1-300)
6027
+ var(--rls-danger-border-1-500)
6028
6028
  );
6029
6029
  --pvt-body-border-disabled: var(
6030
6030
  --rlc-field-box-body-border-disabled,
@@ -6098,7 +6098,7 @@ button {
6098
6098
  overflow: hidden;
6099
6099
  background: var(--pvt-body-background);
6100
6100
  opacity: var(--pvt-body-opacity);
6101
- border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x2));
6101
+ border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x3));
6102
6102
  padding: var(--rlc-field-box-body-padding, 0rem);
6103
6103
  box-sizing: border-box;
6104
6104
  border: var(--pvt-body-border);
package/dist/styles.min.css CHANGED
@@ -17,7 +17,7 @@
17
17
  );--pvt-body-border-focused:var(
18
18
  --rlc-field-box-body-border-focused,var(--rls-theme-border-1-500)
19
19
  );--pvt-body-border-error:var(
20
- --rlc-field-box-body-border-error,var(--rls-danger-border-1-300)
20
+ --rlc-field-box-body-border-error,var(--rls-danger-border-1-500)
21
21
  );--pvt-body-border-disabled:var(
22
22
  --rlc-field-box-body-border-disabled,var(--rls-app-border-1-300)
23
23
  );--pvt-body-shadow:none;--pvt-label-font-color:var(
@@ -26,7 +26,7 @@
26
26
  --rlc-field-box-body-shadow,0px 0px 0px 3px var(--rls-theme-shadow-500)
27
27
  );--pvt-label-font-color:var(--rls-theme-color-500);--pvt-body-border:var(--pvt-body-border-focused)}.rls-field-box--error{--pvt-body-shadow:var(
28
28
  --rlc-field-box-body-shadow-error,0px 0px 0px 3px var(--rls-danger-shadow-500)
29
- );--pvt-label-font-color:var(--rls-danger-color-500);--pvt-body-border:var(--pvt-body-border-error)}.rls-field-box--disabled{--pvt-body-opacity:0.75;--pvt-label-opacity:0.5;--pvt-body-background:var(--pvt-body-background-disabled);--pvt-body-border:var(--pvt-body-border-disabled)}.rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 5rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-field-box__body{align-items:center;background:var(--pvt-body-background);border:var(--pvt-body-border);border-radius:var(--rlc-field-box-body-radius,var(--rls-sizing-x2));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rlc-field-box-body-padding,0)}.rls-field-box__helper{box-sizing:border-box;color:var(--rls-app-color-400);font-size:var(--rls-overline-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-overline-letter-spacing);line-height:var(--rls-overline-line-height);min-height:var(--rls-overline-line-height);overflow:hidden;padding:0 5rem;text-overflow:ellipsis;white-space:nowrap}.rls-field-box__error{box-sizing:border-box;display:var(--rlc-field-box-error-display,block);padding:0 var(--rls-sizing-x4)}.rls-field-list{--pvt-action-font-color:var(--rls-app-color-600);--pvt-action-dimension:var(
29
+ );--pvt-label-font-color:var(--rls-danger-color-500);--pvt-body-border:var(--pvt-body-border-error)}.rls-field-box--disabled{--pvt-body-opacity:0.75;--pvt-label-opacity:0.5;--pvt-body-background:var(--pvt-body-background-disabled);--pvt-body-border:var(--pvt-body-border-disabled)}.rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 5rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-field-box__body{align-items:center;background:var(--pvt-body-background);border:var(--pvt-body-border);border-radius:var(--rlc-field-box-body-radius,var(--rls-sizing-x3));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rlc-field-box-body-padding,0)}.rls-field-box__helper{box-sizing:border-box;color:var(--rls-app-color-400);font-size:var(--rls-overline-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-overline-letter-spacing);line-height:var(--rls-overline-line-height);min-height:var(--rls-overline-line-height);overflow:hidden;padding:0 5rem;text-overflow:ellipsis;white-space:nowrap}.rls-field-box__error{box-sizing:border-box;display:var(--rlc-field-box-error-display,block);padding:0 var(--rls-sizing-x4)}.rls-field-list{--pvt-action-font-color:var(--rls-app-color-600);--pvt-action-dimension:var(
30
30
  --rlc-field-box-action-dimension,var(--rls-sizing-x12)
31
31
  );--pvt-action-background:var(
32
32
  --rlc-field-box-action-background,var(--rls-app-color-200)
package/dist/styles.rtl.css CHANGED
@@ -6024,7 +6024,7 @@ button {
6024
6024
  );
6025
6025
  --pvt-body-border-error: var(
6026
6026
  --rlc-field-box-body-border-error,
6027
- var(--rls-danger-border-1-300)
6027
+ var(--rls-danger-border-1-500)
6028
6028
  );
6029
6029
  --pvt-body-border-disabled: var(
6030
6030
  --rlc-field-box-body-border-disabled,
@@ -6098,7 +6098,7 @@ button {
6098
6098
  overflow: hidden;
6099
6099
  background: var(--pvt-body-background);
6100
6100
  opacity: var(--pvt-body-opacity);
6101
- border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x2));
6101
+ border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x3));
6102
6102
  padding: var(--rlc-field-box-body-padding, 0rem);
6103
6103
  box-sizing: border-box;
6104
6104
  border: var(--pvt-body-border);
package/dist/styles.rtl.min.css CHANGED
@@ -17,7 +17,7 @@
17
17
  );--pvt-body-border-focused:var(
18
18
  --rlc-field-box-body-border-focused,var(--rls-theme-border-1-500)
19
19
  );--pvt-body-border-error:var(
20
- --rlc-field-box-body-border-error,var(--rls-danger-border-1-300)
20
+ --rlc-field-box-body-border-error,var(--rls-danger-border-1-500)
21
21
  );--pvt-body-border-disabled:var(
22
22
  --rlc-field-box-body-border-disabled,var(--rls-app-border-1-300)
23
23
  );--pvt-body-shadow:none;--pvt-label-font-color:var(
@@ -26,7 +26,7 @@
26
26
  --rlc-field-box-body-shadow,0px 0px 0px 3px var(--rls-theme-shadow-500)
27
27
  );--pvt-label-font-color:var(--rls-theme-color-500);--pvt-body-border:var(--pvt-body-border-focused)}.rls-field-box--error{--pvt-body-shadow:var(
28
28
  --rlc-field-box-body-shadow-error,0px 0px 0px 3px var(--rls-danger-shadow-500)
29
- );--pvt-label-font-color:var(--rls-danger-color-500);--pvt-body-border:var(--pvt-body-border-error)}.rls-field-box--disabled{--pvt-body-opacity:0.75;--pvt-label-opacity:0.5;--pvt-body-background:var(--pvt-body-background-disabled);--pvt-body-border:var(--pvt-body-border-disabled)}.rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 5rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-field-box__body{align-items:center;background:var(--pvt-body-background);border:var(--pvt-body-border);border-radius:var(--rlc-field-box-body-radius,var(--rls-sizing-x2));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rlc-field-box-body-padding,0)}.rls-field-box__helper{box-sizing:border-box;color:var(--rls-app-color-400);font-size:var(--rls-overline-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-overline-letter-spacing);line-height:var(--rls-overline-line-height);min-height:var(--rls-overline-line-height);overflow:hidden;padding:0 5rem;text-overflow:ellipsis;white-space:nowrap}.rls-field-box__error{box-sizing:border-box;display:var(--rlc-field-box-error-display,block);padding:0 var(--rls-sizing-x4)}.rls-field-list{--pvt-action-font-color:var(--rls-app-color-600);--pvt-action-dimension:var(
29
+ );--pvt-label-font-color:var(--rls-danger-color-500);--pvt-body-border:var(--pvt-body-border-error)}.rls-field-box--disabled{--pvt-body-opacity:0.75;--pvt-label-opacity:0.5;--pvt-body-background:var(--pvt-body-background-disabled);--pvt-body-border:var(--pvt-body-border-disabled)}.rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 5rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-field-box__body{align-items:center;background:var(--pvt-body-background);border:var(--pvt-body-border);border-radius:var(--rlc-field-box-body-radius,var(--rls-sizing-x3));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rlc-field-box-body-padding,0)}.rls-field-box__helper{box-sizing:border-box;color:var(--rls-app-color-400);font-size:var(--rls-overline-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-overline-letter-spacing);line-height:var(--rls-overline-line-height);min-height:var(--rls-overline-line-height);overflow:hidden;padding:0 5rem;text-overflow:ellipsis;white-space:nowrap}.rls-field-box__error{box-sizing:border-box;display:var(--rlc-field-box-error-display,block);padding:0 var(--rls-sizing-x4)}.rls-field-list{--pvt-action-font-color:var(--rls-app-color-600);--pvt-action-dimension:var(
30
30
  --rlc-field-box-action-dimension,var(--rls-sizing-x12)
31
31
  );--pvt-action-background:var(
32
32
  --rlc-field-box-action-background,var(--rls-app-color-200)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.6.2",
3
+ "version": "2.6.3",
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/field-box.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology FieldBox Component
2
- // v2.3.0
2
+ // v2.3.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 08/Sep/2022
6
- // Updated: 28/Oct/2025
6
+ // Updated: 12/Nov/2025
7
7
 
8
8
  .rls-field-box {
9
9
  --pvt-body-background: var(
@@ -28,7 +28,7 @@
28
28
 
29
29
  --pvt-body-border-error: var(
30
30
  --rlc-field-box-body-border-error,
31
- var(--rls-danger-border-1-300)
31
+ var(--rls-danger-border-1-500)
32
32
  );
33
33
 
34
34
  --pvt-body-border-disabled: var(
@@ -116,7 +116,7 @@
116
116
  overflow: hidden;
117
117
  background: var(--pvt-body-background);
118
118
  opacity: var(--pvt-body-opacity);
119
- border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x2));
119
+ border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x3));
120
120
  padding: var(--rlc-field-box-body-padding, 0rem);
121
121
  box-sizing: border-box;
122
122
  border: var(--pvt-body-border);