@adres/mgda-ui 0.0.1 → 0.0.2
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/knowledge.json +1 -1
- package/package.json +1 -1
- package/src/styles/base.css +7 -7
package/knowledge.json
CHANGED
package/package.json
CHANGED
package/src/styles/base.css
CHANGED
|
@@ -9,17 +9,17 @@
|
|
|
9
9
|
* - The Tailwind @theme inline mapping that exposes semantic tokens as utilities
|
|
10
10
|
*
|
|
11
11
|
* What does NOT live here:
|
|
12
|
-
* -
|
|
13
|
-
* a brand package (e.g. @adres/brand-adres) imported BEFORE this file.
|
|
12
|
+
* - ../theme/theme.css: the MGDA values (colors, font family, shadows)
|
|
14
13
|
*
|
|
15
14
|
* Import order in your app:
|
|
16
|
-
* @import "tailwindcss" prefix(ax);
|
|
17
|
-
* @import "@adres/
|
|
18
|
-
* @import "@adres/mgda-ui/styles"; ← this file: maps them to utilities
|
|
15
|
+
* @import "tailwindcss" prefix(ax); <- Tailwind 4 entry (REQUIRED FIRST)
|
|
16
|
+
* @import "@adres/mgda-ui/styles"; <- this file (theme + utility wiring)
|
|
19
17
|
*/
|
|
20
18
|
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
@import "../theme/theme.css";
|
|
20
|
+
|
|
21
|
+
/* Dark mode is toggled by a `.dark` class on the root (the theme flips
|
|
22
|
+
* its tokens under `:root.dark`). Re-point Tailwind's `dark:`
|
|
23
23
|
* variant at that same class so utilities like `ax:dark:bg-primary-stronger` follow
|
|
24
24
|
* the app toggle, NOT the OS `prefers-color-scheme`, which is Tailwind's
|
|
25
25
|
* default and would otherwise apply in light mode on a dark-set OS. */
|