@ngx-stoui/core 20.0.13 → 20.0.14

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/ngx-stoui.css +14 -4
  2. package/package.json +1 -1
  3. package/style/form/sto-form.scss +16 -6
  4. package/ngx-stoui-core-20.0.13.tgz +0 -0
package/ngx-stoui.css CHANGED
@@ -4482,10 +4482,20 @@ body .sto-form__field input {
4482
4482
  color: var(--mat-form-field-filled-label-text-color);
4483
4483
  }
4484
4484
  body .sto-form__field--disabled, body .sto-form__field--readonly {
4485
- color: var(--text-disabled);
4486
- }
4487
- body .sto-form__field--disabled .mat-mdc-form-field-flex, body .sto-form__field--readonly .mat-mdc-form-field-flex {
4488
- color: var(--text-disabled);
4485
+ --mat-form-field-filled-input-text-color: var(--text-disabled);
4486
+ --mat-form-field-filled-label-text-color: var(--text-disabled);
4487
+ --mat-form-field-filled-hover-label-text-color: var(--text-disabled);
4488
+ --mat-form-field-filled-focus-label-text-color: var(--text-disabled);
4489
+ --mat-form-field-filled-active-indicator-color: var(--text-disabled);
4490
+ --mat-form-field-filled-focus-active-indicator-color: var(
4491
+ --text-disabled
4492
+ );
4493
+ --mat-form-field-filled-hover-active-indicator-color: var(
4494
+ --text-disabled
4495
+ );
4496
+ --text: var(--text-disabled);
4497
+ cursor: default;
4498
+ pointer-events: none;
4489
4499
  }
4490
4500
  body .sto-form__field--disabled .mat-select.mat-select-disabled .mat-select-arrow, body .sto-form__field--readonly .mat-select.mat-select-disabled .mat-select-arrow {
4491
4501
  color: var(--text-disabled);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ngx-stoui/core",
3
- "version": "20.0.13",
3
+ "version": "20.0.14",
4
4
  "author": {
5
5
  "name": "Ronnie Laugen",
6
6
  "email": "rhenri@equinor.com"
package/style/form/sto-form.scss CHANGED
@@ -19,12 +19,22 @@
19
19
 
20
20
  &__field--disabled,
21
21
  &__field--readonly {
22
- color: $disabled-color;
23
-
24
- .mat-mdc-form-field-flex {
25
- color: $disabled-color;
26
- }
27
-
22
+ // Grey out everything
23
+ --mat-form-field-filled-input-text-color: var(--text-disabled);
24
+ --mat-form-field-filled-label-text-color: var(--text-disabled);
25
+ --mat-form-field-filled-hover-label-text-color: var(--text-disabled);
26
+ --mat-form-field-filled-focus-label-text-color: var(--text-disabled);
27
+ --mat-form-field-filled-active-indicator-color: var(--text-disabled);
28
+ --mat-form-field-filled-focus-active-indicator-color: var(
29
+ --text-disabled
30
+ );
31
+ --mat-form-field-filled-hover-active-indicator-color: var(
32
+ --text-disabled
33
+ );
34
+ --text: var(--text-disabled);
35
+ // Also disable all interactions
36
+ cursor: default;
37
+ pointer-events: none;
28
38
  .mat-select.mat-select-disabled {
29
39
  .mat-select-arrow {
30
40
  color: $disabled-color;
package/ngx-stoui-core-20.0.13.tgz DELETED
File without changes