@nettyapps/ntyux 21.0.26 → 21.0.28
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": "@nettyapps/ntyux",
|
|
3
|
-
"version": "21.0.
|
|
3
|
+
"version": "21.0.28",
|
|
4
4
|
"description": "Generic UI components for NettyApps Angular applications.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"peerDependencies": {
|
|
9
9
|
"@angular/common": ">= 21.0.0",
|
|
10
10
|
"@angular/core": ">= 21.0.0",
|
|
11
|
-
"@nettyapps/ntybase": ">= 21.0.
|
|
11
|
+
"@nettyapps/ntybase": ">= 21.0.33"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* Note: Color palettes are generated from primary: #1976D2 */
|
|
2
2
|
.deep-blue-theme {
|
|
3
3
|
/* COLOR SYSTEM VARIABLES */
|
|
4
|
-
color-scheme:
|
|
4
|
+
color-scheme: light;
|
|
5
5
|
|
|
6
6
|
/* Required field */
|
|
7
7
|
--mat-sys-required: var(--mat-sys-inverse-primary);
|
|
@@ -19,67 +19,68 @@
|
|
|
19
19
|
--mat-sys-netty-on-warning-container: #ffb800;
|
|
20
20
|
|
|
21
21
|
/* Primary palette variables */
|
|
22
|
-
--mat-sys-primary: #
|
|
23
|
-
--mat-sys-on-primary: #
|
|
24
|
-
--mat-sys-primary-container: #
|
|
25
|
-
--mat-sys-on-primary-container: #
|
|
26
|
-
--mat-sys-inverse-primary: #
|
|
22
|
+
--mat-sys-primary: #005faf;
|
|
23
|
+
--mat-sys-on-primary: #ffffff;
|
|
24
|
+
--mat-sys-primary-container: #d4e3ff;
|
|
25
|
+
--mat-sys-on-primary-container: #001c3a;
|
|
26
|
+
--mat-sys-inverse-primary: #a5c8ff;
|
|
27
27
|
--mat-sys-primary-fixed: #d4e3ff;
|
|
28
28
|
--mat-sys-primary-fixed-dim: #a5c8ff;
|
|
29
29
|
--mat-sys-on-primary-fixed: #001c3a;
|
|
30
30
|
--mat-sys-on-primary-fixed-variant: #004786;
|
|
31
31
|
|
|
32
32
|
/* Secondary palette variables */
|
|
33
|
-
--mat-sys-secondary: #
|
|
34
|
-
--mat-sys-on-secondary: #
|
|
35
|
-
--mat-sys-secondary-container: #
|
|
36
|
-
--mat-sys-on-secondary-container: #
|
|
33
|
+
--mat-sys-secondary: #475f84;
|
|
34
|
+
--mat-sys-on-secondary: #ffffff;
|
|
35
|
+
--mat-sys-secondary-container: #d4e3ff;
|
|
36
|
+
--mat-sys-on-secondary-container: #001c3a;
|
|
37
37
|
--mat-sys-secondary-fixed: #d4e3ff;
|
|
38
38
|
--mat-sys-secondary-fixed-dim: #afc8f1;
|
|
39
39
|
--mat-sys-on-secondary-fixed: #001c3a;
|
|
40
40
|
--mat-sys-on-secondary-fixed-variant: #2f486a;
|
|
41
41
|
|
|
42
42
|
/* Tertiary palette variables */
|
|
43
|
-
--mat-sys-tertiary: #
|
|
44
|
-
--mat-sys-on-tertiary: #
|
|
45
|
-
--mat-sys-tertiary-container: #
|
|
46
|
-
--mat-sys-on-tertiary-container: #
|
|
43
|
+
--mat-sys-tertiary: #8540a1;
|
|
44
|
+
--mat-sys-on-tertiary: #ffffff;
|
|
45
|
+
--mat-sys-tertiary-container: #f9d8ff;
|
|
46
|
+
--mat-sys-on-tertiary-container: #320046;
|
|
47
47
|
--mat-sys-tertiary-fixed: #f9d8ff;
|
|
48
48
|
--mat-sys-tertiary-fixed-dim: #edb1ff;
|
|
49
49
|
--mat-sys-on-tertiary-fixed: #320046;
|
|
50
50
|
--mat-sys-on-tertiary-fixed-variant: #6b2687;
|
|
51
51
|
|
|
52
52
|
/* Neutral palette variables */
|
|
53
|
-
--mat-sys-background: #
|
|
54
|
-
--mat-sys-on-background: #
|
|
55
|
-
--mat-sys-surface: #
|
|
56
|
-
--mat-sys-surface-dim: #
|
|
57
|
-
--mat-sys-surface-bright: #
|
|
58
|
-
--mat-sys-surface-container-lowest: #
|
|
59
|
-
--mat-sys-surface-container: #
|
|
60
|
-
--mat-sys-surface-container-high: #
|
|
61
|
-
--mat-sys-surface-container-highest: #
|
|
62
|
-
--mat-sys-on-surface: #
|
|
53
|
+
--mat-sys-background: #f9f9ff;
|
|
54
|
+
--mat-sys-on-background: #181c21;
|
|
55
|
+
--mat-sys-surface: #f9f9ff;
|
|
56
|
+
--mat-sys-surface-dim: #d8dae2;
|
|
57
|
+
--mat-sys-surface-bright: #f9f9ff;
|
|
58
|
+
--mat-sys-surface-container-lowest: #ffffff;
|
|
59
|
+
--mat-sys-surface-container: #ecedf6;
|
|
60
|
+
--mat-sys-surface-container-high: #e6e8f0;
|
|
61
|
+
--mat-sys-surface-container-highest: #e0e2ea;
|
|
62
|
+
--mat-sys-on-surface: #181c21;
|
|
63
63
|
--mat-sys-shadow: #000000;
|
|
64
64
|
--mat-sys-scrim: #000000;
|
|
65
|
-
--mat-sys-surface-tint: #
|
|
66
|
-
--mat-sys-inverse-surface: #
|
|
67
|
-
--mat-sys-inverse-on-surface: #
|
|
68
|
-
--mat-sys-outline: #
|
|
69
|
-
--mat-sys-outline-variant: #
|
|
65
|
+
--mat-sys-surface-tint: #005faf;
|
|
66
|
+
--mat-sys-inverse-surface: #2d3037;
|
|
67
|
+
--mat-sys-inverse-on-surface: #eff0f9;
|
|
68
|
+
--mat-sys-outline: #717783;
|
|
69
|
+
--mat-sys-outline-variant: #c1c6d4;
|
|
70
70
|
--mat-sys-neutral10: #181c21;
|
|
71
71
|
/* Variable used for the form field native select option text color */
|
|
72
72
|
|
|
73
73
|
/* Error palette variables */
|
|
74
|
-
--mat-sys-error: #ffb4ab;
|
|
75
|
-
--mat-sys-on-error: #690005;
|
|
76
|
-
--mat-sys-error-container: #93000a;
|
|
77
|
-
--mat-sys-on-error-container: #ffdad6;
|
|
74
|
+
--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
|
|
75
|
+
--mat-sys-on-error: light-dark(#ffffff, #690005);
|
|
76
|
+
--mat-sys-error-container: light-dark(#ffdad6, #93000a);
|
|
77
|
+
--mat-sys-on-error-container: light-dark(#410002, #ffdad6);
|
|
78
78
|
|
|
79
79
|
/* Neutral variant palette variables */
|
|
80
|
-
--mat-sys-surface-variant: #414752;
|
|
81
|
-
--mat-sys-on-surface-variant: #c1c6d4;
|
|
82
|
-
--mat-sys-neutral-variant20: #2b313b
|
|
80
|
+
--mat-sys-surface-variant: light-dark(#dde2f0, #414752);
|
|
81
|
+
--mat-sys-on-surface-variant: light-dark(#414752, #c1c6d4);
|
|
82
|
+
--mat-sys-neutral-variant20: light-dark(#2b313b,
|
|
83
|
+
#2b313b);
|
|
83
84
|
/* Variable used for the sidenav scrim (container background shadow when opened) */
|
|
84
85
|
|
|
85
86
|
/* TYPOGRAPHY SYSTEM VARIABLES */
|
|
@@ -99,9 +100,7 @@
|
|
|
99
100
|
/* Typescale variables. */
|
|
100
101
|
/* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
|
|
101
102
|
tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
102
|
-
--mat-sys-body-large: var(--mat-sys-body-large-weight)
|
|
103
|
-
var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height)
|
|
104
|
-
var(--mat-sys-body-large-font);
|
|
103
|
+
--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
|
|
105
104
|
--mat-sys-body-large-font: var(--mat-sys-plain-font-family);
|
|
106
105
|
--mat-sys-body-large-line-height: 1.5rem;
|
|
107
106
|
--mat-sys-body-large-size: 1rem;
|
|
@@ -109,9 +108,7 @@
|
|
|
109
108
|
--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
|
|
110
109
|
|
|
111
110
|
/* Body medium typescale */
|
|
112
|
-
--mat-sys-body-medium: var(--mat-sys-body-medium-weight)
|
|
113
|
-
var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height)
|
|
114
|
-
var(--mat-sys-body-medium-font);
|
|
111
|
+
--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
|
|
115
112
|
--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
|
|
116
113
|
--mat-sys-body-medium-line-height: 1.25rem;
|
|
117
114
|
--mat-sys-body-medium-size: 0.875rem;
|
|
@@ -119,9 +116,7 @@
|
|
|
119
116
|
--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
|
|
120
117
|
|
|
121
118
|
/* Body small typescale */
|
|
122
|
-
--mat-sys-body-small: var(--mat-sys-body-small-weight)
|
|
123
|
-
var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height)
|
|
124
|
-
var(--mat-sys-body-small-font);
|
|
119
|
+
--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
|
|
125
120
|
--mat-sys-body-small-font: var(--mat-sys-plain-font-family);
|
|
126
121
|
--mat-sys-body-small-line-height: 1rem;
|
|
127
122
|
--mat-sys-body-small-size: 0.75rem;
|
|
@@ -129,9 +124,7 @@
|
|
|
129
124
|
--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
|
|
130
125
|
|
|
131
126
|
/* Display large typescale */
|
|
132
|
-
--mat-sys-display-large: var(--mat-sys-display-large-weight)
|
|
133
|
-
var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height)
|
|
134
|
-
var(--mat-sys-display-large-font);
|
|
127
|
+
--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
|
|
135
128
|
--mat-sys-display-large-font: var(--mat-sys-brand-font-family);
|
|
136
129
|
--mat-sys-display-large-line-height: 4rem;
|
|
137
130
|
--mat-sys-display-large-size: 3.562rem;
|
|
@@ -139,9 +132,7 @@
|
|
|
139
132
|
--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
|
|
140
133
|
|
|
141
134
|
/* Display medium typescale */
|
|
142
|
-
--mat-sys-display-medium: var(--mat-sys-display-medium-weight)
|
|
143
|
-
var(--mat-sys-display-medium-size) /
|
|
144
|
-
var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
135
|
+
--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
145
136
|
--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
|
|
146
137
|
--mat-sys-display-medium-line-height: 3.25rem;
|
|
147
138
|
--mat-sys-display-medium-size: 2.812rem;
|
|
@@ -149,9 +140,7 @@
|
|
|
149
140
|
--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
|
|
150
141
|
|
|
151
142
|
/* Display small typescale */
|
|
152
|
-
--mat-sys-display-small: var(--mat-sys-display-small-weight)
|
|
153
|
-
var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height)
|
|
154
|
-
var(--mat-sys-display-small-font);
|
|
143
|
+
--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
|
|
155
144
|
--mat-sys-display-small-font: var(--mat-sys-brand-font-family);
|
|
156
145
|
--mat-sys-display-small-line-height: 2.75rem;
|
|
157
146
|
--mat-sys-display-small-size: 2.25rem;
|
|
@@ -159,9 +148,7 @@
|
|
|
159
148
|
--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
|
|
160
149
|
|
|
161
150
|
/* Headline large typescale */
|
|
162
|
-
--mat-sys-headline-large: var(--mat-sys-headline-large-weight)
|
|
163
|
-
var(--mat-sys-headline-large-size) /
|
|
164
|
-
var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
151
|
+
--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
165
152
|
--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
|
|
166
153
|
--mat-sys-headline-large-line-height: 2.5rem;
|
|
167
154
|
--mat-sys-headline-large-size: 2rem;
|
|
@@ -169,10 +156,7 @@
|
|
|
169
156
|
--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
|
|
170
157
|
|
|
171
158
|
/* Headline medium typescale */
|
|
172
|
-
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight)
|
|
173
|
-
var(--mat-sys-headline-medium-size) /
|
|
174
|
-
var(--mat-sys-headline-medium-line-height)
|
|
175
|
-
var(--mat-sys-headline-medium-font);
|
|
159
|
+
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
|
|
176
160
|
--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
|
|
177
161
|
--mat-sys-headline-medium-line-height: 2.25rem;
|
|
178
162
|
--mat-sys-headline-medium-size: 1.75rem;
|
|
@@ -180,9 +164,7 @@
|
|
|
180
164
|
--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
|
|
181
165
|
|
|
182
166
|
/* Headline small typescale */
|
|
183
|
-
--mat-sys-headline-small: var(--mat-sys-headline-small-weight)
|
|
184
|
-
var(--mat-sys-headline-small-size) /
|
|
185
|
-
var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
167
|
+
--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
186
168
|
--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
|
|
187
169
|
--mat-sys-headline-small-line-height: 2rem;
|
|
188
170
|
--mat-sys-headline-small-size: 1.5rem;
|
|
@@ -190,9 +172,7 @@
|
|
|
190
172
|
--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
|
|
191
173
|
|
|
192
174
|
/* Label large typescale */
|
|
193
|
-
--mat-sys-label-large: var(--mat-sys-label-large-weight)
|
|
194
|
-
var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height)
|
|
195
|
-
var(--mat-sys-label-large-font);
|
|
175
|
+
--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
|
|
196
176
|
--mat-sys-label-large-font: var(--mat-sys-plain-font-family);
|
|
197
177
|
--mat-sys-label-large-line-height: 1.25rem;
|
|
198
178
|
--mat-sys-label-large-size: 0.875rem;
|
|
@@ -201,9 +181,7 @@
|
|
|
201
181
|
--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
202
182
|
|
|
203
183
|
/* Label medium typescale */
|
|
204
|
-
--mat-sys-label-medium: var(--mat-sys-label-medium-weight)
|
|
205
|
-
var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height)
|
|
206
|
-
var(--mat-sys-label-medium-font);
|
|
184
|
+
--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
|
|
207
185
|
--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
|
|
208
186
|
--mat-sys-label-medium-line-height: 1rem;
|
|
209
187
|
--mat-sys-label-medium-size: 0.75rem;
|
|
@@ -212,9 +190,7 @@
|
|
|
212
190
|
--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
213
191
|
|
|
214
192
|
/* Label small typescale */
|
|
215
|
-
--mat-sys-label-small: var(--mat-sys-label-small-weight)
|
|
216
|
-
var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height)
|
|
217
|
-
var(--mat-sys-label-small-font);
|
|
193
|
+
--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
|
|
218
194
|
--mat-sys-label-small-font: var(--mat-sys-plain-font-family);
|
|
219
195
|
--mat-sys-label-small-line-height: 1rem;
|
|
220
196
|
--mat-sys-label-small-size: 0.688rem;
|
|
@@ -222,9 +198,7 @@
|
|
|
222
198
|
--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
|
|
223
199
|
|
|
224
200
|
/* Title large typescale */
|
|
225
|
-
--mat-sys-title-large: var(--mat-sys-title-large-weight)
|
|
226
|
-
var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height)
|
|
227
|
-
var(--mat-sys-title-large-font);
|
|
201
|
+
--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
|
|
228
202
|
--mat-sys-title-large-font: var(--mat-sys-brand-font-family);
|
|
229
203
|
--mat-sys-title-large-line-height: 1.75rem;
|
|
230
204
|
--mat-sys-title-large-size: 1.375rem;
|
|
@@ -232,9 +206,7 @@
|
|
|
232
206
|
--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
|
|
233
207
|
|
|
234
208
|
/* Title medium typescale */
|
|
235
|
-
--mat-sys-title-medium: var(--mat-sys-title-medium-weight)
|
|
236
|
-
var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height)
|
|
237
|
-
var(--mat-sys-title-medium-font);
|
|
209
|
+
--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
|
|
238
210
|
--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
|
|
239
211
|
--mat-sys-title-medium-line-height: 1.5rem;
|
|
240
212
|
--mat-sys-title-medium-size: 1rem;
|
|
@@ -242,9 +214,7 @@
|
|
|
242
214
|
--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
|
|
243
215
|
|
|
244
216
|
/* Title small typescale */
|
|
245
|
-
--mat-sys-title-small: var(--mat-sys-title-small-weight)
|
|
246
|
-
var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height)
|
|
247
|
-
var(--mat-sys-title-small-font);
|
|
217
|
+
--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
|
|
248
218
|
--mat-sys-title-small-font: var(--mat-sys-plain-font-family);
|
|
249
219
|
--mat-sys-title-small-line-height: 1.25rem;
|
|
250
220
|
--mat-sys-title-small-size: 0.875rem;
|
|
@@ -254,21 +224,15 @@
|
|
|
254
224
|
/* ELEVATION SYSTEM VARIABLES */
|
|
255
225
|
|
|
256
226
|
/* Box shadow colors. Only used in the elevation level system variables. */
|
|
257
|
-
--mat-sys-umbra-color: color-mix(
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
);
|
|
267
|
-
--mat-sys-ambient-color: color-mix(
|
|
268
|
-
in srgb,
|
|
269
|
-
var(--mat-sys-shadow),
|
|
270
|
-
transparent 88%
|
|
271
|
-
);
|
|
227
|
+
--mat-sys-umbra-color: color-mix(in srgb,
|
|
228
|
+
var(--mat-sys-shadow),
|
|
229
|
+
transparent 80%);
|
|
230
|
+
--mat-sys-penumbra-color: color-mix(in srgb,
|
|
231
|
+
var(--mat-sys-shadow),
|
|
232
|
+
transparent 86%);
|
|
233
|
+
--mat-sys-ambient-color: color-mix(in srgb,
|
|
234
|
+
var(--mat-sys-shadow),
|
|
235
|
+
transparent 88%);
|
|
272
236
|
|
|
273
237
|
/* Elevation level system variables. These are used as the value for box-shadow CSS property. */
|
|
274
238
|
--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color),
|
|
@@ -309,4 +273,4 @@
|
|
|
309
273
|
--mat-sys-focus-state-layer-opacity: 0.12;
|
|
310
274
|
--mat-sys-hover-state-layer-opacity: 0.08;
|
|
311
275
|
--mat-sys-pressed-state-layer-opacity: 0.12;
|
|
312
|
-
}
|
|
276
|
+
}
|
package/themes/nettytheme.css
CHANGED
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
--mat-sys-netty-on-warning-container: #ffb800;
|
|
20
20
|
|
|
21
21
|
/* Primary palette variables */
|
|
22
|
-
--mat-sys-primary: #
|
|
23
|
-
--mat-sys-on-primary: #
|
|
24
|
-
--mat-sys-primary-container: #
|
|
25
|
-
--mat-sys-on-primary-container: rgb(
|
|
22
|
+
--mat-sys-primary: #00D4FF;
|
|
23
|
+
--mat-sys-on-primary: #DDDDDD;
|
|
24
|
+
--mat-sys-primary-container: #0A0E17;
|
|
25
|
+
--mat-sys-on-primary-container: rgb(5, 207, 252);
|
|
26
26
|
--mat-sys-inverse-primary: rgb(0 103 126);
|
|
27
27
|
--mat-sys-primary-fixed: rgb(180 235 255);
|
|
28
28
|
--mat-sys-primary-fixed-dim: rgb(60 215 255);
|
|
@@ -100,9 +100,7 @@
|
|
|
100
100
|
/* Typescale variables. */
|
|
101
101
|
/* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
|
|
102
102
|
tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
103
|
-
--mat-sys-body-large: var(--mat-sys-body-large-weight)
|
|
104
|
-
var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height)
|
|
105
|
-
var(--mat-sys-body-large-font);
|
|
103
|
+
--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
|
|
106
104
|
--mat-sys-body-large-font: var(--mat-sys-plain-font-family);
|
|
107
105
|
--mat-sys-body-large-line-height: 1.5rem;
|
|
108
106
|
--mat-sys-body-large-size: 1rem;
|
|
@@ -110,9 +108,7 @@
|
|
|
110
108
|
--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
|
|
111
109
|
|
|
112
110
|
/* Body medium typescale */
|
|
113
|
-
--mat-sys-body-medium: var(--mat-sys-body-medium-weight)
|
|
114
|
-
var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height)
|
|
115
|
-
var(--mat-sys-body-medium-font);
|
|
111
|
+
--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
|
|
116
112
|
--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
|
|
117
113
|
--mat-sys-body-medium-line-height: 1.25rem;
|
|
118
114
|
--mat-sys-body-medium-size: 0.875rem;
|
|
@@ -120,9 +116,7 @@
|
|
|
120
116
|
--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
|
|
121
117
|
|
|
122
118
|
/* Body small typescale */
|
|
123
|
-
--mat-sys-body-small: var(--mat-sys-body-small-weight)
|
|
124
|
-
var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height)
|
|
125
|
-
var(--mat-sys-body-small-font);
|
|
119
|
+
--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
|
|
126
120
|
--mat-sys-body-small-font: var(--mat-sys-plain-font-family);
|
|
127
121
|
--mat-sys-body-small-line-height: 1rem;
|
|
128
122
|
--mat-sys-body-small-size: 0.75rem;
|
|
@@ -130,9 +124,7 @@
|
|
|
130
124
|
--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
|
|
131
125
|
|
|
132
126
|
/* Display large typescale */
|
|
133
|
-
--mat-sys-display-large: var(--mat-sys-display-large-weight)
|
|
134
|
-
var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height)
|
|
135
|
-
var(--mat-sys-display-large-font);
|
|
127
|
+
--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
|
|
136
128
|
--mat-sys-display-large-font: var(--mat-sys-brand-font-family);
|
|
137
129
|
--mat-sys-display-large-line-height: 4rem;
|
|
138
130
|
--mat-sys-display-large-size: 3.562rem;
|
|
@@ -140,9 +132,7 @@
|
|
|
140
132
|
--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
|
|
141
133
|
|
|
142
134
|
/* Display medium typescale */
|
|
143
|
-
--mat-sys-display-medium: var(--mat-sys-display-medium-weight)
|
|
144
|
-
var(--mat-sys-display-medium-size) /
|
|
145
|
-
var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
135
|
+
--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
146
136
|
--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
|
|
147
137
|
--mat-sys-display-medium-line-height: 3.25rem;
|
|
148
138
|
--mat-sys-display-medium-size: 2.812rem;
|
|
@@ -150,9 +140,7 @@
|
|
|
150
140
|
--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
|
|
151
141
|
|
|
152
142
|
/* Display small typescale */
|
|
153
|
-
--mat-sys-display-small: var(--mat-sys-display-small-weight)
|
|
154
|
-
var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height)
|
|
155
|
-
var(--mat-sys-display-small-font);
|
|
143
|
+
--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
|
|
156
144
|
--mat-sys-display-small-font: var(--mat-sys-brand-font-family);
|
|
157
145
|
--mat-sys-display-small-line-height: 2.75rem;
|
|
158
146
|
--mat-sys-display-small-size: 2.25rem;
|
|
@@ -160,9 +148,7 @@
|
|
|
160
148
|
--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
|
|
161
149
|
|
|
162
150
|
/* Headline large typescale */
|
|
163
|
-
--mat-sys-headline-large: var(--mat-sys-headline-large-weight)
|
|
164
|
-
var(--mat-sys-headline-large-size) /
|
|
165
|
-
var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
151
|
+
--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
166
152
|
--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
|
|
167
153
|
--mat-sys-headline-large-line-height: 2.5rem;
|
|
168
154
|
--mat-sys-headline-large-size: 2rem;
|
|
@@ -170,10 +156,7 @@
|
|
|
170
156
|
--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
|
|
171
157
|
|
|
172
158
|
/* Headline medium typescale */
|
|
173
|
-
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight)
|
|
174
|
-
var(--mat-sys-headline-medium-size) /
|
|
175
|
-
var(--mat-sys-headline-medium-line-height)
|
|
176
|
-
var(--mat-sys-headline-medium-font);
|
|
159
|
+
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
|
|
177
160
|
--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
|
|
178
161
|
--mat-sys-headline-medium-line-height: 2.25rem;
|
|
179
162
|
--mat-sys-headline-medium-size: 1.75rem;
|
|
@@ -181,9 +164,7 @@
|
|
|
181
164
|
--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
|
|
182
165
|
|
|
183
166
|
/* Headline small typescale */
|
|
184
|
-
--mat-sys-headline-small: var(--mat-sys-headline-small-weight)
|
|
185
|
-
var(--mat-sys-headline-small-size) /
|
|
186
|
-
var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
167
|
+
--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
187
168
|
--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
|
|
188
169
|
--mat-sys-headline-small-line-height: 2rem;
|
|
189
170
|
--mat-sys-headline-small-size: 1.5rem;
|
|
@@ -191,9 +172,7 @@
|
|
|
191
172
|
--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
|
|
192
173
|
|
|
193
174
|
/* Label large typescale */
|
|
194
|
-
--mat-sys-label-large: var(--mat-sys-label-large-weight)
|
|
195
|
-
var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height)
|
|
196
|
-
var(--mat-sys-label-large-font);
|
|
175
|
+
--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
|
|
197
176
|
--mat-sys-label-large-font: var(--mat-sys-plain-font-family);
|
|
198
177
|
--mat-sys-label-large-line-height: 1.25rem;
|
|
199
178
|
--mat-sys-label-large-size: 0.875rem;
|
|
@@ -202,9 +181,7 @@
|
|
|
202
181
|
--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
203
182
|
|
|
204
183
|
/* Label medium typescale */
|
|
205
|
-
--mat-sys-label-medium: var(--mat-sys-label-medium-weight)
|
|
206
|
-
var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height)
|
|
207
|
-
var(--mat-sys-label-medium-font);
|
|
184
|
+
--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
|
|
208
185
|
--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
|
|
209
186
|
--mat-sys-label-medium-line-height: 1rem;
|
|
210
187
|
--mat-sys-label-medium-size: 0.75rem;
|
|
@@ -213,9 +190,7 @@
|
|
|
213
190
|
--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
214
191
|
|
|
215
192
|
/* Label small typescale */
|
|
216
|
-
--mat-sys-label-small: var(--mat-sys-label-small-weight)
|
|
217
|
-
var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height)
|
|
218
|
-
var(--mat-sys-label-small-font);
|
|
193
|
+
--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
|
|
219
194
|
--mat-sys-label-small-font: var(--mat-sys-plain-font-family);
|
|
220
195
|
--mat-sys-label-small-line-height: 1rem;
|
|
221
196
|
--mat-sys-label-small-size: 0.688rem;
|
|
@@ -223,9 +198,7 @@
|
|
|
223
198
|
--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
|
|
224
199
|
|
|
225
200
|
/* Title large typescale */
|
|
226
|
-
--mat-sys-title-large: var(--mat-sys-title-large-weight)
|
|
227
|
-
var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height)
|
|
228
|
-
var(--mat-sys-title-large-font);
|
|
201
|
+
--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
|
|
229
202
|
--mat-sys-title-large-font: var(--mat-sys-brand-font-family);
|
|
230
203
|
--mat-sys-title-large-line-height: 1.75rem;
|
|
231
204
|
--mat-sys-title-large-size: 1.375rem;
|
|
@@ -233,9 +206,7 @@
|
|
|
233
206
|
--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
|
|
234
207
|
|
|
235
208
|
/* Title medium typescale */
|
|
236
|
-
--mat-sys-title-medium: var(--mat-sys-title-medium-weight)
|
|
237
|
-
var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height)
|
|
238
|
-
var(--mat-sys-title-medium-font);
|
|
209
|
+
--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
|
|
239
210
|
--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
|
|
240
211
|
--mat-sys-title-medium-line-height: 1.5rem;
|
|
241
212
|
--mat-sys-title-medium-size: 1rem;
|
|
@@ -243,9 +214,7 @@
|
|
|
243
214
|
--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
|
|
244
215
|
|
|
245
216
|
/* Title small typescale */
|
|
246
|
-
--mat-sys-title-small: var(--mat-sys-title-small-weight)
|
|
247
|
-
var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height)
|
|
248
|
-
var(--mat-sys-title-small-font);
|
|
217
|
+
--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
|
|
249
218
|
--mat-sys-title-small-font: var(--mat-sys-plain-font-family);
|
|
250
219
|
--mat-sys-title-small-line-height: 1.25rem;
|
|
251
220
|
--mat-sys-title-small-size: 0.875rem;
|
|
@@ -255,21 +224,15 @@
|
|
|
255
224
|
/* ELEVATION SYSTEM VARIABLES */
|
|
256
225
|
|
|
257
226
|
/* Box shadow colors. Only used in the elevation level system variables. */
|
|
258
|
-
--mat-sys-umbra-color: color-mix(
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
);
|
|
268
|
-
--mat-sys-ambient-color: color-mix(
|
|
269
|
-
in srgb,
|
|
270
|
-
var(--mat-sys-shadow),
|
|
271
|
-
transparent 88%
|
|
272
|
-
);
|
|
227
|
+
--mat-sys-umbra-color: color-mix(in srgb,
|
|
228
|
+
var(--mat-sys-shadow),
|
|
229
|
+
transparent 80%);
|
|
230
|
+
--mat-sys-penumbra-color: color-mix(in srgb,
|
|
231
|
+
var(--mat-sys-shadow),
|
|
232
|
+
transparent 86%);
|
|
233
|
+
--mat-sys-ambient-color: color-mix(in srgb,
|
|
234
|
+
var(--mat-sys-shadow),
|
|
235
|
+
transparent 88%);
|
|
273
236
|
|
|
274
237
|
/* Elevation level system variables. These are used as the value for box-shadow CSS property. */
|
|
275
238
|
--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color),
|
|
@@ -310,4 +273,4 @@
|
|
|
310
273
|
--mat-sys-focus-state-layer-opacity: 0.12;
|
|
311
274
|
--mat-sys-hover-state-layer-opacity: 0.08;
|
|
312
275
|
--mat-sys-pressed-state-layer-opacity: 0.12;
|
|
313
|
-
}
|
|
276
|
+
}
|
|
@@ -270,6 +270,7 @@ declare class ColorPalette {
|
|
|
270
270
|
private getSavedTheme;
|
|
271
271
|
private saveTheme;
|
|
272
272
|
updateThemeClass: _angular_core.EffectRef;
|
|
273
|
+
loadCustomThemes(customThemes?: ColorTheme[], defaultTheme?: string): void;
|
|
273
274
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPalette, never>;
|
|
274
275
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ColorPalette>;
|
|
275
276
|
}
|
|
@@ -299,8 +300,15 @@ declare class NettyUXFilterCard extends UiBase {
|
|
|
299
300
|
onExport: _angular_core.OutputEmitterRef<void>;
|
|
300
301
|
onReset: _angular_core.OutputEmitterRef<void>;
|
|
301
302
|
onApply: _angular_core.OutputEmitterRef<void>;
|
|
303
|
+
resetButtonLabel: _angular_core.InputSignal<string>;
|
|
304
|
+
applyButtonLabel: _angular_core.InputSignal<string>;
|
|
305
|
+
exportButtonLabel: _angular_core.InputSignal<string>;
|
|
306
|
+
private translateService;
|
|
307
|
+
getResetButtonLabel(): string;
|
|
308
|
+
getApplyButtonLabel(): string;
|
|
309
|
+
getExportButtonLabel(): string;
|
|
302
310
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NettyUXFilterCard, never>;
|
|
303
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NettyUXFilterCard, "ntyux-filter-card", never, { "Title": { "alias": "Title"; "required": false; "isSignal": true; }; "SubTitle": { "alias": "SubTitle"; "required": false; "isSignal": true; }; "isExportVisible": { "alias": "isExportVisible"; "required": false; "isSignal": true; }; "isFormValid": { "alias": "isFormValid"; "required": false; "isSignal": true; }; }, { "onExport": "onExport"; "onReset": "onReset"; "onApply": "onApply"; }, never, ["*"], true, never>;
|
|
311
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NettyUXFilterCard, "ntyux-filter-card", never, { "Title": { "alias": "Title"; "required": false; "isSignal": true; }; "SubTitle": { "alias": "SubTitle"; "required": false; "isSignal": true; }; "isExportVisible": { "alias": "isExportVisible"; "required": false; "isSignal": true; }; "isFormValid": { "alias": "isFormValid"; "required": false; "isSignal": true; }; "resetButtonLabel": { "alias": "resetButtonLabel"; "required": false; "isSignal": true; }; "applyButtonLabel": { "alias": "applyButtonLabel"; "required": false; "isSignal": true; }; "exportButtonLabel": { "alias": "exportButtonLabel"; "required": false; "isSignal": true; }; }, { "onExport": "onExport"; "onReset": "onReset"; "onApply": "onApply"; }, never, ["*"], true, never>;
|
|
304
312
|
}
|
|
305
313
|
|
|
306
314
|
declare class NtyUXLayout {
|