@iamgld/ui 1.20.4 → 1.20.21
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/fesm2022/iamgld-ui.mjs +30 -30
- package/fesm2022/iamgld-ui.mjs.map +1 -1
- package/lib/components/buttons/link/link.component.d.ts +1 -1
- package/lib/components/tables/table/table.component.d.ts +1 -1
- package/package.json +1 -1
- package/public/styles/layers/_base.scss +17 -0
- package/public/styles/layers/_tools.scss +6 -7
|
@@ -7,7 +7,7 @@ export declare class LinkComponent {
|
|
|
7
7
|
active: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
|
|
8
8
|
external: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
|
|
9
9
|
type: import("@angular/core").InputSignal<"default">;
|
|
10
|
-
align: import("@angular/core").InputSignal<"left" | "
|
|
10
|
+
align: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
11
11
|
clicked: import("@angular/core").OutputEmitterRef<void>;
|
|
12
12
|
emitClick(): void;
|
|
13
13
|
keyup(): void;
|
|
@@ -26,7 +26,7 @@ export declare class TableComponent {
|
|
|
26
26
|
minWidth?: string | undefined;
|
|
27
27
|
maxWidth?: string | undefined;
|
|
28
28
|
template?: import("@angular/core").TemplateRef<unknown> | undefined;
|
|
29
|
-
justify?: "left" | "
|
|
29
|
+
justify?: "left" | "right" | "center" | undefined;
|
|
30
30
|
hide?: boolean | undefined;
|
|
31
31
|
transform?: ((value: unknown) => string | number) | undefined;
|
|
32
32
|
values?: unknown[] | undefined;
|
package/package.json
CHANGED
|
@@ -37,3 +37,20 @@ p {
|
|
|
37
37
|
text-wrap: pretty;
|
|
38
38
|
margin: 0;
|
|
39
39
|
}
|
|
40
|
+
|
|
41
|
+
// Themes
|
|
42
|
+
body.theme--light {
|
|
43
|
+
color-scheme: light;
|
|
44
|
+
--gld-foreground-color: var(--gld-darkblue);
|
|
45
|
+
--gld-background-color: var(--gld-whitelight);
|
|
46
|
+
}
|
|
47
|
+
body.theme--dark {
|
|
48
|
+
color-scheme: dark;
|
|
49
|
+
--gld-foreground-color: var(--gld-whitelight);
|
|
50
|
+
--gld-background-color: var(--gld-darkblue);
|
|
51
|
+
}
|
|
52
|
+
body.theme--system {
|
|
53
|
+
color-scheme: light dark;
|
|
54
|
+
--gld-foreground-color: light-dark(var(--gld-darkblue), var(--gld-whitelight));
|
|
55
|
+
--gld-background-color: light-dark(var(--gld-whitelight), var(--gld-darkblue));
|
|
56
|
+
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
@use './setting'
|
|
2
|
-
@use 'sass:math';
|
|
1
|
+
@use './setting';
|
|
3
2
|
|
|
4
3
|
/*
|
|
5
4
|
En esta capa estarán:
|
|
@@ -100,8 +99,8 @@
|
|
|
100
99
|
|
|
101
100
|
&::-webkit-scrollbar-thumb {
|
|
102
101
|
background: light-dark(
|
|
103
|
-
var(--gray-transparent--040),
|
|
104
|
-
var(--gray-transparent--020)
|
|
102
|
+
var(--gld-gray-transparent--040),
|
|
103
|
+
var(--gld-gray-transparent--020)
|
|
105
104
|
); // color of the scroll thumb
|
|
106
105
|
will-change: background;
|
|
107
106
|
transition: background var(--gld-animation-time--150) ease;
|
|
@@ -110,8 +109,8 @@
|
|
|
110
109
|
|
|
111
110
|
&:hover {
|
|
112
111
|
background: light-dark(
|
|
113
|
-
var(--gray-transparent--060),
|
|
114
|
-
var(--gray-transparent--040)
|
|
112
|
+
var(--gld-gray-transparent--060),
|
|
113
|
+
var(--gld-gray-transparent--040)
|
|
115
114
|
); // color of the scroll thumb on hover
|
|
116
115
|
}
|
|
117
116
|
}
|
|
@@ -120,7 +119,7 @@
|
|
|
120
119
|
overflow: auto;
|
|
121
120
|
scrollbar-width: thin;
|
|
122
121
|
// color of the scroll thumb, color of the tracking area
|
|
123
|
-
scrollbar-color: light-dark(var(--gray-transparent--040), var(--gray-transparent--020))
|
|
122
|
+
scrollbar-color: light-dark(var(--gld-gray-transparent--040), var(--gld-gray-transparent--020))
|
|
124
123
|
transparent;
|
|
125
124
|
scroll-behavior: smooth;
|
|
126
125
|
}
|