@truenas/ui-components 0.1.43 → 0.1.45
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/assets/tn-icons/sprite-config.json +3 -1
- package/assets/tn-icons/sprite.svg +1 -1
- package/fesm2022/truenas-ui-components.mjs +9 -7
- package/fesm2022/truenas-ui-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/themes.css +18 -0
- package/types/truenas-ui-components.d.ts +2 -1
package/package.json
CHANGED
package/src/styles/themes.css
CHANGED
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
--tn-bg3: #333333;
|
|
15
15
|
--tn-fg1: #ffffff;
|
|
16
16
|
--tn-fg2: rgba(255,255,255,0.85);
|
|
17
|
+
--tn-fg3: rgba(255,255,255,0.55);
|
|
18
|
+
--tn-fg4: rgba(255,255,255,0.35);
|
|
17
19
|
--tn-alt-bg1: #383838;
|
|
18
20
|
--tn-alt-bg2: #545454;
|
|
19
21
|
--tn-alt-fg1: rgba(194,194,194,0.5);
|
|
@@ -71,6 +73,8 @@
|
|
|
71
73
|
--tn-bg3: #333333;
|
|
72
74
|
--tn-fg1: #e0e0e0;
|
|
73
75
|
--tn-fg2: rgba(255,255,255,0.85);
|
|
76
|
+
--tn-fg3: rgba(255,255,255,0.55);
|
|
77
|
+
--tn-fg4: rgba(255,255,255,0.35);
|
|
74
78
|
--tn-alt-bg1: #383838;
|
|
75
79
|
--tn-alt-bg2: #545454;
|
|
76
80
|
--tn-alt-fg1: rgba(194,194,194,0.5);
|
|
@@ -105,6 +109,8 @@
|
|
|
105
109
|
--tn-bg3: #e8e8e8;
|
|
106
110
|
--tn-fg1: #585858;
|
|
107
111
|
--tn-fg2: #666666;
|
|
112
|
+
--tn-fg3: #888888;
|
|
113
|
+
--tn-fg4: #909090;
|
|
108
114
|
--tn-alt-bg1: #f0f0f0;
|
|
109
115
|
--tn-alt-bg2: #e8e8e8;
|
|
110
116
|
--tn-alt-fg1: #181a26;
|
|
@@ -140,6 +146,8 @@
|
|
|
140
146
|
--tn-bg3: #343746;
|
|
141
147
|
--tn-fg1: #efefef;
|
|
142
148
|
--tn-fg2: #cacac5;
|
|
149
|
+
--tn-fg3: #9a9a95;
|
|
150
|
+
--tn-fg4: #7a7a75;
|
|
143
151
|
--tn-alt-bg1: #3a3d4a;
|
|
144
152
|
--tn-alt-bg2: #44475a;
|
|
145
153
|
--tn-alt-fg1: #f8f8f2;
|
|
@@ -175,6 +183,8 @@
|
|
|
175
183
|
--tn-bg3: #454d5e;
|
|
176
184
|
--tn-fg1: #eceff4;
|
|
177
185
|
--tn-fg2: #e5e9f0;
|
|
186
|
+
--tn-fg3: #a0a8b4;
|
|
187
|
+
--tn-fg4: #7b8394;
|
|
178
188
|
--tn-alt-bg1: #434c5e;
|
|
179
189
|
--tn-alt-bg2: #4c566a;
|
|
180
190
|
--tn-alt-fg1: #d8dee9;
|
|
@@ -209,6 +219,8 @@
|
|
|
209
219
|
--tn-bg3: #e8e8e8;
|
|
210
220
|
--tn-fg1: #3f3f3f;
|
|
211
221
|
--tn-fg2: #666666;
|
|
222
|
+
--tn-fg3: #888888;
|
|
223
|
+
--tn-fg4: #909090;
|
|
212
224
|
--tn-alt-bg1: #f0f0f0;
|
|
213
225
|
--tn-alt-bg2: #e8e8e8;
|
|
214
226
|
--tn-alt-fg1: #181a26;
|
|
@@ -246,6 +258,8 @@
|
|
|
246
258
|
--tn-bg3: #0a4050;
|
|
247
259
|
--tn-fg1: #586e75;
|
|
248
260
|
--tn-fg2: #7f99a2;
|
|
261
|
+
--tn-fg3: #4a5e65;
|
|
262
|
+
--tn-fg4: #3a4d53;
|
|
249
263
|
--tn-alt-bg1: #0e4853;
|
|
250
264
|
--tn-alt-bg2: #155a68;
|
|
251
265
|
--tn-alt-fg1: #839496;
|
|
@@ -282,6 +296,8 @@
|
|
|
282
296
|
--tn-bg3: #3d4a55;
|
|
283
297
|
--tn-fg1: #aaaaaa;
|
|
284
298
|
--tn-fg2: #cccccc;
|
|
299
|
+
--tn-fg3: #888888;
|
|
300
|
+
--tn-fg4: #666666;
|
|
285
301
|
--tn-alt-bg1: #3d4a55;
|
|
286
302
|
--tn-alt-bg2: #4a5762;
|
|
287
303
|
--tn-alt-fg1: #c1c1c1;
|
|
@@ -315,6 +331,8 @@
|
|
|
315
331
|
--tn-bg3: #d0d0d0;
|
|
316
332
|
--tn-fg1: #222222;
|
|
317
333
|
--tn-fg2: #333333;
|
|
334
|
+
--tn-fg3: #666666;
|
|
335
|
+
--tn-fg4: #777777;
|
|
318
336
|
--tn-alt-bg1: #f0f0f0;
|
|
319
337
|
--tn-alt-bg2: #e8e8e8;
|
|
320
338
|
--tn-alt-fg1: #181a26;
|
|
@@ -5493,12 +5493,13 @@ declare class TnEmptyComponent {
|
|
|
5493
5493
|
icon: _angular_core.InputSignal<string | undefined>;
|
|
5494
5494
|
iconLibrary: _angular_core.InputSignal<IconLibraryType>;
|
|
5495
5495
|
actionText: _angular_core.InputSignal<string | undefined>;
|
|
5496
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
5496
5497
|
size: _angular_core.InputSignal<TnEmptySize>;
|
|
5497
5498
|
onAction: _angular_core.OutputEmitterRef<void>;
|
|
5498
5499
|
protected hasAction: _angular_core.Signal<boolean>;
|
|
5499
5500
|
iconSize: _angular_core.Signal<"lg" | "xl">;
|
|
5500
5501
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnEmptyComponent, never>;
|
|
5501
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnEmptyComponent, "tn-empty", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLibrary": { "alias": "iconLibrary"; "required": false; "isSignal": true; }; "actionText": { "alias": "actionText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
|
|
5502
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnEmptyComponent, "tn-empty", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLibrary": { "alias": "iconLibrary"; "required": false; "isSignal": true; }; "actionText": { "alias": "actionText"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
|
|
5502
5503
|
}
|
|
5503
5504
|
|
|
5504
5505
|
/**
|