@ptlm-azulejo/themes 1.3.1-alpha.99 → 1.3.2

package/README.md

@@ -45,15 +45,15 @@ styles**:
 **Leroy Merlin projects**
 
 ```js
-import "@ptlm-azulejo/themes/presets/leroy-merlin.css"; // includes base.css
-import "@ptlm-azulejo/button/style.css";
+import '@ptlm-azulejo/themes/presets/leroy-merlin.css' // includes base.css
+import '@ptlm-azulejo/button/style.css'
 ```
 
 **Adeo projects**
 
 ```js
-import "@ptlm-azulejo/themes/presets/adeo.css"; // includes base.css
-import "@ptlm-azulejo/button/style.css";
+import '@ptlm-azulejo/themes/presets/adeo.css' // includes base.css
+import '@ptlm-azulejo/button/style.css'
 ```
 
 > Each preset `@import`s `base.css` (the structural + status tokens **and** a
@@ -107,8 +107,8 @@ yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-leroy-merlin
 ```
 
 ```js
-import "@ptlm-azulejo/themes/presets/leroy-merlin.css";
-import "@ptlm-azulejo/fonts-leroy-merlin";
+import '@ptlm-azulejo/themes/presets/leroy-merlin.css'
+import '@ptlm-azulejo/fonts-leroy-merlin'
 ```
 
 Until you load a typeface the fallback stack renders, so nothing breaks — it just
@@ -159,8 +159,8 @@ than inheriting your page's font. To hand a component back to the page font:
 Just swap the root class (both presets can be imported at the same time):
 
 ```js
-document.documentElement.classList.remove("preset-lm", "preset-adeo");
-document.documentElement.classList.add("preset-adeo");
+document.documentElement.classList.remove('preset-lm', 'preset-adeo')
+document.documentElement.classList.add('preset-adeo')
 ```
 
 ## Creating a custom brand
@@ -171,7 +171,7 @@ Define the same brand tokens of the contract under your brand class:
 .preset-my-brand {
   /* Typeface. The 400/500/600/700 weights come from base.css; override them here
      only if your typeface lacks those cuts. */
-  --font-family: "Inter", Arial, sans-serif;
+  --font-family: 'Inter', Arial, sans-serif;
 
   --color-brand: #6c2bd9;
   --color-brand-dark: #531fb0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptlm-azulejo/themes",
-  "version": "1.3.1-alpha.99",
+  "version": "1.3.2",
   "description": "Multi-brand theme tokens (Leroy Merlin, Adeo) for the @ptlm-azulejo components, aligned with the Mozaic Design System.",
   "type": "module",
   "exports": {

package/presets/adeo.css

@@ -12,7 +12,7 @@
 
 /* Structural + status tokens (brand-agnostic) come bundled with the preset, so
    consumers only need to import this single file. */
-@import "../base.css";
+@import '../base.css';
 
 .preset-adeo {
   /* ── Palette · Teal (primary) ─────────────────────────────── */
@@ -64,7 +64,7 @@
   --color-brand-dark: var(--color-teal-700);
   --color-brand-light: var(--color-teal-100);
 
-  --font-family: "Roboto",  Arial, sans-serif;
+  --font-family: 'Roboto', Arial, sans-serif;
 
   /* ── Functional tokens · light (default) ──────────────────── */
   --color-text-primary: #000000;
@@ -89,7 +89,7 @@
 }
 
 /* ── Functional tokens · dark ────────────────────────────────── */
-.preset-adeo[data-theme="dark"] {
+.preset-adeo[data-theme='dark'] {
   --color-text-primary: #e6e6e6;
   --color-text-secondary: #cccccc;
   --color-text-tertiary: #b3b3b3;
@@ -112,7 +112,7 @@
 
 /* ── Automatic fallback: follow the OS when data-theme is unset ── */
 @media (prefers-color-scheme: dark) {
-  .preset-adeo:not([data-theme="light"]) {
+  .preset-adeo:not([data-theme='light']) {
     --color-text-primary: #e6e6e6;
     --color-text-secondary: #cccccc;
     --color-text-tertiary: #b3b3b3;

package/presets/leroy-merlin.css

@@ -12,7 +12,7 @@
 
 /* Structural + status tokens (brand-agnostic) come bundled with the preset, so
    consumers only need to import this single file. */
-@import "../base.css";
+@import '../base.css';
 
 .preset-lm {
   /* ── Palette · Green (primary) ────────────────────────────── */
@@ -42,7 +42,7 @@
   --color-brand-dark: var(--color-green-700);
   --color-brand-light: var(--color-green-100);
 
-  --font-family: "LeroyMerlin",  Arial, sans-serif;
+  --font-family: 'LeroyMerlin', Arial, sans-serif;
 
   /* ── Functional tokens · light (default) ──────────────────── */
   --color-text-primary: #000000;
@@ -67,7 +67,7 @@
 }
 
 /* ── Functional tokens · dark ────────────────────────────────── */
-.preset-lm[data-theme="dark"] {
+.preset-lm[data-theme='dark'] {
   --color-text-primary: #e6e6e6;
   --color-text-secondary: #cccccc;
   --color-text-tertiary: #b3b3b3;
@@ -90,7 +90,7 @@
 
 /* ── Automatic fallback: follow the OS when data-theme is unset ── */
 @media (prefers-color-scheme: dark) {
-  .preset-lm:not([data-theme="light"]) {
+  .preset-lm:not([data-theme='light']) {
     --color-text-primary: #e6e6e6;
     --color-text-secondary: #cccccc;
     --color-text-tertiary: #b3b3b3;

package/CHANGELOG.md

@@ -1,86 +0,0 @@
-# @ptlm-azulejo/themes
-
-## 1.3.1
-
-### Patch Changes
-
-- edbe6d9: Presets no longer bundle the scoped UA preflight that reset `button` / `input` / `select` / `textarea` under `.preset-lm` / `.preset-adeo`. Token and preset imports are unchanged.
-
-## 1.3.0
-
-### Minor Changes
-
-- dda8cdb: Add a scoped UA preflight to themes (bundled with every preset) so Azulejo
-  controls don't depend on the host running Tailwind Preflight. Drop the
-  per-segment button-reset utilities from SegmentedControl. Re-export
-  `SegmentedControlItem`, `SegmentedControlSize`, and `SegmentedControlUi`
-  from the package entry so consumers can import the types again.
-
-## 1.2.1
-
-### Patch Changes
-
-- e5341cd: Documentation. Every package README now spells out both brands end to end instead
-  of showing one snippet with an "or" comment: which preset stylesheet to import,
-  which `.preset-*` class goes on `<html>` to select the theme at runtime,
-  `data-theme` for light/dark, and which font package the project needs (Leroy
-  Merlin → `@ptlm-azulejo/fonts-leroy-merlin`, Adeo → `@ptlm-azulejo/fonts-adeo`).
-
-  No component behaviour, prop or token changed. The patch bump exists because npm
-  ships `README.md` inside the tarball and renders it as the package page, so the
-  corrected instructions only reach consumers on a release.
-
-## 1.2.0
-
-### Minor Changes
-
-- eb0b0f8: Make components follow the brand typeface, add the medium (500) font weight, and
-  expose stable `data-testid` hooks.
-
-  - Each preset now names its brand's typeface in `--font-family`
-    (`presets/leroy-merlin.css` → LeroyMerlin, `presets/adeo.css` → Roboto), with
-    `Arial, sans-serif` as the fallback stack.
-  - Components apply that typeface on their root, so they follow the active brand
-    instead of inheriting the host page's font. Opt out per component by setting
-    `--font-family: inherit` on it.
-  - `base.css` adds `--font-weight-medium: 500`, alongside the existing regular
-    (400), semi-bold (600) and bold (700) weights.
-  - Every component now exposes `data-testid` on its root and on meaningful
-    sub-parts (`button` / `button-spinner`, `loader` / `loader-text`,
-    `datepicker` / `datepicker-clear`, `segmented-control` /
-    `segmented-control-segment`), so tests can target them without depending on
-    CSS class names.
-
-  As with upstream Mozaic, the presets **name** the typeface but ship no
-  `@font-face` and no font binaries — loading the files stays the app's job, so you
-  keep control of hosting, subsetting and preload. Until you load them the fallback
-  stack renders and nothing breaks. Install the font package matching your brand
-  alongside the preset:
-
-  ```bash
-  # Leroy Merlin
-  yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-leroy-merlin
-  # Adeo
-  yarn add @ptlm-azulejo/themes @ptlm-azulejo/fonts-adeo
-  ```
-
-  See the Fonts section of `packages/themes/README.md` for the full recipe.
-
-## 1.1.0
-
-### Minor Changes
-
-- 53000f7: Add Mozaic-aligned multi-brand theming support.
-
-  - New `@ptlm-azulejo/themes` package with structural/status tokens in `base.css`
-    and brand presets selected by a root class (`presets/leroy-merlin.css`,
-    `presets/adeo.css`), via `.preset-lm` / `.preset-adeo` and `data-theme` for
-    light/dark.
-  - `AzButton` now consumes theme tokens through utilities mapped in
-    `@theme inline`, working across both brands and in light/dark.
-
-  **BREAKING:** components no longer bake brand colors. The consumer must now
-  import `@ptlm-azulejo/themes/base.css` + a preset and apply the
-  `.preset-lm`/`.preset-adeo` class (and optional `data-theme="dark"`) on the root
-  element; otherwise components render uncolored. See the migration notes in
-  `packages/themes/README.md`.