@papernote/ui 2.0.1 → 2.0.3

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.
@@ -6,6 +6,21 @@
6
6
  @import "tailwindcss";
7
7
  @import "./theme.css";
8
8
 
9
+ /* Class-based dark mode.
10
+ *
11
+ * Without this, Tailwind v4 compiles every `dark:` utility into a
12
+ * `@media (prefers-color-scheme: dark)` block — so dark styles activate
13
+ * from the OS theme setting rather than app state. Consumers that want
14
+ * to control dark mode programmatically (e.g. a theme toggle that adds
15
+ * `<html class="dark">`) can't override the OS preference.
16
+ *
17
+ * This variant makes `dark:` resolve to a `.dark` class selector
18
+ * instead. Apps that want media-query behavior can opt back in via
19
+ * their own `@custom-variant dark (@media (prefers-color-scheme: dark));`
20
+ * override.
21
+ */
22
+ @custom-variant dark (&:where(.dark, .dark *));
23
+
9
24
  /* Content sources for class detection */
10
25
  @source "../components/**/*.{tsx,ts}";
11
26
  @source inline("bg-sky-100 bg-sky-50 bg-sky-100/50 bg-amber-100 bg-amber-50 bg-amber-100/50 bg-emerald-100 bg-emerald-50 bg-emerald-100/50 bg-pink-100 bg-pink-50 bg-pink-100/50");