@draftlab/auth 0.1.0 → 0.1.1
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/dist/ui/base.d.ts +2 -2
- package/dist/ui/base.js +19 -0
- package/package.json +1 -1
package/dist/ui/base.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Theme } from "../themes/theme.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as preact6 from "preact";
|
|
3
3
|
import { ComponentChildren } from "preact";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/base.d.ts
|
|
@@ -21,7 +21,7 @@ declare const Layout: ({
|
|
|
21
21
|
theme,
|
|
22
22
|
title,
|
|
23
23
|
size
|
|
24
|
-
}: LayoutProps) =>
|
|
24
|
+
}: LayoutProps) => preact6.JSX.Element;
|
|
25
25
|
/**
|
|
26
26
|
* Helper function to render a Preact component to HTML string
|
|
27
27
|
*/
|
package/dist/ui/base.js
CHANGED
|
@@ -275,6 +275,25 @@ const css = `@import url("https://unpkg.com/tailwindcss@3.4.15/src/css/preflight
|
|
|
275
275
|
color: var(--color-high);
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
+
|
|
279
|
+
/* Logo theme switching */
|
|
280
|
+
[data-component="logo"][data-mode="light"] {
|
|
281
|
+
display: none;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
[data-component="logo"][data-mode="dark"] {
|
|
285
|
+
display: block;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
@media (prefers-color-scheme: light) {
|
|
289
|
+
[data-component="logo"][data-mode="light"] {
|
|
290
|
+
display: block;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
[data-component="logo"][data-mode="dark"] {
|
|
294
|
+
display: none;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
278
297
|
`;
|
|
279
298
|
/**
|
|
280
299
|
* Base Layout component that provides the foundational structure for all auth UIs
|