@sumaris-net/ngx-components 2.11.4 → 2.11.6

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 (7) hide show
  1. package/doc/changelog.md +0 -3
  2. package/package.json +1 -1
  3. package/src/assets/manifest.json +1 -1
  4. package/src/theme/_mixins.scss +14 -11
  5. package/src/theme/_ngx-components.forms.scss +2 -3
  6. package/src/theme/_ngx-components.globals.scss +7 -10
  7. package/src/theme/_theme.variables.scss +0 -9
package/doc/changelog.md CHANGED
@@ -831,6 +831,3 @@ enh: Environment: add useHash property to configure Angular router to use hash U
831
831
  # 2.11.3
832
832
  - fix(app-text-form): Input `autoHeight` is now deprecated (use `autoSize` instead)
833
833
  - enh(app-text-form): Add new inputs `autoSizeMinRows` and `autoSizeMaxRows`
834
-
835
- # 2.11.4
836
- - fix(mat-boolean-field): Fix focus style, and checkbox style
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "2.11.4",
4
+ "version": "2.11.6",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
package/src/assets/manifest.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ngx-sumaris-components",
3
3
  "short_name": "ngx-sumaris-components",
4
4
  "manifest_version": 1,
5
- "version": "2.11.4",
5
+ "version": "2.11.6",
6
6
  "default_locale": "fr",
7
7
  "description": "Angular components for building beautiful and responsive Apps",
8
8
  "icons": [{
package/src/theme/_mixins.scss CHANGED
@@ -102,17 +102,17 @@
102
102
  @include generate-color-list($color-name);
103
103
  }
104
104
 
105
- --ion-text-color: #{$text-color};
106
- --ion-text-color-rgb: #{$text-color-rgb};
105
+ --ion-text-color: #{$text-color-value};
106
+ --ion-text-color-rgb: #{$text-color-rgb-value};
107
107
  --ion-grid-column-padding: #{$ion-grid-column-padding};
108
108
  --ion-padding: #{$ion-padding};
109
109
  --ion-margin: #{$ion-margin};
110
- --ion-background-color: #{$background-color};
111
- --ion-background-color-rgb: #{$background-color-rgb};
110
+ --ion-background-color: #{$background-color-value};
111
+ --ion-background-color-rgb: #{$background-color-rgb-value};
112
112
  --ion-toolbar-height: #{$ion-toolbar-height};
113
113
  --ion-toolbar-background: #{$ion-toolbar-background};
114
- --ion-backdrop-color: #000000;
115
- --ion-backdrop-color-rgb: 0, 0, 0;
114
+ --ion-backdrop-color: #{$text-color};
115
+ --ion-backdrop-color-rgb: #{$text-color-rgb};
116
116
  --ion-backdrop-opacity: 0.32;
117
117
 
118
118
  --expansion-panel-padding: var(--ion-padding);
@@ -134,6 +134,7 @@
134
134
  --app-footer-height: var(--app-form-buttons-bar-height);
135
135
  --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
136
136
  --app-form-color: #{$app-form-color};
137
+ --app-form-color-rgb: #{$app-form-color-rgb};
137
138
  --app-form-color-disabled: #{$app-form-color-disabled};
138
139
  --app-form-color-computed: #{$app-form-color-computed};
139
140
  --app-form-field-background-color: #{$app-form-field-background-color};
@@ -152,7 +153,6 @@
152
153
  --app-form-buttons-bar-height: 0px;
153
154
  --app-footer-height: 0px;
154
155
 
155
-
156
156
  }
157
157
 
158
158
  @mixin css-variables-to-root-dark() {
@@ -165,10 +165,13 @@
165
165
  @include generate-dark-color-list($color-name);
166
166
  }
167
167
 
168
- //--ion-text-color: #{$background-color-value};
169
- //--ion-text-color-rgb: #{$background-color-rgb-value};
170
- //--ion-background-color: #{$text-color-value};
171
- //--ion-background-color-rgb: #{$text-color-rgb-value};
168
+ // Inverse background/text color
169
+ --ion-background-color: #{$text-color-value};
170
+ --ion-background-color-rgb: #{$text-color-rgb-value};
171
+ --ion-text-color: #{$background-color-value};
172
+ --ion-text-color-rgb: #{$background-color-rgb-value};
173
+ //--app-form-color: #{$background-color-value};
174
+ --app-form-color-rgb: #{$background-color-rgb-value};
172
175
 
173
176
  // Step colors
174
177
  --ion-color-step-50: #{$text-color-step-50};
package/src/theme/_ngx-components.forms.scss CHANGED
@@ -4,11 +4,10 @@
4
4
  // --------------------------------------------------
5
5
  .form-container,
6
6
  form.form-container {
7
- --ion-text-color: var(--app-form-color, #{$app-form-color});
8
- --ion-text-color-rgb: var(--app-form-color-rgb, #{$app-form-color-rgb});
9
- color: var(--ion-text-color);
10
7
  @include font-size(16px);
11
8
 
9
+ --mdc-icon-button-icon-color: var(--app-form-field-label-color);
10
+
12
11
  --mdc-filled-text-field-container-color: var(--app-form-field-background-color);
13
12
  --mdc-filled-text-field-disabled-container-color: var(--app-form-field-disabled-background-color);
14
13
  --mdc-filled-text-field-input-text-color: var(--ion-text-color);
package/src/theme/_ngx-components.globals.scss CHANGED
@@ -9,21 +9,18 @@ $app-table-row-max-height: 52px !default;
9
9
 
10
10
  $app-paginator-height: 34px !default;
11
11
  $app-form-buttons-bar-height: 56px !default;
12
- $app-form-color: rgba(0, 0, 0, 0.87) !default;
13
- $app-form-color-rgb: 0, 0, 0 !default;
14
- $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
12
+ $app-form-color: #{$text-color} !default;
13
+ $app-form-color-rgb: #{$text-color-rgb} !default;
14
+ $app-form-color-disabled: rgba(#{$text-color-rgb}, 0.55) !default;
15
15
  $app-form-color-computed: var(--ion-color-primary-tint) !default;
16
16
  $app-form-field-background-color: #f5f5f5 !default; // Form's field background
17
17
  $app-form-color-background-color-shade: #b9b9b9 !default;
18
18
  $app-form-field-disabled-background-color: #fafafa !default;
19
- $app-form-field-label-color: rgba(0, 0, 0, 0.6) !default;
20
- $app-form-field-disabled-label-color: rgba(0, 0, 0, 0.38) !default;
19
+ $app-form-field-label-color: rgba(#{$text-color-rgb}, 0.6) !default;
20
+ $app-form-field-disabled-label-color: rgba(#{$text-color-rgb}, 0.38) !default;
21
21
 
22
- $app-select-option-border-color: rgba(0, 0, 0, 0.12) !default;
23
- $app-table-border-color: rgba(0, 0, 0, 0.08) !default;
22
+ $app-select-option-border-color: rgba(#{$text-color-rgb}, 0.12) !default;
23
+ $app-table-border-color: rgba(#{$text-color-rgb}, 0.08) !default;
24
24
  $app-table-row-item-selected-background-color: var(--ion-color-secondary100) !default;
25
25
  $app-table-row-item-selected-text-color: var(--ion-color-secondary100-contrast) !default;
26
26
 
27
- // Form fields background : transparent
28
- //$app-form-field-background-color: transparent !default;
29
- //$app-form-field-disabled-background-color: transparent !default;
package/src/theme/_theme.variables.scss CHANGED
@@ -79,19 +79,10 @@ html.dark {
79
79
  --ion-color-light-shade: #1e2023;
80
80
  --ion-color-light-tint: #383a3e;
81
81
 
82
- --ion-text-color: rgba(255,255,255,0.87);
83
- --ion-text-color-rgb: 255, 255, 255;
84
- --ion-background-color: #000000;
85
- --ion-background-color-rgb: 0, 0, 0;
86
82
  --ion-toolbar-background: #1f1f1f;
87
83
  --ion-border-color: #222222;
88
- --ion-backdrop-color: #ffffff;
89
84
  --ion-backdrop-opacity: 0.15;
90
- --ion-backdrop-color-rgb: 255, 255, 255;
91
85
 
92
- --app-form-color-disabled: #949494;
93
- --app-form-color: rgba(255,255,255,0.87);
94
- --app-form-color-rgb: 255, 255, 255;
95
86
  --app-form-field-background-color: var(--ion-color-light-tint);
96
87
  --app-form-field-background-color-shade: #282828;
97
88
  --app-form-field-disabled-background-color: #282828;